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