摘要：
http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html 阅读全文
posted @ 2016-08-23 11:06
{前端开发}
阅读(1455)
评论(0)
推荐(0)
摘要：
grunt vs gulp 虽然gulp已经出来很久了，但是一直没有去使用过。得益于最近项目需要，就尝试了一下，以下从几个要点讲一下grunt和gulp使用的区别，侧重讲一下在使用gulp过程中发现的问题。而两种工具孰优孰劣由读者自己判断。 1. 书写方式 grunt 运用配置的思想来写打包脚本，一 阅读全文
posted @ 2016-08-07 16:06
{前端开发}
阅读(16269)
评论(1)
推荐(1)
摘要：
修改增加了demo地址 gulp-webpack-demo 之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题，最终算是搭建了一套比较完整的解决方案，接下来这篇文章以一个实际项目为例子，讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验，所以有些解 阅读全文
posted @ 2016-08-07 15:23
{前端开发}
阅读(1165)
评论(0)
推荐(1)
摘要：
原文链接：http://caibaojian.com/using-flexbox.html 最近看了社区上的一些关于flexbox的很多文章，感觉都没有我这篇文章实在，最重要的兼容性问题好多人都没有提出解决方案。另外本人2014年5月还废寝忘食的翻译了国外的《CSS3弹性盒模型flexbox完整教程 阅读全文
posted @ 2016-08-04 12:50
{前端开发}
阅读(2882)
评论(0)
推荐(0)
摘要：
这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。 在我的印象中，facebook是这个领域的鼻祖，有兴趣、有梯子的同学可以去看看facebook的页面源代码，体会一下什么叫工程化。 接下来，我想从原理展开讲述，多图， 阅读全文
posted @ 2016-07-29 13:16
{前端开发}
阅读(364)
评论(0)
推荐(0)
摘要：
喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。 你好，切图仔。 不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端 阅读全文
posted @ 2016-07-29 13:12
{前端开发}
阅读(630)
评论(0)
推荐(0)
摘要：
大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码： 我们现在来说明下这个配置文件是什么意思。首先，这个配置文件是针对babel 6的。Babel 6做了一系列模块化，不像Babel 5一样把所 阅读全文
posted @ 2016-07-29 11:04
{前端开发}
阅读(43113)
评论(3)
推荐(11)
摘要：
本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。 ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的E 阅读全文
posted @ 2016-07-28 16:17
{前端开发}
阅读(618)
评论(0)
推荐(0)
摘要：
What？ Promise是CommonJS的规范之一，拥有resolve、reject、done、fail、then等方法，能够帮助我们控制代码的流程，避免函数的多层嵌套。如今异步在web开发中越来越重要，对于开发人员来说，这种非线性执行的编程会让开发者觉得难以掌控，而Promise可以让我们更好 阅读全文
posted @ 2016-07-28 15:48
{前端开发}
阅读(10073)
评论(0)
推荐(0)
摘要：
http://blog.csdn.net/zhbhun/article/details/46826129 阅读全文
posted @ 2016-07-26 13:04
{前端开发}
阅读(348)
评论(0)
推荐(0)
摘要：
修改增加了demo地址 gulp-webpack-demo 之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题，最终算是搭建了一套比较完整的解决方案，接下来这篇文章以一个实际项目为例子，讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验，所以有些解 阅读全文
posted @ 2016-07-20 17:00
{前端开发}
阅读(9793)
评论(1)
推荐(1)
该文被密码保护。 阅读全文
posted @ 2016-07-18 16:33
{前端开发}
阅读(7)
评论(0)
推荐(0)
摘要：
Firefox和Opera有一个新特性，名叫“往返缓存”（back-forward cache，或bfcache），可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据，还保存了DOM和JavaScript的状态；实际上是将整个页面都保存在了内存里。如果页面 阅读全文
posted @ 2016-07-18 16:07
{前端开发}
阅读(15561)
评论(0)
推荐(1)
摘要：
浏览器缓存机制 浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的<head>节点中加入<meta>标签，代码如下： html code 阅读全文
posted @ 2016-07-18 15:56
{前端开发}
阅读(341)
评论(0)
推荐(0)
摘要：
什么是 webpack？ webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sas 阅读全文
posted @ 2016-07-18 14:54
{前端开发}
阅读(1521)
评论(0)
推荐(0)
摘要：
1、同步请求可以从因特网请求数据，一旦发送同步请求，程序将停止用户交互，直至服务器返回数据完成，才可以进行下一步操作， 2、异步请求不会阻塞主线程，而会建立一个新的线程来操作，用户发出异步请求后，依然可以对UI进行操作，程序可以继续运行 3、GET请求，将参数直接写在访问路径上。操作简单，不过容易被外界看到，安全性不高，地址最多255字节； 4、POST请求，将参数放到body里面。POST请求... 阅读全文
posted @ 2016-07-14 11:15
{前端开发}
阅读(239)
评论(0)
推荐(0)
摘要：
Node.js[5] connect & express简介 Node.js[4] 第一个模块 Node.js[3] 俯瞰API （整理中） Node.js[2] Hello Node Node.js[1] 俯瞰NPM Node.js[0] 简介 Node.js[5] connect & expre 阅读全文
posted @ 2016-06-29 00:19
{前端开发}
阅读(493)
评论(0)
推荐(0)
摘要：
https://github.com/senchalabs/connect/wiki Contrib Middleware connect-debounce — Distributed debounced function execution ala underscore on per sessio 阅读全文
posted @ 2016-06-29 00:16
{前端开发}
阅读(1376)
评论(0)
推荐(0)
摘要：
http://www.tuicool.com/articles/emeuie 关于作者 张丹(Conan), 程序员Java,R,PHP,Javascript weibo：@Conan_Z blog: http://blog.fens.me email: bsspirit@gmail.com 转载请 阅读全文
posted @ 2016-06-29 00:10
{前端开发}
阅读(13646)
评论(0)
推荐(1)
摘要：
With dependency ;(function (root, factory) { if (typeof define === 'function' && define.amd) { define(['jquery'], factory); } else if (typeof exports === 'object') { module.exports = fa... 阅读全文
posted @ 2016-05-27 14:17
{前端开发}
阅读(452)
评论(0)
推荐(0)
摘要：
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时 阅读全文
posted @ 2016-05-15 19:08
{前端开发}
阅读(4889)
评论(0)
推荐(1)
摘要：
Js apply方法详解 我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共 阅读全文
posted @ 2016-05-04 18:02
{前端开发}
阅读(348)
评论(0)
推荐(0)
摘要：
移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。 一、基本概念 （1） CSS pixels与device pixels CSS pixels 阅读全文
posted @ 2016-04-26 12:26
{前端开发}
阅读(699)
评论(0)
推荐(0)
摘要：
首先明确一点是， flex 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况： flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto。同理，如下是等同的： 当 flex 取值为 none 阅读全文
posted @ 2016-04-25 10:53
{前端开发}
阅读(46405)
评论(1)
推荐(2)
摘要：
一：Sublime Text 中需要先安装Package Control。（如果有则无需安装） 安装方法：打开Sublime Text控制台（快捷键Ctrl+`），在控制台粘贴以下代码，按回车执行。 1 import urllib.request,os,hashlib; h = '2915d1851 阅读全文
posted @ 2016-04-23 00:18
{前端开发}
阅读(1324)
评论(0)
推荐(0)
摘要：
1、安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程 1.2、本示例目录结构如下： 2、本地安装gulp-less 2.1、github：https://github.co 阅读全文
posted @ 2016-04-13 17:19
{前端开发}
阅读(1368)
评论(0)
推荐(0)
摘要：
前言 代码中注释是不可少的，即使是自己写的代码，过了一段时间之后再重看，如果没有注释记录的话，可能会想不到当初是这样实现的，尤其是在业务逻辑比较复杂的项目，注释变得尤为重要。怎么优雅的写有用的注释呢？ Sublime注释插件-DocBlockr 功能 生成优美注释 简介 标准的注释，包括函数名、参 阅读全文
posted @ 2016-04-13 14:49
{前端开发}
阅读(12149)
评论(0)
推荐(0)
摘要：
初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。 现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是An 阅读全文
posted @ 2016-04-08 10:54
{前端开发}
阅读(34172)
评论(0)
推荐(4)
摘要：
注：本文内容比较基础，供初学者快速入门参考。 更多详细信息请参考官方文档。 本文同步发布于我的博客，欢迎关注^_^ 1. 安装 2. 基本使用 假设项目文件结构如下： index.html代码如下： main.js和mymodule.js代码如下： 然后执行命令： 会打包生成app.js文件。 3. 阅读全文
posted @ 2016-04-02 16:03
{前端开发}
阅读(878)
评论(0)
推荐(0)
摘要：
一、同步与异步同步/异步, 它们是消息的通知机制1. 概念解释A. 同步所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回。按照这个定义，其实绝大多数函数都是同步调用（例如sin isdigit等）。但是一般而言，我们在说同步、异步的时候，特指那些需要其他部件协作或者需要一定时间 阅读全文
posted @ 2016-03-30 23:47
{前端开发}
阅读(1306)
评论(1)
推荐(0)
摘要：
http://www.admin10000.com/document/4196.html 前言 很多Node.js初学者都会有这样的疑惑，Node.js到底是单线程的还是多线程的？通过本章的学习，能够让读者较为清晰的理解Node.js对于单/多线程的关系和支持情况。同时本章还将列举一些让Node.j 阅读全文
posted @ 2016-03-30 22:49
{前端开发}
阅读(16245)
评论(0)
推荐(7)
摘要：
越来越觉得国内没有教书育人的氛围，为了弄懂JS的闭包，我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释，当我看到stackoverflow上这一篇解答，我脑中就出现了一句话：就是这货没跑了！ 不才译文见下，见笑了。 Peter Mortensen问： 就像老Albert所说的，“如果你 阅读全文
posted @ 2016-03-27 14:41
{前端开发}
阅读(410)
评论(0)
推荐(0)
摘要：
Firebug & Chrome Console 控制台的一些其他功能console.log(object[, object, ...])使用频率最高的一条语句：向控制台输出一条消息。支持 C 语言 printf 式的格式化输出。当然，也可以不使用格式化输出来达到同样的目的：var animal=' 阅读全文
posted @ 2016-03-27 14:03
{前端开发}
阅读(12498)
评论(0)
推荐(0)
摘要：
https://segmentfault.com/a/1190000003497780 对了，这篇文章可能会涉及到正则表达式相关知识，所以推荐没有正则基础的去看看这篇入门文章：正则表达式30分钟入门教程，很经典的文章，反正我的正则就是从这里学的，^▽^ 。 注：pattern 为RegExp的实例, 阅读全文
posted @ 2016-03-24 14:40
{前端开发}
阅读(582)
评论(0)
推荐(0)
摘要：
读取文件内容 写入文件内容 options 中的 flag 和 encoding 与上同。 options 中的 mode 为表示读写权限的数字，默认为 0666 可读写 写入的 data 可以是一个 Buffer 在指定位置读写文件 创建目录 读取目录 查看文件/目录信息 检查文件/目录是否存在 阅读全文
posted @ 2016-03-24 10:39
{前端开发}
阅读(737)
评论(0)
推荐(0)
摘要：
使用gulp-minify-css压缩css文件，减小文件大小，并给引用url添加版本号避免缓存。 1.1、gulp基本使用还未掌握？请参看： gulp详细入门教程 1.2、本示例目录结构如下： 2.1、github：https://github.com/jonathanepollack/gulp- 阅读全文
posted @ 2016-03-21 20:34
{前端开发}
阅读(545)
评论(0)
推荐(0)
摘要：
前言: gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。相比于grunt的频繁 IO 操作，gulp的流操作，能更快地更便捷地 阅读全文
posted @ 2016-03-17 10:11
{前端开发}
阅读(326)
评论(0)
推荐(0)
摘要：
gulp的任务的执行是异步的。 所以，当我写完一系列的任务，准备一股脑地执行。 这不是我想要的/(ㄒoㄒ)/~~。任务完全错乱了。ftp上并没有看到我要的文件，因为其他任务还没执行完ftp任务就已经执行了。 我想要的是：（'clean', 'compass', [image', 'style', ' 阅读全文
posted @ 2016-03-16 13:57
{前端开发}
阅读(7973)
评论(0)
推荐(0)
摘要：
https://segmentfault.com/a/1190000003060016 离开qunar有一个多月了，在离开的时候就决定不再用fekit。做出这个决定并不是因为fekit不好，恰恰相反，fekit帮我们做了很多事情，还屏蔽了许多细节，让开发人员能够专注于开发过程。不过随着fekit的升 阅读全文
posted @ 2016-03-14 23:28
{前端开发}
阅读(827)
评论(0)
推荐(0)
浙公网安备 33010602011771号