本篇博文是对 Zepto 的事件模块进行解读.
Zepto 源码简单剖析
我希望能对一些工具库能够有多一些深入了解, Zepto 在做移动项目运用很多,希望借此能够对 Javascript 可以有更多
的深入与了解.
加上在目前的技术趋势,原生 Javascript 越来越强大, 各浏览器之间的兼容问题也相比以前较少, 在单页面框架内使用原生 Javascript 代替 JQuery 这样的工具库的声音越来越大.
WebSocket In GirlWall
WebScoket 是 HTML5 新增的全双工通信协议, 解决 HTTP 的 “拉” 协议问题,增加了服务端的 “推” , 实现实时数据传输
websocket 是浏览器支持全双工通信的协议, 协议 url 格式为 ws: url, 加密后为 wss: url.
Ajax
对于一名 Web 开发工程师, 了解 Ajax 内部原理是非常必要的,不能因为目前工具的完备性而放弃理解了解其内部原理.
这样有利于更好地使用工具或发明工具.
前端使用 Mock 与后端独立
在项目开发期间,不应该出现开发人员有空白的时间,应该将项目中的调试与性能尽可能地去完善,但是有时候会遇到后台
还没有开发出 API 的时候,不应该干等后台人员开发出 API, 作为一名前端,应当利用 mock, 使用模拟假数据来尽早地
进入调试阶段与优化阶段.
Nginx 的反向代理
在做项目的时候,有时候需要自己部署 Node.JS 在 Linux 服务器上, 但是由于基于 Express 的 Node.JS 监听某个
端口,但是一般来说不会监听 80 端口, 因为 80 端口是 HTTP 的默认端口, 在设置站点的时候需要将发送到 80 端口的数
据转送到 NodeJS 监听的端口去,这时候就需要设置反向代理了.
微信调试
随着微信小程序的出现,相信会有一大批人会开始接触微信开发,而在微信开发的过程中,其调试是非常繁琐的.下面我将我
自身在微信开发方面做一些总结,希望可以抛砖引玉.
其实早就应该反思自己的微信开发流程了,但是一直有项目,所以就搁置了.
Throttle In LazyLoad
在做许愿墙项目的时候,发现懒加载绑定在 scroll 事件上, lazyload 函数会执行非常多次,极大地影响了页面性能,
因此采用节流函数来限制 loayload 函数的执行次数.
开启 Gzip 为前端加速
目前来说,前端的单页面应用十分广泛,但是单页面应用有个先天的缺点是将所有的文件或页面打包在一个文件内,虽然提高
了应用的响应速度,但是却大大增加了首页的渲染时间与白屏时间.虽然目前的打包工具 webpack 支持懒加载代码分块,一
定程度上减轻了这一症状,但是当业务复杂起来,只包括首页 js 文件也会相当庞大,这时候如果能够采用 Gzip 压缩文件将
会显著减少白屏时间.
script 标签的 defer 与 async
##两者共同点
defer 与 async 都是在 HTML 文件中的 script 标签的属性. 两个属性都会通知浏览器立刻下载该脚本, 并且都只对外联
脚本起作用.
添加了这两个属性的 script 脚本不应该包含 DOM 操作, 因为延迟或异步脚本之后,并不能保证脚本的执行顺序,有可能在 DOMContentLoad 事件之前就已经执行了. 但是他们的区别在哪?
Parse 系列之 Parse Dashboard 搭建(译)
应老师的要求,因为项目需要使用 parse-server 来作为应用的后端支撑,因此我将我学习 parse-server 的笔记
或译文放到博文中,希望可以帮助到师弟师妹的后续学习。
本次译文翻译会生硬,欢迎大家提出意见。