大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

淘宝前端大牛分享近几年前端技术盘点以及 2016 年技术发展方向

淘宝前端大牛分享近几年前端技术盘点以及 2016 年技术发展方向 近几年前端技术盘点以及2016 年技术发展方向 文章来自:淘宝前端团队 Web 发展了几十个春秋,风起云涌,千变万化。我很庆幸自己没有完整地经历过这些年头,而是站在前人的肩膀上行走。Web 技术发展的速度让人感觉那几乎不是继承式的迭代,而是一次又一次的变革,一次又一次的创造。这几年的前端,更为

npm和bower的区别

npm和bower的区别 标签(空格分隔): npm和bower的区别 前端包管理器 序 关键在于npm的依赖管理是奇特的倒向树结构(不同于linux越底层依赖越小)。一个普通的前端包的依赖树非常冗长,甚至可能触及windows下256字符的路径长度限制。同时和其它安装包不能共享依赖代码。导致文件非常多,不适合前端代码部署。而bower让模块开发者定义了简洁的输出文件。不过下一代 npm3 会从

Redux 入门教程,应用的状态管理器

} 对于异步场景,我们的解决方案是返回函数而不是直接返回action。就像下面这样。为了让dispatch方法可以接受函数作为参数,我们需要使用redux-thunk这个中间件。 import thunk from 'redux-thunk'; 然后你就可以dispatch一个函数了 function fetchArticlesList() { // 传入dispatch/getstate,当然是为了获取state以及更新state return (dispatch, getState) = { return GET(url).

产品前端架构(持续修改)

分别推荐解决方案 DOM selector/DOM操作/事件/方法 提供便利的Dom查询/操作/移动等操作 提供事件绑定/事件代理等支持 提供浏览器特性检测,UA侦测 提供节点属性,样式,类名等操作 所有上述操作实现目标平台的跨浏览器支持jQueryzepto.js:移动端的首选;mootools;

开发团队流程如何来优化?

开发团队流程如何来优化? 问题1,PM对于需求梳理清楚,测试同学给予保障。 针对第一个问题不是前端工程师和设计师的问题,是PM问题,PM在前期交付工作的时候,要保证两点: 可供依据的产品需求文档,这份文档

#前后端的那些事(1/3)

#前后端的那些事(1/3) 前后端的那些事(1/3) 一入前端深似海 前端水太深,江湖中流传着一句话:"一入前端深似海",这句话足以说明前端的复杂性。因为要靠编程吃饭,我们热爱它,所以不应该畏难,应该多接触一些技术如 HTML5, CSS, JS, bootstrap, jquery, ajax, less, sass, gulp, grunt, webpack, nodejs, npm

我的NodeJS学习之路2(前端及模版引擎选择)

我的NodeJS学习之路2(前端及模版引擎选择) 请关注专题:我的NodeJS学习之路(实践之路) 小弟初涉node领域,不足之处,还请多多指教!欢迎Star、Fork:https://github.com/gefangshuai/ANodeBlog 前端框架: 首选bootstrap,当然有了它只是有了一个基本的前端骨架,要像整站看起来漂亮大气,得多做做工作的!为了偷懒,推荐给大家一个Admin Template:AdminLTE Control Panel Template,正如作者介绍

react boilerplate设计&&技术栈

js' }), new webpack.HotModuleReplacementPlugin(), //热替换 new webpack.NoErrorsPlugin(), //报错但不退出webpack进程 new webpack.DefinePlugin({'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)}), //定义变量 new HtmlWebpackPlugin({ //生成html filename: '. loader介绍 babel-loader:处理JS文件的加载,通过preset完成es2015和JSX到JS的文件转换 css-loader:处理css中路径引用等问题 css-loader? 附上:react boilerplate源码

SegmentFault 技术周刊 Vol.8 - React,“5 分钟快速入门”

SegmentFault 技术周刊 Vol.8 - React,“5 分钟快速入门” 优质阅读感受及更多讨论,请查看原文:https://segmentfault.com/a/1190000007135115 前段时间开始学习 React,浏览官方文档时,被其中提及的一篇文章——《Give It Five Minutes》给吸引了。最开始以为是“5 分钟学会 React”这种神一般存在的教程,结果不然,它只是 37 Signal 日志 SVN(Signal v.s. Noise)中的一篇文章……可这篇文章却给了我

饥人谷前端作品库开发心得

饥人谷前端作品库开发心得 饥人谷前端作品库 目前开发的第一阶段已经结束,项目也已经上线。小组团队要求写一篇开发心得,相互交流,以飨后生。那么在这里我先打一个草稿。项目作品请见:饥人谷前端作品库【注:本项目支持手机端浏览】 项目的起止历程 团队的QQ讨论组历史记录最远能追溯到4.22,项目也就是那天开始正式立项运作的。截止到6.

AJAX

入HTML模板(.ejs文件)创建新的HTML,再把新的HTML发回给前端,这样前端的页面就会做一次刷新。 做个比喻:AJAX 就是上门维修,form 就是返厂维修

我的FLASH情结2010 - 浅谈网页游戏与创业(下)

我的FLASH情结2010 - 浅谈网页游戏与创业(下) ★前端与美术的配合 →老闪客们应该都知道,FLASH这款软件在历史很长一段时间内都是用来做动画的,闪客和美术在这段时间内本就是同根生。后来随着第二版AS1和AS2逐渐完善,以及AS3的强势出炉,闪客们才逐渐分化成纯程序和纯美术两个阵营了。但不管怎么分,FLASH程序和美术之间的关系依旧非常亲密,一个老牌的AS程序员必然

一套设计良好的RESTful API如何成为前后端的桥梁?

一套设计良好的RESTful API如何成为前后端的桥梁? 移动互联网时代,RESTful API成为越来越重要的移动端和服务器端交互的形式。尤其是在很多互联网公司或者传统行业拥抱移动互联网的时候,一套设计良好的Restful API能够帮助互联网产品支持单服务端+多客户端的场景。RESTful架构本身是一个风格而不是一个标准,这也就意味着在具体设计时会有不同的实现。那么什么是好的RESTf

学生团队的前后端分离及持续交付探索历程

var compiler = webpack(config); res.end(data); 优化 在开发时,React,Redux就不用被抽离出来了,当然代码也不用压缩了,一切以快为主。 在发布时,将React,Redux这些库抽离出来,这样打包出来文件会小,库文件我们可以用免费的CDN进行引入。 实现以上优化,我们需要在我们的webpack.config.js中加入如下逻辑,即需要拥有区分开发环境的能力。 // 区别环境 var debug = process.env.NODE_ENV !

零基础入门web开发(0) ——— 入门浅谈

零基础入门web开发(0) ——— 入门浅谈 零基础入门web开发(0) ——— 入门浅谈 前言 欢迎你来到web开发世界的大门前,挑战者。你接下来将要看到的这一系列文字,将会慢慢为你揭开IT开发的冰山一角。但在正式的教程开始前,希望你能耐心阅读一下下面这些有些冗长的“废话” 这篇教程要讲些什么? 有关web开发的方方面面,包括但不局限于以下的技能点: html,css,js,php,mysql

Angular2 发布思路

开启ng2的生产模式c. 使用模块懒加载(路由中使用loadChildren)原文还写了一小段来说不需要把懒加载模块import进立即加载的模块中(比如把一个懒加载模块import在了根模块里),这其实不会懒加载,模块还是跟随根模块一起被加载了。 服务端要做的事情有: a. 错误页都要重定向到index.html(防止丢失前端路由)b. 跨域配置(前后端分离的应用通常要解决的问题)

从零开始学Git(1):基础配置与必须掌握的命令行

从零开始学Git(1):基础配置与必须掌握的命令行 01. 一般开发流程 目前我们最常见的三类企业:外包类,生产制造类,互联网类前端开发人员进入到公司后,可能会面对的工作职责:要么是重新开始做项目,要么是维护现有的项目。 从 0 到 1 的项目 产品经理( PM 为代表)提出需求(一张A4纸)-》产品经理转换成需求文档

Vue+Webpack开发可复用的单页面富应用教程(组件篇)

this.$refs.child2.$emit('set-data', {});this.$router.go('/index'); } }} 使用vue内置的$router方法也可以跳转,如果感兴趣,可以试试上面$route和$router打印出什么内容,通过$route是可以得到当前路由的一些状态信息的,比如路径和参数。 vue-router还有一些钩子函数,通俗讲就是在发生一次路由时某个状态的一些回调。我们的项目main.js中使用了: router.beforeEach(function(){window.scrollTo(0,0);