前端笔记列表

基础知识

1. 神奇的position:sticky
2. 双飞翼布局的原理
3. 圣杯布局的原理
4. Browser 对象(一、history)
5. JS获取当前网址信息
6. 前端常见面试题
7. 前端自适应—-单位rem
8. node.js 获取url中的各个参数
9. nodejs之url模块
10. nodejs之querystring模块
11. 如何写出优美的 JavaScript 代码？
12. 获取某个数内的质数
13. github page搭建自己的页面
14. git常用命令
15. js实现返回页面顶部
16. jsonp获取json数据
17. getTime()方法在苹果系统的bug
18. 打乱数组顺序的三种方法
19. 正则表达式验证手机号码是否正确
20. 星号替换手机号码的中间四位数
21. 火狐浏览器安装插件步骤

百度地图

1. 百度地图—-浏览器定位API
2. 百度地图—-解析经纬度
3. 百度地图—-浏览器定位获得详细地址

ARRAY部分方法实现

1. Array对象的方法实现（1）—-Array.prototype.push和Array.prototype.concat（实现常规参数的功能）
2. Array对象的方法实现（2）—-Array.prototype.every和Array.prototype.fill（实现常规参数的功能）
3. Array对象的方法实现（3）—-Array.prototype.filter和Array.prototype.find（实现常规参数的功能）
4. Array对象的方法实现（4）—-Array.prototype.findIndex和Array.prototype.forEach（实现常规参数的功能）
5. Array对象的方法实现（5）—-Array.prototype.includes（实现常规参数的功能）
6. Array对象的方法实现（6）—-Array.prototype.indexOf（实现常规参数的功能）
7. Array 数组去重 总结10方法（7）

ES6学习

1. ES6学习之路1—-变量的声明
2. ES6学习之路2—-变量的解构赋值
3. ES6学习之路3—-rest参数与扩展运算符
4. ES6学习之路4—-字符串模版
5. ES6学习之路5—-数组方法
6. ES6学习之路6—-箭头函数
7. ES6学习之路7—-set数据结构
8. ES6学习之路8—-WeakSet数据结构
9. ES6学习之路9—-Map数据结构
10. ES6学习之路10—-Symbol

DEMO

1. 双飞翼布局—-利用float和margin实现双飞翼布局
2. Markdown在线编辑器
3. 使用showdown.js将Markdown文档转换为HTML
4. UEditor富文本编辑器的简单入门
5. MUI导航栏透明渐变—-原生JS实现
6. 在【商品列表页面】分享【商品详情】—-网易手推公众号效果
7. 用QRCode.js制作二维码的生成器（qrcode.makeCode方法生成二维码）
8. 通过jquery库扩展移动端‘长按触发’事件（模拟浏览器‘长按识别二维码’功能）
9. 用QRCode.js制作二维码解析器（qrcode.decode方法解析二维码）
10. 利用canvas的getImageData()方法制作《在线取色器》
11. 图片上传预览插件制作—-URL.createObjectURL()
12. 侧边栏导航(移动端商品–评论–详情)随楼层滑动高亮显示
13. 滚动条滑动到指定位置
14. js实现：仿京东搜索栏随滑动透明度渐变
15. jquery分页插件pagination.js的使用
16. 微信分享等设置 – 缩略图等
17. 移动端滚动加载—–jQuery 和 原生JS
18. artTemplate源码
19. 图片在线转换base64

报错处理

1. xxx.forEach is not a function（DOM集合–类数组对象转化为数组）
2. [Intervention] Unable to preventDefault inside passive event listener due to target being treated as
3. 关于字体图标在firefox上本地访问无法显示的问题分析
4. this request has been blocked;the content must be served over https
5. Uncaught SyntaxError: Unexpected token :
6. 微信config:invalid signature
7. 如何在HTTPS 网页中引入HTTP资源： Mixed Content？

编辑器

HBuilder

1. HBuilder扩展代码块功能
2. hbuilder外置服务器设置（局域网移动端调试）
3. hbuilder打包APP
4. hbuilder检测不到夜神模拟器 – 解决办法
5. hbuilder与夜神模拟器的链接

webstorm（10.0.2）

1. webstorm（10.0.2）的端口号修改
2. webstorm（10.0.2）设置测试服务器 – 局域网内其他设备访问
3. webstorm相关设置

VSCode

1. VSCode编辑器前端常用插件

生活

1. 道破人性
2. 三十秒的小习惯，一辈子的大影响
3. 一个比较有趣的题：推算今天星期几