摘要： 有选择性的重复造一些轮子，未必是件坏事。Aaron的博客上加了一个悬浮菜单，貌似显得很高大上了。虽然这类小把戏也不是头一次见了，但是从未自己写过。今天就选择性的拿这个功能写一写。下面是这个轮子的开发过程，也可以当作是一篇需求文档的分析和实现过程。演示地址：http://sandbox.runjs.c... 阅读全文

摘要： 关于闭包的用法，几乎是所有前端面试中必点的菜之一，也是考察javascript掌握程度的重要知识之一，下面这题，是某知名IT企业出的题型，我稍加修改，分享如下：var name = 'global';var obj = { name : 'obj', dose : function(){... 阅读全文

摘要： 我没有参加过一线IT公司的笔试，但是我听说大公司都喜欢笔试，于是从网上搜了一些面试方面的题来试手。无论是笔试还是被笔试，有备无惧嘛。我个人倾向于javascript编程方向的开发，所以面试题自然也是选择这方面相关的。网上各类面试题的质量参差不齐，其中有一篇叫《如何面试前端工程师》的博文里边给的题... 阅读全文

摘要： 前言： 现在移动互联网发展火热，手机上网的用户越来越多，甚至大有超过pc访问的趋势。所以，用web程序做出仿原生效果的移动应用，也变得越来越流行了。这种程序也就是我们常说的单页应用程序,它也有一个英文缩写，叫SPA; 它最大的特点就是可以利用前端技术做出跨平台的移动应用。技术难点在于理解虚拟页面与... 阅读全文

摘要： 什么是自动化的前端构建流？ 1. 自动补全css私有前缀，自动转化less\sass为css，自动转化es6\vue\jsx语法为js，自动打包小图片为base64以减少http请求，自动给js,css,甚至img加hash值，以避免浏览器缓存，自动合并压缩代码，自动刷新实时预览效果（甚至免刷新）， 阅读全文

摘要： Webpack目前官方发布的最新版本是3.1.0，相对于2.0的版本，在语法上没有变动，只是新增了功能。使用webpack，需要事先安装node.js，并对node.js生态有一些基本的了解,比如(npm init 初始化项目，npm install 安装一个包等等)。使用webpack通常有两种方 阅读全文

摘要： 轮播效果在网页中用的很多，swiper是其中最有代表性的作品,它支持水平和竖直滑动，还有反弹效果，兼容移动端和pc端。当然代码量也是相当大的，单是js就有5300行（3.4.0的未缩版本），若不考虑代码利用率和加载速度直接就用了，在移动端比较慎重，比如京东(m.jd.com)的轮播就没有用它，而是自 阅读全文

摘要： Video.js是一款web视频播放器，支持html5和flash两种播放方式。更多关于video.js的介绍，可以访问官方网站介绍，我之前也写过一篇关于video.js的使用心得，有兴趣的可以点这里 , 阅读的人数还蛮多的，有些热心的读者甚至还给过我小额打赏，钱虽不多，但是很感动。最几天又收到几位 阅读全文

摘要： 微信小程序是一个介于原生app和H5之间的一个东东。如果用过cordova,Hbuiler,appCan之类的开发过混合式app,那么微信小程序可能与这种方式更为接近。不过微信小程序是依赖微信开发平台的，甚至连IDE都是专用的，做出来的成品，也只能在微信中通过搜索或扫码找到入口，然后进行访问。这些天 阅读全文

摘要： 前端自动化构建是当下的热门，我记得2014年的时候，前端的自动化构建，大多是用在javascript的合并、压缩、语法检查、coffeescript,Sass,LESS转换上，构建工具也有很多，比如ant,grunt,gulp等，二次封装的工具也有很多，比如百度的FIS,国外的Yeoman。2016 阅读全文

摘要： 背景 记得2004年的时候，互联网开发就是做网页，那时也没有前端和后端的区分，有时一个网站就是一些纯静态的html，通过链接组织在一起。用过Dreamweaver的都知道，做网页就像用word编辑文档一样。一个html页面，夹杂着css,javascript是再常见不过的事了。 随着前端的不断发展， 阅读全文

摘要： 什么是Cordova? Cordova以前也叫PhoneGap,它提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码,简而言之，co 阅读全文

摘要： 目标 准备工作 搭建项目骨架 新建一个index.html文件为作本次项目的承载页面，内容大致如下： 新建build目录，用来存放打包之后的样式和js文件,新建一个app目录用来存放源代码，作为一个简单的示例，做这些就够了，接下来在app目录下新建main.jsx和main.styl两个文件，mai 阅读全文

摘要： ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命 阅读全文