JavaScript

GSAP - 专业的 Web 动画库

说到在网页里创建动画，你可能很快会想到jQuery的animate()方法，或者css3的animation和transition。现在，本文将介绍另一个web动画的可选方案，GSAP。GSAP的全名是GreenSock Animation Platform，这个名字是有些怪异（官网还在各种安利你加入它的Club），但它的确是一个从flash时代一直发展到今天的专业动画库。

业界 2016年07月04日

利用Vue.js实现拼图游戏

之前写过一篇《基于Vue.js的表格分页组件》的文章，主要介绍了Vue组件的编写方法，有兴趣的可以访问这里进行阅读：https://segmentfault.com/a/11...前言为了进一步让大家了解Vue.js的神奇魅力，了解Vue.js的一种以数据为驱动的理念，本文主要利用Vue实现了一个数字拼图游戏，其原理并不是很复杂，效果图如下：demo展示地址为：https:

业界 2016年08月01日

[译] Webpack 前端构建集成方案

构建工具逐渐成为前端工程必备的工具，Grunt、Gulp、Fis、Webpack等等，译者有幸使用过Fis、Gulp。前者是百度的集成化方案，提供了一整套前端构建方案，优点是基本帮你搞定了，但是灵活性相对比较低，社区也没那么大；后者提供了非常灵活的配置，简单的语法可以配置出强大的功能，流控制也减少了编译时的时间，可以和各种插件配合使用。译者因为要使用AMD模块机制，开始接触

业界 2016年07月06日

使用 ES2015 开发 Angular1. 应用指南

关键词架构, 文件结构, 组件, 单向数据流以及最佳实践来自 @toddmotto 团队的编码指南Angular 的编码风格以及架构已经使用ES2015进行重写,这些在Angular 1.5+的变化可以更好帮助您的更好的升级到Angular2.。这份指南包括了新的单向数据流，事件委托，组件架构和组件路由。老版本的指南你可以在这里找到, 在这里你能看到最新的.模块架构An

业界 2016年06月22日

书页效果

书页效果.book {position: relative;width: 200px;height: 248px;margin-left: 20px;border: 1px # eee solid;background-color: # fff;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)}.book::after {positi

业界 2016年07月18日

一个有关字符串子串的有趣问题

问题描述：输入一个字符串。输入的字符串仅由'0'和'1'组成，比如'10100011101'这样的。从输入的字符串中截取一段连续的片段作为子串，且子串满足从左往右数，'0'的个数总是不比'1'少。输出其满足条件的最长的子串的长度。下面是JavaScript的实现： function subString(str){var arr = str.split('');var res

业界 2016年08月04日

js中判断对象instanceof constructor的比较

为啥JS中判断对象是否是类的实例推荐使用instanceof而不推荐constructor?? 因为instanceof不但可以判断出是直接类的实例（通过new的方式），还可以判断是否是父类的实例而constructor属性只可以判断出是否是直接类的实例。从继承的角度看instanceof更加适合。上代码 function Demo(name,age){this.na

业界 2016年07月27日

atom使用全局配置ESLint

ESLint是一个Javascript静态检查工具，它可以帮你养成良好的编程习惯，使你的javascript代码达到国际化的水准。ESLint是所有Javascrpt静态检查工具里最晚诞生的一个，之前还曾经有过JSLint以及JSHint等工具，但JSLint和JSHint都是用的一套标准，在目前这个前端技术飞速发展的时代已经显得有点落伍。ESLint的好处是既提供了国际大

业界 2016年07月17日

Koa源码阅读笔记(3) -- 服务器の启动与请求处理

本笔记共四篇Koa源码阅读笔记(1) -- coKoa源码阅读笔记(2) -- composeKoa源码阅读笔记(3) -- 服务器の启动与请求处理Koa源码阅读笔记(4) -- ctx对象起因前两天阅读了Koa的基础co，和Koa中间件的基础compose。然后这两天走在路上也在思考一些Koa运行机制的问题，感觉总算有点理通了。今天就来解读一下Koa启动时，发生的一系列事

业界 2016年08月02日

关于正则表达式，你想知道的一切

这里只讲在JavaScript中的正则表达式1: 如何创建一个正则表达式在JS中有 2 种方式创建一个正则表达式：1: 通过正则表达式字面量const pattern = /test/; 这里的双斜杠（//）就像字符串的引号一样（“”或者‘’）一样，用来表明它的类型，是必不可少的。2: 实例化一个RegExp对象 const pattern = new RegExp('te

业界 2016年07月06日