- 博客(137)
- 收藏
- 关注
RSS订阅转载 Ajax知识体系大梳理
这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了所有ajax的知识点.原文: http://louiszhai.github.io/2016/11/02/ajax/导读Ajax 全称 Asynchronous JavaScript and XML, 即异步JS与XML. 它最早在IE5中被使用, 然后由Mozilla, Apple, Google推广开来. 典
2017-03-16 17:17:28
1991
转载 RESTful API最佳实践
在参考了GitHub API设计和大量博客文章后总结了一下RESTful API的设计，分享如下。想要更好的理解RESTful API首先需要理解如下概念：REST：REST(Representational State Transfer)这个词，是Roy Thomas Fielding在他2000年的博士论文中提出的，翻译成中文大意为表现层状态传输。由于他是HTTP协议（1.0版
2017-03-15 10:26:28
915
转载 前端面试小记
太久没有面试过了，第一次难免有点紧张，今天遇到的面试问题，大多数都遇到过，却因为没有充分准备，而没有答好，以后一定好好准备才行。下面记录一下今天的面试问题，加深印象：介绍一下JS的数据类型？简单类型：String、Number、Boolean、Null、Undefined复杂类型：Object&扩展：null与undefined有什么区别答：nu
2017-03-14 20:05:17
845
转载 Excuse me？这个前端面试在搞事！
金三银四搞事季，前端这个近年的热门领域，搞事气氛特别强烈，我朋友小伟最近就在疯狂面试，遇到了许多有趣的面试官，有趣的面试题，我来帮这个搞事 boy 转述一下。以下是我一个朋友的故事，真的不是我。for (var i = 0; i 5; i++) { console.log(i);}“小伟，你说说这几行代码会输出什么？”当面试官在 Sublime 打出这
2017-03-07 21:30:55
732
转载 小公司的前端应该怎么做？
前言近期工作生活比较漂泊，从上海换到了成都，这个是以家庭为单位的重大决定，离开一线城市对于职业生涯和技术前沿来说是有一定问题的，但是出于房价考虑（主要是买不起房子）与生活舒适度来说，回蓉似乎是一个比较好的选择，何况成都的互联网也还行。随着能力的提升，负责的工作种类会逐渐增多，考虑的方向也会有所不同，这个时候不太会有太多单独的知识点成为阻碍了，工作中碰到的问题要么太“大”，总结起来费
2017-03-01 20:35:14
1618
转载 解析神奇的 Object.defineProperty
这个方法了不起啊。。vue.js是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了。几行代码看他怎么用var a= {}Object.defineProperty(a,"b",{ value:123})console.log(a.b);//123很简单，它接受三个参数，而且都是必填的。。
2017-02-19 17:27:03
1836
转载 CSS浮动与BFC
CSS浮动与BFC网页重构时经常会遇到浮动与清除浮动的时候，最开始掌握clear清除浮动的方式就以为清除浮动很简单，但现在觉得清除浮动真的不是件简单的事，学习到了BFC等东西，依然发现看似简单的东西蕴深层次的理论，懂得了其底层的原理，提前就能预料的产生的效果或者做好规划，才能高效的干活，省时省力。先来一段代码：html lang="en"> head>
2017-02-19 14:54:10
752
转载 专门为Github党打造的超级无敌Chrome插件
作为GitHub党，分享一些好用的Chrome插件，帮助增强Github功能。标题名称在Chrome插件商场搜索，即可安装对应的插件。1ZenHub for GitHubZenHub是一款集成于GitHub的项目协作与管理工具。最新版的ZenHub已集成于GitHub企业版。ZenHub提供了一个Chrome扩
2017-02-16 17:14:39
7268
转载 基于webpack搭建前端工程解决方案探索
本篇主要介绍webpack的基本原理以及基于webpack搭建纯静态页面型前端项目工程化解决方案的思路。下篇（还没写完）探讨下对于Node.js作为后端的项目工程化、模块化、前后端共享代码、自动化部署的做法。关于webpack的更多用法和前端工程的讨论，可以到github https://github.com/chemdemo/chemdemo.github.io/issues/10关于前端工程下
2017-02-11 15:34:17
802
转载 Vue.js——60分钟快速入门
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。本文摘自：http://www.cnblogs.com/keepfool/p/5619070.html如果你之前已经习惯了用jQuery操作DOM，学习Vue.js
2017-02-08 21:44:18
950
1
转载 网站统计中的数据收集原理及实现
作者 张洋 | 发布于 2012-10-24网站统计 埋点 Web Openresty网站数据统计分析工具是网站站长和运营人员经常使用的一种工具，比较常用的有谷歌分析、百度统计和腾讯分析等等。所有这些统计分析工具的第一步都是网站访问数据的收集。目前主流的数据收集方式基本都是基于javascript的。本文将简要分析这种数据收集的原理，并一步一步实际搭建一个实际的数据收集系统。数
2016-12-13 15:31:35
529
1
转载 JavaScript 测试︰ 单元 vs 功能 vs 集成测试
Dec 06, 2016 • Taffy原文地址：JavaScript Testing: Unit vs Functional vs Integration Tests原文作者：Eric Elliott译文出自：掘金翻译计划译者：wild-flame校对者：marcmoore、Tina92单元测试、集成测试、功能测试这些自动化测试方法，是项目持续部署的基础。作为一种研发
2016-12-13 15:02:09
2104
转载 一起理解 Virtual DOM
前言React 好像已经火了很久很久，以致于我们对于 Virtual DOM 这个词都已经很熟悉了，网上也有非常多的介绍 React、Virtual DOM 的文章。但是直到前不久我专门花时间去学习 Virtual DOM，才让我对 Virtual DOM 有了一定的理解，以致于要怀疑起很久之前看过的那些文章来。倒不是这些文章讲得不对，而是现在在我看来角度不太好，说得越多，越说不清。
2016-12-08 15:13:14
5535
2
转载 移动前端开发之 viewport 的深入理解
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a
2016-11-23 09:57:25
421
转载 前端网老姚浅谈：怎么学JavaScript？
作者：小不了链接：https://zhuanlan.zhihu.com/p/23265155来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。鉴于时不时，有同学私信问我（老姚，下同）怎么学前端的问题。这里统一回复一下，如下次再遇到问我此问题同学，就直接把本文链接地址发给你了。首先说句题外话。关于有人管我叫大神的事情。个人感觉这跟你买东西时，人家管
2016-11-16 19:39:09
2392
转载 谈谈JS中的函数劫持
说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起去了解一下JS中的函数劫持是什么，有什么用。基本概念 函数劫持，顾名思义，即在一个函数运行之前把它劫持下来，添加我们想要的功能。当这个函数实际运行的时候，它已经不是原本的函数了，而是带上了被我们添加上去
2016-09-29 14:05:27
918
转载 JS版十大排序算法
转载自：谭继臻排序算法说明（1）排序的定义：对一序列对象根据某个关键字进行排序；输入：n个数：a1,a2,a3,…,an输出：n个数的排列:a1’,a2’,a3’,…,an’，使得a1’再讲的形象点就是排排坐，调座位，高的站在后面，矮的站在前面咯。（3）对于评述算法优劣术语的说明稳定：如果a原本在b前面，而a=b，排序之后a仍然在b的前面；不
2016-09-26 10:01:57
10118
转载 20个编写现代 CSS 代码的建议
明白何谓Margin Collapse不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习:?.square { width: 80px; height: 80px;}.r
2016-09-20 13:39:54
666
转载 为什么要用 Node.js
这是一个移动端工程师涉足前端和后端开发的学习笔记，如有错误或理解不到位的地方，万望指正。Node.js 是什么传统意义上的 JavaScript 运行在浏览器上，这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS，后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8，它的速度非常
2016-09-12 12:36:04
14374
2
转载 深度剖析：如何实现一个 Virtual DOM 算法
转载自：戴嘉华目录：1 前言2 对前端应用状态管理思考3 Virtual DOM 算法4 算法实现4.1 步骤一：用JS对象模拟DOM树4.2 步骤二：比较两棵虚拟DOM树的差异4.3 步骤三：把差异应用到真正的DOM树上5 结语6 References1 前言本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法
2016-08-31 16:48:41
1131
原创 一些容易混淆的属性
CSS1、offsetTop、offsetLeft与scrollTop、scrollLeft区别在于有没有滚动条，有滚动条用后者，没有滚动条用前者2、offsetWidth、offsetHeight与scrollWidth、scrollHeightoffsetHeight = padding +border + height。（无margin）
2016-08-31 13:37:05
332
转载 JavaScript基于时间的动画算法
目录前言基于帧的动画算法（Frame-based）基于时间的动画算法（Time-based）改良基于时间的动画算法总结前言前段时间无聊或有聊地做了几个移动端的HTML5游戏。放在不同的移动端平台上进行测试后有了诡异的发现，有些手机的动画会“快”一点，有些手机的动画会“慢”一点，有些慢得还不是一两点。通过查找资料发现，基于帧的算法（Frame-based）来实现动画会
2016-08-31 12:50:06
2195
转载 Web Components 是个什么样的东西
前端组件化这个主题相关的内容已经火了很久很久，angular 刚出来时的 Directive 到 angular2 的 components，还有 React 的components 等等，无一不是前端组件化的一种实现和探索，但是提上议程的 Web Components 标准是个怎样的东西，相关的一些框架或者类库，如 React，Angular2，甚至是 x-tag，polymer 现在实
2016-08-31 11:01:33
28685
1
转载 聊一聊WEB前端安全那些事儿
转载自：https://segmentfault.com/a/1190000006672214?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader14欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.c
2016-08-24 18:50:35
16540
1
转载 教你从零开始搭建一款前端脚手架工具
转载自：https://segmentfault.com/a/1190000006190814?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly#articleHeader0前言在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman，expr
2016-08-10 09:56:20
19206
1
转载 彻底解决Webpack打包慢的问题
转载自：https://segmentfault.com/a/1190000006087638?utm_source=weekly&utm_medium=email&utm_campaign=email_weekly这几天写腾讯实习生 Mini 项目的时候用上了 React 全家桶，当然同时引入了 Webpack 作为打包工具。但是开发过程中遇到一个很棘手的问题就是，React 加上 Re
2016-08-03 09:20:50
31684
1
原创 JS原型题集
本文收集JS原型相关问题，会不断跟新！1、题目如下：var fun = function(){}fun.prototype = { name : 'peter', age : 25 }var a = new fun();var b = new fun();console.log(a.name, b.name);//peter peter
2016-07-27 09:46:23
1936
转载 React和Redux的连接react-redux
原文链接：http://leozdgao.me/reacthe-reduxde-qiao-jie-react-redux/之前一直在探索React相关的东西，手上有个SPA项目，于是准备上Redux试试水。Redux本身和React并没有之间的关联，它是一个通用Javscript App模块，用做App State的管理。要在React的项目中使用Redux，比较好的方式是借助reac
2016-07-25 17:34:28
1310
转载 React Router 使用教程
真正学会 React 是一个漫长的过程。你会发现，它不是一个库，也不是一个框架，而是一个庞大的体系。想要发挥它的威力，整个技术栈都要配合它改造。你要学习一整套解决方案，从后端到前端，都是全新的做法。举例来说，React 不使用 HTML，而使用 JSX 。它打算抛弃 DOM，要求开发者不要使用任何 DOM 方法。它甚至还抛弃了 SQL ，自己发明了一套查询语言 Gr
2016-07-23 15:14:41
9074
2
转载 redux —— 入门实例 TodoList
redux —— 入门实例 TodoListTip前端技术真是日新月异，搞完 React 不搭配个数据流都不好意思了。满怀期待的心去翻了翻 flux，简直被官方那意识流的文档折服了，真是又臭又长还是我智商问题？
2016-07-21 16:21:26
942
1
转载 使用 webpack + react + redux + es6 开发组件化前端项目
因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。对应的项目地址：webpack-react-redux-es6-boilerplate该项目的 webpack 配置做了不少优化，所以构建速度还不错。文章的最后还对使用 webpack 的问题及性能优化作出了总结。
2016-07-20 10:27:41
18860
3
转载 工具武装的前端开发工程师
Awesome Mac 这个仓库主要是收集非常好用的Mac应用程序、软件以及工具，主要面向开发者和设计师。有这个想法是因为我最近发了一篇较为火爆的涨粉儿微信公众号文章《工具武装的前端开发工程师》，于是建了这么一个仓库，持续更新作为补充，搜集更多好用的软件工具。请Star、Pull Request或者使劲搓它 issues 给我推荐优秀好用的Mac应用，很显然我是一个资深Mac用户
2016-07-20 10:11:18
4201
转载 用 React.js 写一个最简单的 To-do List 应用
最近在学 React.js，也写了一些练习的项目，之前参考网上的一些代码写了一个很简单的 to-do list。对于初学者来说，写个基本的 to-do list 对于理解 React 中的一些概念及语法倒是挺有帮助的。现在很多的 React 项目中已经开始使用 ES6 来写了，不过因为我在学习 React 的时候看的教程大多都是用 ES5 写的，我这里还是用的还是更熟悉的 ES5 写法，虽
2016-06-30 08:49:14
5397
转载 聊聊Web App、Hybrid App与Native App的设计差异
目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App。一、Web App、Hybrid App、Native App 纵向对比首先，我们来看看什么是 Web App、Hybrid App、 Native App。1. Web APPWeb App 指采用Html5语言写出的App，不需要下载安装。类似于现在所说的轻应用。
2016-06-28 15:41:48
536
转载 前端技术栈
前端的一大特点和一大难点，就是跟上时俱进的各种技术和库的发展。无论你是不知道到底学React好还是Angular好的初学者，还是总是在纠结Grunt还是Gulp的老鸟，总是会面临这样那样的各种在前端领域中的选择。以下文字是本人关于现在在工作以及自己项目中最喜欢用的最顺手也觉得是目前来说最有前途的前端开发工具，希望能对相关的朋友们有所帮助。一下是关于每个工具上榜的理由，一些众所周知的理由这里
2016-06-21 22:51:59
2905
转载 打造最美HTML5 3D机房（MONO哥强势归来，第四季惊艳发布）
初次见面的朋友们大家好，简单自我介绍一下：我是Mono哥，性别男，爱好。。。编程，自从一年多前入了HTML5和WebGL的坑，就再也没有爬出来过，目前正在钻研3D机房以及相关的3D应用。这篇文章是“打造最美3D机房”系列的第四季，感兴趣的朋友可从头开始观看，以下是正确的阅读顺序：HTML5，不只是看上去很美 （第一弹：彩虹爆炸图）HTML5，不只是看上去很美（第二弹：打造最美3D机房）
2016-06-16 11:16:38
8937
10
转载 实例讲解基于 React+Redux 的前端开发流程
前言：在当下的前端界，react 和 redux 发展得如火如荼，react 在 github 的 star 数达 42000 +，超过了 jquery 的 39000+，也即将超过前几年比较火的angular 1 的 49000+；redux 的 star 数也要接近 20000，可见大家对其的热情程度，究竟是什么魔力让大家为之疯狂呢？让我们上车，亲自体验一波试试~~本文章偏向于讲解redux流
2016-06-02 13:42:28
31689
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人