Web

  • Published on
    本文介绍了如何去掉阿里云OSS链接中的签名信息,通过将Object设置为公共读权限(`oss2.OBJECT_ACL_PUBLIC_READ`),使链接公开且无时间限制。此操作虽简化了URL生成,但可能增加访问量和成本,需谨慎考虑。文章提供了上传字节流并设置权限的代码示例,以及生成公共访问URL的方法。
  • Published on
    本文介绍了边缘函数(Edge Function)的概念及其在网络边缘执行计算逻辑的作用,包括降低延迟、提高性能、内容个性化、增强安全性和数据处理等。边缘函数采用分布式架构和无服务器计算模式,支持事件驱动和快速启动。文章还展示了其在动态内容生成、A/B 测试、内容缓存、API 网关和安全性增强等场景中的具体应用示例。
  • Published on
    本文介绍了微信公众号文章中图片无法正常显示的原因及解决方法。原因是微信图片服务器通过检查HTTP请求头中的Referer字段来防止其他网站盗用图片资源(防盗链)。当Referer不是微信域名时,服务器会返回提示图片。解决方法是在HTML头部添加`<meta name="referrer" content="never">`,但这可能影响数据分析、SEO和某些网站功能,需权衡隐私与这些潜在问题。
  • Published on
    更新 js 文件后不生效,怀疑 nginx,重启仍有问题。放弃 nginx_ngx_cache_purge 模块,采用清理服务器上 nginx 缓存目录的方法,找到缓存目录 /var/ngcache 并删除,同时可重启 nginx 或强制杀死进程后启动,最后清理浏览器缓存即可。
  • Published on
    本文介绍本站的仙尘光标鼠标滑动效果,2019 年 4 月愚人节从 stackoverflow 看到后截取代码,html 标签为`<span class="js-cursor-container"></span>`,js 代码可实现鼠标移动时产生粒子效果,代码中有相关函数及粒子属性设置。
  • Published on
    文章介绍 http 升级到 https 的过程,环境为腾讯云服务、nodejs 服务和 nginx 反向代理。包括获取免费 DVSSL 证书、上传证书到 nginx 目录、修改 conf 文件(改 80 服务为 443 并新增 80 强制跳转到 https 服务)及 nginx reload 等步骤。
  • Published on
    文章介绍了 10 种最常见的 Javascript 错误,包括 Uncaught TypeError 等,分别阐述其产生原因及解决办法,如在初始化状态、处理 DOM 元素等场景中易出现错误,还提到不同浏览器错误提示不同及相关解决方法,最后强调 Rollbar 的重要性。
  • Published on
    文章介绍 koa2 给所有页面渲染全局数据的方法。通过在所有路由前新增代码捕捉每次请求并写入 mongodb 新增访问量及返回总访问量,前端可在模板中获取该变量实现显示用户访问量。
  • Published on
    介绍给 marked 库增加 TOC 功能,先初始化 marked 引入库并重写 renderer.heading,设置参数后保存解析后的 header 信息,再用特定代码将数据转换成 html 形式的 toc,最后通过 post2html 函数实现并添加锚点定位偏移 css。
  • Published on
    文章介绍登录后自动跳转到登录前页面的方法。在 signin.html 页面的表单中增加隐藏元素记录前页地址,后台验证登录成功后根据 referrer 判断是否跳转,若存在则跳转到 referrer 地址,不存在则跳转到主页,通过相关代码实现此功能。
  • Published on
    Markdown 在线预览上线,可拖放或上传文件预览,服务器不存副本。前端通过 HTML 和 JS 实现拖拽及文件选择功能,后台用 koa2 并引入 koaBody 模块,将 markdown 转换为 html 格式显示。暂未考虑浏览器兼容性。
  • Published on
    总结:文章汇总了 react native 配置方面问题,包括无法加载脚本及无法连接开发服务器等,给出了相应解决办法,如创建目录、执行命令等。
  • Published on
    CSRF 是跨站域请求伪造攻击,2007 年被列为互联网 20 大安全隐患。文中介绍其背景、实例、攻击对象及三种防御策略(验证 Referer 字段、添加 token 并验证、自定义 HTTP 头属性并验证),并以 Java 代码示例,还探讨了防御方法选择,总结目前防御策略不完善,需重视并选择合适策略降低危害。
  • Published on
    文章解决判断组件滚动到底部及页面切换后保持滚动位置问题。通过 ref 获取 dom 节点,在组件加载和卸载时添加/移除 scroll 事件监听来判断。页面切换时用全局变量保存和恢复 scrollTop 位置。
  • Published on
    介绍使用 flex 固定头部和底部中间滚动的方法,关键在于 root 纵向布局高度 100vh 隐藏滚动条,content 设滚动且 flex 为 1,item 设高度后需 flexShrink 为 0,代码示例如下。
  • Published on
    介绍 28 个 HTML5 特征、窍门和技术,包括新 Doctype、图形元素、<small>重新定义等,如使用新 Doctype 更便捷,<figure>元素可语义化图片标题等,还提及本地存储、表单特征等,部分技术仅在特定浏览器下效果较好,不少浏览器已支持这些特性。
  • Published on
    介绍网页聊天气泡效果实现,通过 ejs 模板实现收发消息布局,利用 flex 布局和特定样式打造左右对齐气泡,包含头像、名字、聊天内容等部分,文末提供 github 地址。
  • Published on
    material-ui 的 FontIcon 组件含 900 多个系统图标但易显示不出。需下载资源并新建 css 文件设置字体,将其 link 到 html 中,使用方法多样,如`<FontIcon className="material-icons">keyboard_arrow_left</FontIcon>`。
  • Published on
    文章介绍 Chrome 开发者工具的小技巧,包括代码格式化、强制 DOM 状态、动画慢放录制、直接编辑网页、网络限速、复制 HTTP 请求、抓带手机图、设置断点及 Console 中的各种技巧和快捷键等,内容丰富实用。
  • Published on
    介绍了 CSS 中 position 属性(absolute、relative、static、fixed)及 z-index 属性。文档流中三种脱离情况及各定位特点,relative 相对自身文档流位置偏移且占文档空间,absolute 依祖先类非 static 定位,fixed 以窗口为原点定位,z-index 定堆叠层次,无 position 定位的元素 z-index 无效。
  • Published on
    在 bootstrap 中,可通过给 td 标签添加特定类使长文本显示省略点,同时用 bootstrap 的 tooltip 展示内容。但存在不管有无省略点都显示 tooltip 的问题,可通过 js 代码在鼠标进入时添加 tooltip 属性,离开时去掉来解决。
  • Published on
    这是一个用 electron 框架做的 demo 程序,调用 showapi 接口数据。入口 main.js 初始化菜单、窗口等,还通过 ipc 与各页面通信,用 ejs 在 html 上展示数据,源码可在[https://code.csdn.net/tujiaw/showapi/tree/master](https://code.csdn.net/tujiaw/showapi/tree/master)查看。
  • Published on
    文章介绍网页登录框“记住我”功能,通过 Cookie 实现。详细阐述 Cookie 和 Session 机制,及登录 html 表单和使用 jquery.cookie.js 读写 Cookie 的代码,在公用电脑勾选有风险,个人电脑可提供方便。
  • Published on
    文章介绍浏览器同源政策,包括含义(1995 年 Netscape 引入,三相同)、目的(保证用户信息安全)、限制范围(Cookie 等三种行为受限)。还详细阐述了规避方法,如 Cookie 通过设置 document.domain 共享,iframe 可用片段标识符等三种方式通信,LocalStorage 可通过 window.postMessage 读写,AJAX 可用 JSONP、WebSocket、CORS 规避限制。
  • Published on
    文章介绍用 nginx 配置 nodejs 服务做反向代理,域名备案后可通过域名访问。nginx 配置文件位置多样,文中在 /etc/nginx 下,通过在 http 中添加 upstream 及在 server 下配置 location 等步骤完成,最后需 nginx -s reload,若出错可删除 sites-enabled 下临时文件。
  • Published on
    介绍 flex 网页布局,与 Qt 的布局相似,需注意 flex 属性简写及容器显示设置。文中给出具体 HTML 代码及效果图,展示了 flex 布局在网页中的应用,如各种元素的样式设置等。
  • Published on
    这是关于“樱木花道”的 CSS 布局人物简介页面。通过特定 CSS 样式设置了图片、文字等布局,展示了樱木花道在《灌篮高手》中的相关信息,如他是湘北高中篮球队球员等。
  • Published on
    2017 年 1 月 29 日的文章“npm 常用命令”,虽为草稿但有相关图片。主要围绕 npm 的常用命令展开,未提及具体命令内容。
  • Published on
    文章介绍给一组标签设置状态的方法,当鼠标点击标签时,若有“active”类则移除,无则添加。通过 jQuery 代码实现,对多个不同类别的标签进行点击状态设置。
  • Published on
    文章介绍了 mmbiz.qpic.cn 图片防盗链,包括防盗链系统含义(防范盗链,防止他人绕过展示页盗用资源)、实现原理(基于 HTTP 协议的 referer 字段跟踪来源进行处理),以及针对该网站的解决方法(在地址前加特定字符串或在 html head 中加入特定 meta 标签)。
  • Published on
    2017 年 1 月 5 日的文章,提及 webstorm eap 免费版,标签为 Web,可通过[http://confluence.jetbrains.com/display/WI/WebStorm+EAP](http://confluence.jetbrains.com/display/WI/WebStorm+EAP)获取。
  • Published on
    2017 年 1 月 3 日,网页上传图片用 chrome 一直失败,推测是安装屏蔽插件所致,换成 IE 后成功,可见插件可能影响网页图片上传。