数据序列化 https://github.com/ljharb/qs简单使用方法:Qs.parse()Qs.stringify()用不到那么多功能,自己写个简单的: 1234567891011121314151617181920212223242526272829var C$ = (function(){ return { uriParse:function(str)& 2017-11-29 学无止境 #JavaScript #数据序列化
Robots.txt 最近在做站点的SEO优化和爬虫权限控制,反复跟 robots.txt 打交道,踩了不少小坑,也把这块的知识点彻底梳理了一遍。今天就用最直白的方式,跟大家聊聊 Robots协议 到底是什么、怎么写、实战中怎么用,新手也能直接照着配。 一、先搞懂:Robots.txt 到底是个啥?Robots协议,全称是 Robots Exclusion Protocol(网络爬虫排除标准),大家平时也叫它爬虫协议、 2017-11-27 学无止境 #SEO #Robots.txt
读取本地图片转Base64 前端读取用户本地文件并转换为Base64编码的实现方案,以下是完整可直接运行的代码(适配现代浏览器),包含核心逻辑、注释和注意事项: 一、核心实现代码(最常用:用户选择文件转Base64)123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354<!DO 2017-11-24 学无止境 #JavaScript #Base64 #FileReader
解决端口被占用 最精简、直接复制就能用的三平台端口占用解决命令,开发必备,一步杀进程: 一、Windows 解决端口被占用以端口 3000 为例 1. 查找占用端口的 PID1netstat -ano | findstr "3000" 最后一列数字就是 PID 2. 强制杀死进程1taskkill /F /PID 你的PID 示例: 1taskkill /F /PID 12345 二、L 2017-11-20 学无止境 #系统维护 #端口管理
磨砂效果 (2026年更新)仅适配现代浏览器(Chrome、Firefox、Safari、Edge最新版) 的磨砂(毛玻璃)效果方案,核心基于 backdrop-filter 实现(无需分层、无需SVG滤镜,极简高效),以下是完整可直接使用的代码和关键说明: 一、核心实现代码(基础版)12345678910111213141516171819202122232425262728293031323334353 2017-11-14 学无止境 #CSS #毛玻璃效果
WebRTC(一):通过WebRTC技术检测摄像头和麦克风 WebRTC 检测摄像头/麦克风:完整实现 + 2017年浏览器兼容方案基于 WebRTC 技术检测摄像头、麦克风的核心方法,以及 2017 年主流浏览器(Chrome、IE、QQ/360 浏览器等)下的兼容问题(比如 device.label 显示异常、Firefox 无法获取音频输出列表)。我会结合当时的浏览器环境,给出可直接运行的完整实现方案,并解释核心兼容痛点的解决思路 2017-11-13 学无止境 #JavaScript #音视频 #WebRTC
parse-server和parse-dashboard Parse Server & Parse Dashboard 全解析:从部署到实战Parse Server 和 Parse Dashboard 是 Parse 生态的核心组件——Parse Server 是开源的后端服务框架(替代 Parse 官方托管服务),Parse Dashboard 是配套的可视化管理面板,二者结合可快速搭建完整的后端服务(无需从零写接口),特别适合前端/ 2017-11-10 学无止境 #Node.js #Parse Server #MongoDB
修改系统字体缩放比例对页面的影响 用户修改「系统字体缩放/显示比例」对前端页面的真实影响、为什么会乱、怎么解决。 一、用户到底改了什么?Windows / macOS / 安卓 / iOS 都有两个东西: 系统显示缩放(缩放比例) Windows:100% / 125% / 150% / 200% macOS:分辨率缩放、更大文字/更多空间 作用 2017-10-26 填坑记录 #CSS #WebView #兼容性
前端 Polyfill 方案 今天是 2017 年 7 月 7 日,es2015 正式发布已经两年了。但最新的浏览器们逼近 100% 的支持率对我们好像并没有什么卵用,为了少数用户的体验,我们很可能需要兼容 IE9。感谢 babel 的编译,让我们完美的提前使用上了 const,let 和 arrow function。可也许你还是面对着不敢直接使用 fetch 或是 Object.assign 的难题? babel 和 po 2017-08-25 前端开发 #JavaScript #Polyfill #Babel
Google Chrome 兼容问题 1. Microphone and Camera access no longer works on insecure origins. To use this feature, you should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz fo 2017-08-18 填坑记录 #浏览器兼容 #Chrome