一个项目中有的页面需要判断所处环境，如果在移动端则正常显示页面，并向用户提示当前页面所处的移动端环境，如果不在移动端则显示提示让其在移动端打开。但是有的页面又不需要这个判断。

有一个词叫做“封装”。相信写代码这么久了，大家对这个词所表达的含义都不会陌生。我们通常会将功能相同或者相似的代码提取出来封装成为一个可共用的函数或者对象，这也是我们从初学者慢慢进阶的必经之路。而高阶组件就是一个封装行为。

使用下来，感觉确实妙用无穷，仿佛自己的逼格在无形中变得高大了一点点，哈哈，上一篇文章的简单介绍确实有点糙，因此决定重新一些总结文章。这篇文章就是专门总结reduce方法的，这个方法大有可研究的地方，值得大家get它并去同手实践一下。

我在做页面布局的时候，多多少少总会受到来自浮动的困扰，因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念： 浮动：设置浮动的元素会脱离文档流，不会影响块元素的布局，但是会影响内联元素的排列[通常是文本]； 文档流：在文档流中，块元素会单个元素独占一行 接下来我们通过实际演示来看看关于浮...

准备代码，会在实例中用到 {代码...} angular指令定义大致如下 {代码...} 其中return返回的配置对象包含很多参数，如下一一说明。 1. restrict 值为字符串，可选参数，指明指令在DOM中以什么形式被声明 {代码...} 默认值为restrict: 'EA'，表示可以在DOM里面可以用元素形式和属性形式被声明。一般来说，如果你想创建一个...

前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。

相信有一些开发经验的朋友就应该知道，对于JavaScript而言，promise十分重要，在开发中总能用到。因此掌握好它是一件必须做的事情。

开公众号以后，我的生活发现了一些细微的变化。偶尔会有一些朋友会加我的微信，和我聊上几句，这让我知道了许多别人的故事。除了工作几乎没有和谁私聊过的微信，似乎多了一丝不一样的活力。

接触过移动端开发的同学可能都会面临点击事件的第一个问题：click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰，因此解决这个问题就成为了必然。

打算封装一个弹窗组件，做的时候忘记了考虑事件冒泡的因素，结果被坑得不要不要的。为了解决自己的问题，去查阅了不少资料，把事件流相关的知识都给总结一下。

在实际开发中常常遇到这样的问题：B函数中需要用到的变量或者参数，只有等A函数执行完毕了才能获取到。比如A函数中有一个ajax请求，而B函数中所需要的position变量需要在A函数中ajax请求完成才能得到它的准确值。

于是问题来了，rem到底是什么？rem是为了解决什么问题而存在的？rem能够给我们带来什么样的便利？带着这样的问题，我们一起来总结一下rem的实践。刚好工作中有一个移动端页面的需求要做，就尝试使用rem完成了一个小小的页面适配。大家可以点击这里，查看rem适配demo，

最近一直在忙公司炒股大赛的页面，终于在昨天把他给上线了。一个看似简单的页面，做起来才知道其中的艰辛，暗藏深坑。由于直接使用jquery来写页面逻辑，因此要比想象中复杂很多。无论是从布局，功能还是逻辑上来说，都有值得总结的地方。

现在，几乎整个互联网行业都缺前端工程师，不仅在刚起步的创业公司，对上市公司乃至巨头这个问题也一样存在。没错，优秀的前端工程师简直比大熊猫还稀少。不仅在国内的互联网行业，在国外，前端工程师一样是需求旺盛、供不应求的香饽饽。

我们已经知道，使用浮动布局是一个次等选择，因为浮动布局会导致页面全局渲染2次而降低渲染效率，因此陆续出现了许多浮动布局的替换方案。比如新旧两种弹性盒模型，以及接下来我们需要分析到的内联块元素的两端对齐。

原生javascript方法 创建数组 {代码...} 检测数组 {代码...} 如果网页中包含多个框架，则需要使用下面的方式检测数组 {代码...} arr.valueOf() {代码...} arr.toString() {代码...} arr.push(item) 从数组末尾添加元素，并返回新数组的长度 {代码...} arr.pop() 从数组末尾删除元素，并返回被删除的元素 {代码...} arr.u...

一般说来，实际开发中，我们会有三个不同场景的代码。你的本地代码，测试服务器的代码，以及正式服务器的代码。当我们在本地开发好代码，还需要上传到测试服务器进行测试，确保没有问题了，然后才会将代码部署到正式服务器。除此之外，我们的开发团队，还有另外一个需求，那就是多人协作开发。同一个项目，不同的人都会...

注意上例属性info中，使用了this.name，这里的this指向window对象，请尽量避免在定义对象属性时使用表达式，而将有表达式的内容写入到函数中。

tim.getName.call(jake)的意思是执行getName方法，但是通过call/apply将getName方法中的this指向强行设置为jake对象。因此最终的返回结果会是jake。

为了方便例子讲解，现有数组和字面量对象如下 {代码...} for可以直接看示例，用得太多了，很简单 {代码...} 关于for循环，有一下几点需要注意for循环中的 i 在循环结束之后任然存在于作用域中，为了避免影响作用域中的其他变量，使用函数自执行的方式将其隔离起来()();避免使用 for(var i=0; i<demo1Arr.length; i++)...

在之前的例子中，我们在html标签中认识了几个ng-的属性，比如ng-app, ng-controller，他们都是angularjs指令系统中的一员，在以后的学习中，我们还会遇到更多的指令系统，他们能够方便快捷的帮助我们实现很多功能。