传统的Web应用中去检测用户登录、权限判断等等都是在控制器层或者中间件层做的，而在目前比较推荐的模块化与组件化架构中，不同职责的功能建议拆分到不同的类文件中去。

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理及JSBridge的封...

近来，GoogleChromeLabs 推出了 quicklink，用以实现链接资源的预加载（prefetch）。本文在介绍其实现思路的基础上，会进一步探讨在预加载方面前端工程师还可以做什么。

extract-text-webpack-plugin 这个插件还是支持的，还是和原来一样用，只是你要升级到对应的^4.0.0版本

用户系统是许多网站的基础。这篇文章主要就是讲解如何写一个基于Node的单页应用的用户系统，这个用户系统的功能包括：注册，登录，自动登录，忘记密码，修改密码，邮件激活。如果使用在后端使用模板引擎，而不是用前后端分离的方案，用户系统貌似没有那么复杂。在这...

事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。考虑下面这段代码，就不写html->head,body之类的代码了，自行脑补

flex 是个非常好用的属性，如果说有什么可以完全代替 float 和 position ，那么肯定是非它莫属了（虽然现在还有很多不支持 flex 的浏览器）。然而国内很多浏览器对 flex 的支持都不是很好，这里针对微信内置浏览器写了一套兼容写法。下面入正题。

webpack 是个好东西，和 NPM 搭配起来使用管理模块实在非常方便。而 Babel 更是神一般的存在，让我们在这个浏览器尚未全面普及 ES6 语法的时代可以先一步体验到新的语法带来的便利和效率上的提升。在 React 项目架构中这两个东西基本成为了标配，但 commonjs 的模块...

我之前写了一篇没什么干货的文章。。并且刨了一个大坑。。今天。。打算来填一天。。并再刨一个。。哈哈不过话说说回来了.看本文之前，，如果不知道Object.defineProperty，还必须看看解析神奇的 Object.defineProperty不得不感慨vue的作者，人长得帅，码写的也好。本...

前端路由和后端路由, 本质上并没有什么不同 前端路由更多用在单页应用上, 也就是SPA, 因为单页应用, 基本上都是前后端分离的, 后端自然也就不会给前端提供路由 这东西没什么优点缺点可言, 主要看项目是否需要

我们的业务就是 [链接]别以为只有一个搜索框，我们还有下面丰富的卡片内容，可以提供各式各样的服务。如图1.1图1.1其实整个页面的逻辑相对是比较复杂的。还有各式各样的卡片，轻轻下拉，即可看到,如图1.2图1.2

这篇，我们要解决上篇留下的两个问题： webpack如何自动发现entry文件及进行相应的模板配置 如何直接处理后端模板的样式、脚本自动引入问题 目录结构 以express项目为例，使用express-generator构建一个初始项目，然后再添加需要的目录，最终的目录架构如下： {代码....

在以前的一篇文章BrowserSync，迅捷从免F5开始中，我介绍了BrowserSync这样一个出色的开发工具。通过BrowserSync我感受到了这样一个理念：如果在一次ctrl + s保存后可以自动刷新，然后立即看到新的页面效果，那会是很棒的开发体验。

1.我们将会使用webpack去为我们的模块打包，预处理，热加载。如果你对webpack不熟悉，它就是可以帮助我们把多个js文件打包为1个入口文件，并且可以达到按需加载。这就意味着，我们不用担心由于使用太多的组件，导致了过多的HTTP请求，这是非常有益于产品体验的。但我...

在最初接触webpack的较长一段时间里，我（也可能很多人）都觉得webpack是专为单页应用而量身打造的，比如webpack+react、webpack+vue等，都可以近乎完美的解决各种资源的依赖加载、打包的问题。甚至css都是打包在js里去动态添加到dom文档中去。

broadcast 是事件广播，比如你不同的模块之间想通信，可以用这个。

请问你vue是什么版本，还有vue-router是什么版本？如果你升级了，组件是不会销毁的。

当你要确定“函数中的this是什么”的时候，永远不要到函数定义的地方去找答案！而是要到函数被调用的地方找答案！ 具体说：函数里面的this的含义，是由它被调用的方式决定的。 换句话说，当你看到下面的代码时： {代码...} 你就可以确定f里面的this就是指a，而不管f是...

服务器端代码 {代码...} 前端代码 {代码...}

网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模型都具备这些属性，也主要是这些属性。