whatwhyhow7

Hi

出家人不打诳语,你这个需求我说做不了就是做不了。

前端性能优化

摘要:前端面试几乎都会问这样一个问题:说说你对前端性能优化的了解。这个问题相当于是开卷考试了,因为也没啥标准答案。但是还是有一些常见套路的,这里就尝试着罗列一些,希望能总结越多,理解越多。

继续阅读:前端性能优化

搭建自己的 GitHub Pages

摘要:以前不觉得,入坑前端后,觉得是时候弄一个自己的个人网站了,写写技术总结,上传些自己拍过的照片,再弄个在线简历啥的。搞前端还是得弄弄面子工程。花了几天时间,终于分别弄好了个人主页技术博客摄影作品在线简历 这4个小站。乘着刚刚搭建完成,总结一下使用 GitHub Pages 搭建个人网站的主要步骤。

继续阅读:搭建自己的 GitHub Pages

关于函数节流和函数防抖

摘要:开发中有一些场景由于事件频繁被触发,因而频繁执行了 DOM 操作、资源加载等重行为,导致 UI 停顿甚至浏览器崩溃。比如处理 resize、scroll、mouseover 事件和文字输入、自动完成的 input、keyup 事件等等。像 scroll 事件,一次鼠标的滚动就会触发多次,而实际上在很短的时间内只需要处理一次回调,这就非常需要使用函数节流来避免处理多次回调逻辑。而像 window 的 resize 事件,实际需求大多为停止改变大小n毫秒后执行后续处理,这时又需要通过函数防抖来进行减少回调的优化。

继续阅读:关于函数节流和函数防抖

JavaScript 中的原型对象和原型链

摘要:jQuery 带来的一个弊端就是会幼稚地认为用原生 JavaScript 写 js 很低级,反正对我就是这样。一开始都是先学了点 js 的皮毛,后来遇到了 jQuery 发现原来操作 DOM 的语法竟是这般简单,于是就放弃了继续学习原生 JavaScript。直到看到越来越多的前端框架层出不穷,才明白了 JavaScript 的学习不是框架的学习,只有明白了其核心,才能对各种框架快速上手。这里就对最早前不屑而之前开始惧怕的原型链等概念做一个总结,希望能够对未来的学习有好的帮助。

继续阅读:JavaScript 中的原型对象和原型链

移动端下载或唤起本地 APP

摘要:移动端常见的 APP 推广就是在页面底端固定一个浮层。如果手机上已经装了该 APP,点击后则唤起该 APP;如果没有安装,点击后会跳转到 APP 的下载地址。但是由于不管 iOS 还是 Android,浏览器都不可能预知本地是否安装了某个 APP 的,所以类似功能实现的原理大致都是使用 APP 内设置的 URL scheme。一个 APP 可以设置一个或多个打开自己的 URL scheme。比如,微信就注册自己能被 weixin:// 打开。URL scheme 的载体可以使用一个不可见的 iframe,并通过两个定时器分别引导未安装 APP 的手机跳转到下载页面,或已安装 APP 的手机打开 APP 后回退依然可保持未跳转下载页面的状态。

继续阅读:移动端下载或唤起本地 APP

曾经最怕看到的 RequireJS

摘要:记得上学那会儿在首信实习做 Java Web 时项目中用过一个叫 Dojo 的前端框架,当时自己对前端完全没有概念,“美工”和“切图”等名词还时时传进耳中。那时只是稍微懂点儿 js,直到有一天看到项目中的 js 文件里有一堆 require 和 define 开头的语句,完全不明白那都是些什么操作,却很傻X地犯懒根本没有查清楚过,后来居然也浑浑噩噩、照猫画虎地一直做完了整个需求。讲真,从那之后只要看到别人的 js 代码中含有 require 和 define 等字样就心里发怵。直到现在做了前端,开始了解了前端模块化的概念,现在是时候把这一块知识搞清楚了,至少要对此有个基本的认知,不能再那么朦朦胧胧,傻傻不分。

继续阅读:曾经最怕看到的 RequireJS

Pagination