利用browser-sync代理(proxy)彻底实现前后端分离

利用browser-sync代理(proxy)彻底实现前后端分离

随着WEB业务越来越复杂,在WEB领域的开发过程中开发职责却变得越来越不让人省心。所以,随机产生了一个新的职业角色——前端开发工程师。互联网的高歌猛进,使前端的地位越来越高。现在社会都是一个看脸的时代,产品也是一样,没有一张好看的“脸”根本就没有机会去了解他的内涵。Nodejs的诞生,每天都有新的前端技术,前端框架诞生。半年不关注你会发先你用的那些东西早就过时了。工程师们在前后端分离的实践上也算杀出了一条血路,随着AngularJS,ReactJS的火爆,前后端分离再也不是什么乌托邦,而变成了项目推进的利...


起步-vagrant在windows上的使用

起步-vagrant在windows上的使用

此片文章不会说如何在windows上安装vagrant或者启动vagrant.主要是对vagrant在windows平台上的使用做一些简单的介绍。如果你对vagrant还不熟悉,你可以先到Vagrant tutorialNOTE:我的演示系统是win7,其他的系统大家可以google或百度Vagrant ssh首先,我们通过vagrant up启动之后,我们需要登录到虚拟机中,在mac或者Linux系统中直接输入vagrant ssh就可以了。但是在windows中不行,会给你说可以装Cygwin,Min...


Angular + ocLazyLoad动态化加载脚本

Angular + ocLazyLoad动态化加载脚本

在实际的开发中,由于功能众多产生的脚本文件也随之增多.这时候,我们要实现动态加载脚本来提升网页的响应速度,并且还要实现脚本缓存.现在市面上的加载器很多, 比如现在的require,但是相对来说require还是“弱”了一点,对angular来讲不是太完美,况且Angular本身就是模块化的东西,并不能完美的贴合. 所以,一个为angular量身定制的脚本加载器就出现了,小巧玲珑的它只有 15KB,15KB, 它就是ocLazyLoad所有的文档在这里:猛戳这里关于ocLazyLoad的文档很简单,大家看看...


秒懂REACTJS

秒懂REACTJS

2016-05-18 15:40:23 React这篇文章是为ReactJs小白准备的,希望他们快速抓住ReactJs的要点并能在实践中随机应变。两句话版本ReactJs把视图更新简化为一个render函数render函数接收两个参数,分别是配置项和状态长版本ReactJs是一个专注于View的Web前端框架。Web前端的View就是浏览器中的Dom元素,改变View的唯一途径就是修改浏览器中的Dom元素,因此ReactJs的核心任务就是如何修改Dom元素,作为一个成功的框架,ReactJs使修改...


JS自定义事件

JS自定义事件

事件(event)起源于HTML4.0,在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为,例如鼠标单击或浏览器窗口中完成加载某个图像......(摘自百科就不扯淡了)我们平常用到的事件很多,大部分都是浏览器自己内置的。比如:click,load,reload,change,keypress等等。在实际的开发中,我们常常会开发适合自己业务需要的一套组件,我们为了组件模块化,提高组件的通用性,复用度。我们经常会让组件自治,即在自身内部完成,不依赖外部的东西也不去污染外部的东西。这时...


IDEA15破解,新特性

IDEA15破解,新特性

这次版本更新步伐是比较快的。直接从14.1.3到了15.破解方法注册时选择 License server ,填 http://idea.lanyus.com ,然后点击 OK特性说明Debug 1. 支持 Lambda 表达式 Debug ,之前版本只能使用推倒 2. Debug 时可强制方法 /表达式返回值用户界面 1. 测试 UI 提升,增加大量统计功能 2. “Find in Path”功能增加行内代码搜索 3. Run 的时候会出现小绿条,提示当前运行配置 4. 增加对色弱 /色盲的配色支持 5....


angular-waterfall基于angular的瀑布流指令

angular-waterfall基于angular的瀑布流指令

前言由于项目需要,牺牲自己的周末时光来完成这个指令。关于瀑布流的算法很简单网上也很多现成的代码,需要了解的看官可以自己去网上查一下,我就只是做了一个整合而已,就此贡献给大家了,欢迎pull!第一步,Downloadgit clone https://github.com/zedwang/angular-waterfall.git第二步,注入angular.module('angularWaterfallApp',["ngWaterfall","...


在windows7上面安装mongodb

在windows7上面安装mongodb

先说在windows7上面安装MongoDB的几个步骤:下载mongodbmongodb不需要安装,直接在官网下载适合自己平台的压缩包,然后解压到自己喜欢的目录里面,如“E:\\mongodb”,下载地址MongoDB website预览mongodb的文件夹在mongodb\bin目录下我们可以看到差不多10多个的exe文件mongo.exe,命令行客户端工具mongod.exe,数据库服务程序mongodump.exe,数据库备份程序mongoexport.exe,数据导出工具mongofile...


AngularJS VS ReactJS

AngularJS  VS  ReactJS

AngularJSangularJS未来主要面向移动端。移动端ISO6+,WP8+,android的chrome,Firefox移动端。桌面浏览器支持度不高(IE10/IE11/Firefox/chrome/Safari/opera),ES6和angular2.0预计在2015年中或者底发布,意味着在以IE做为开发标准的话至少要5年左右的时间才能完全步入ES6的步伐在桌面环境中。如果不想升级使用ES6那么也没问题,需要一个traceur-compiler 的编译器来添加扩展参考文献:https://ang...


angular2.0特性概要

angular2.0特性概要

angular2.0还处于内部测试版本中,但他们已经将全新的2.0准备好了官网。在国内已经涟漪不断,有人说对于他们来是场噩梦也有人说这正是挑战。2.0的变化确实挺大,可以说是另外一个全新的框架,主要的方向还是针对移动端。桌面端估计在近几年要望而止步了,因为2.0面向ES6,然而ES6的浏览器支持情况是这样的点这里。下面是angular2.0的特性概述:1,移动优先Angular2.0的模块库设计和特定于移动设备的路由设计能保持你的应用程序最大限度的瘦身。所以,应用在低宽带的网络环境中用户不需要太多的等待。...


关于intelliJ idea创建servlet提示cannot resolve sym

关于intelliJ idea创建servlet提示cannot resolve symbol‘servlet’的问题

在刚刚折腾idea的时候会出现一系列的问题,就比如创建Servlet的时候,编辑器提示cannot resolve symbol‘servlet’。出现这样的问题是因为在第一次用idea的时候还没有配置tomcat所引起的缺少servlet-api.jar包造成的。解决问题很简单:首先检查tomcat是否配置OK。file->settings打开如下界面找到application Server选项,查看是否有配置tomcat服务器,如果配置好的话就会看到右边红框中的jar包,这两个就是我们需要的。如...


关于git/github Can'T Push To Master 的问题

关于git/github Can'T Push To Master 的问题

之前git练手的时候,从github上面clone一个仓库到本地之后,经过修改。git clone https://github.com/zedwang/Zquery.git然后pushgit push origin master报错了fatal: remote error: You can't push to git://github.com/zedwang/Zquery.gitUse https://github.com/zedwang/Zquery.git经过多台电脑的测试,和满世界找资料才...


ng-show ng-if ng-switch的区别

ng-show ng-if ng-switch的区别

在Angular的原生指令中有三个指令用来控制display,ng-show,ng-if,ng-switch。在angular性能优化中,我们也常常会用到它。我们看下他们的区别ng-show与ng-if接收的一个bool值,当为true的时候就会被触发。从上面的图中我们可以看到,ng-show的值为false的时候,在DOM节点上添加了一个ng-hide的一个类,这个类的表达式就是“display:none”。DOM load的时候ng-show里面的所有节点都会被加载。也就是说,ng-show与ng-h...


21世纪的前端都要学些啥?

21世纪的前端都要学些啥?

这篇文章是在不经意的情况下,看到了知乎上面有人在问“前端大牛们都学过哪些东西?”,然后下的人就回复了这么一大篇。不过确实是这么一回事,就转下来了正文开始:CSS不能编程?用Less、Sass、Stylus、甚至直接用 Absurd,框架除了Bootstrap还有很多。JS写多了很麻烦?jQuery。移动开发?Zepto.js。结构不好?找框架,Backbone.js是MVC,AngularJS和Ember.js是MVVM,Twitter还弄了个事件驱动框架Flight。库多了要优化加载?RequireJS...


angular进阶-你还不知道的双向数据绑定

angular进阶-你还不知道的双向数据绑定

Angular中最具有特色的地方就是他的双向数据绑定,我们利用数据的双向绑定可以做很多事情并且还是意想不到的事情。先看下面的这个Demo要实现这个小功能,按我们平常的思路会有多少行代码才能完成???Angular来完成这个功能只需要两句话就搞定,看代码:angular.module('demoApp',[]) .controller('mainCtrl',function($scope){ $...