摘要：
学习文章： 《文件和二进制数据的操作》 《HTML5 File API — 让前端操作文件变的可能》 HTML5 引入了一个 File API 用以提供用户上传文件的信息，并允许网页中的 JavaScript 访问其内容。 以下是一些表单 file 控件： <input type="file" ac 阅读全文
摘要：
最近要弄一个单页面应用，于是乎就想到了vue.js，但网上关于vue.js的教程都是一些简单的数据互相绑定demo，所以最后买了慕课网的实战教程学习，同时结合 《官方文档》 以下是我的学习笔记。1 Vue-cli 简介与安装通常创建一个项目，一般的玩法都是会把一些基本的代码写好，类似... 阅读全文
摘要：
学习文章来源《入门Webpack，看这篇就够了》WebpackWebpack的作用是：分析你的项目结构，找到 JavaScript 模块以及其它的一些浏览器不能直接运行的拓展语言（less，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 Gulp/Grunt... 阅读全文
摘要：
本次目的：要实现一个全屏网页，隐藏滚动条，当滚动 鼠标滚轮 时，屏幕像按帧数一样切屏而不是默认的滚动1 隐藏滚动条想要全屏演示隐藏滚动条，这里想到的方法是把 元素设置 overflow:hidden，然后再设置包裹元素定义 width:102%;，overflow-y:hidd... 阅读全文
摘要：
参考文章：《touch事件中的touches、targetTouches和changedTouches详解》，《移动互联网终端的touch事件,touchstart, touchend, touchmove》1 触摸事件touchstart，touchmove，touchend，... 阅读全文
摘要：
参考网站：什么是前端路由，单页web应用（SPA）的简单介绍1 路由什么是路由？ 路由是根据不同的url地址展示出来不同的内容或页面，常用于单页面引用（SPA）。简单举例说明，假如我们有一台提供 Web 服务的服务器的网络地址是：10.0.0.1，而该 Web 服务又提供了三个可... 阅读全文
摘要：
参考文章《前端面试笔试知识汇总1（含答案）》内存泄漏 内存泄漏 指任何对象在您不再拥有或需要它之后仍然存在。垃圾回收器 定期扫描对象，并计算引用了每个对象的其他对象的数量。如果一个对象的引用数量为 0（没有其他对象引用过该对象），或对该对象的惟一引用是循环的，那么该对象的内存即... 阅读全文
摘要：
参考网站： 《模块-廖雪峰的官方网站》 《CommonJS规范》 《js模块化编程之彻底弄懂CommonJS和AMD/CMD》为了写可维护的代码，常把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较少，很多编程语言都采用这种组织代码的方式。 在N... 阅读全文
摘要：
Firefox、Chrome和Safari是基于两种渲染引擎构建的，Firefox使用Geoko（Mozilla自主研发的渲染引擎），Safari和Chrome都使用webkit。1 渲染主流程1、 浏览器将HTML文档解析成 DOM 树2、 将CSS解析成 Rule 树3、 DOM... 阅读全文
摘要：
本文为《Flex 布局教程：语法篇》和《Flex 布局教程：实例篇》读后所作的笔记平常实现垂直居中比较麻烦： 比如使用margin:auto：.parent { position:relative; height:100px; width:100px; b... 阅读全文