摘要： 模块化的历史和模块加载器 [TOC] 模块化的需求来源 1. 前端代码日渐复杂，web应用越来越像桌面应用 2. 复用别人的代码 3. 更少的网络请求 http://huangxuan.me/js module 7day/ / 实现模块化 基本原理 1. 函数作用域 2. 对象写法 3. IIFE 阅读全文

摘要： 算下来有四个月没写东西了，最近因为换了东家，新项目，新框架，新团队，新氛围，这三个月经历的东西几乎都是新的，所以一直忙活着学习，努力去适应，尽快地融入，刚刚转正后，想重新把写博客的习惯捡起来，把自己总结的一点感受分享给大家。 一切都是新的 刚进入公司心情有激动又忐忑，还好小伙伴们非常nice，第一天 阅读全文

摘要： 最近很好奇前端的文件上传功能，因为公司要求做一个支持图片预览的图片上传插件，所以自己搜了很多相关的插件，虽然功能很多，但有些地方不能根据公司的想法去修改，而且需要依赖jQuery或Bootstrap库，所以我就想学下图片上传的原理，试着做一个原生无依赖，而且足够灵活的图片上传插件。话不多说，开整。 阅读全文

摘要： 为了测试图片上传插件的上传功能是否好用，最近尝试搭建了一个接收图片的服务器，因为图片上传的编码格式是form data，所以我选择使用express+multer，实现过程中发现有几个需要注意的地方，在这里和大家分享下。 1 引入express和multer 这里没什么好说的，安装好包文件后，引入文 阅读全文

摘要： 设置line height等于height使文字居中， 在移动端会出现文字偏上的问题，原因可能有以下几个。 1. 文字小于12px，解决办法有两个。 使用transform，把文字放大到比12px大的大小 这种方法在部分机型可能出现兼容问题。 使用table cell布局 这种方法兼容性好，就是得多 阅读全文

摘要： gulp简介 gulp是基于流的自动化构建工具，也就是说gulp是通过操作流实现自动编译，压缩文件等操作的。这得益于node.js对流的支持，当然gulp.js和构建的任务文件都是JavaScript编写的。 安装方法： 设置自动化任务： 创建一个gulpfile.js文件，这个文件里面放置我们要设 阅读全文

摘要： 最近看了小程序的文档，也试着做了几个demo，总结下感受。 特点 1、小程序的结构层次非常清晰，总体分为视图层和逻辑层两部分，在文件结构上，分为控制结构的wxml，控制样式的wxss，控制数据和逻辑的js，控制基本配置的json。但需要注意的是如果逻辑层的数据包含页面标签元素，在传入视图层时，页面标 阅读全文

摘要： 移动端调试总结，以备后用。 移动端调试 1.浏览器模拟器 测试响应式，网速等 2.android虚拟机测试 Genymotion 3.真机调试 Chrome DevTool 要求FQ，手机安装chrome，开发者模式，连接USB，只能测试chrome浏览器的效果 android webview 使用 阅读全文

摘要： 应用场景 我们经常需要监听滚动条滚动或者鼠标的移动，但浏览器触发这类事件的频率非常高，可能在10几毫秒就触发一次，如果我们处理事件的函数需要操作大范围的DOM，这对于浏览器的性能是个考验，可能像chrome浏览器这样优秀的浏览器会好一点，但放到老版本的IE下，就可能发生卡顿现象。有的时候，我们只需要 阅读全文

摘要： 当页面过长时，通常会在页面下方有一个返回顶部的button，总结一下，大概三种实现方法，下面说下各方法及优缺点。 方法一 锚点定位 这种方法设置方便，但缺点是会刷新页面（我是在同事的乐视手机上发现的）。 方法二 window.scrollTo(x,y) 这种方法也很方便，并且不会刷新页面，缺点是没有 阅读全文