Web优化训练营, 网页提速50倍 经验

相比之前, 整整少了 869ms. 但是, 我们满足了吗? 优化(二) --- 分别打包 我们可以注意到, 我们打包出来最终只有一个js文件, 当依赖变多后(此例中只有react和react-dom

ChunPIG 2016-11-01   9032   0

现代 Javascript 工具漫游指南 资讯

,但是不知道该采取什么样的代码生成工作。 JavaScript 中包含了很多小工具,本文通过列举 Babel.js、Webpack、Gulp、NPM、Bower 等常用的 Javascript 小工具,初步简单介绍了各工具的

jopen 2015-08-17   23628   0

前端单元测试之Karma环境搭建 经验

使用Webpack+Babel 在实际项目中,有事会需要用到Webpack和ES6,所以接下来将Webpack和Babel集成进Karma环境中。 安装karma-webpack npm i

wg5945 2016-09-14   28777   0

使用 VueJS 全家桶做一个简单的 SPA 应用 经验

Vuex + Webpack) 撸出来 SPA 的一些过程. 使用的是 豆瓣的公共 API . 安装 Webpack 既然要用全家桶, 那么就需要先使用 Webpack, Webpack 是一个非常方便工具

zpns0669 2016-12-19   61335   0

react+redux教程(一) 经验

'./counter' //使用redux的combineReducers方法将所有reducer打包起来 const rootReducer = combineReducers({ counter })

jopen 2016-01-20   50236   0

谈谈React.js的核心入门知识 经验

不变性(immutability) 自上而下的渲染(top-down rendering) 渲染路径和优化 打包工具, ES6, 构建请求, debugging, 路由等 同构React(isomorphic React)

jopen 2015-08-11   60094   0

一款多功能的js分页组件:laypage 经验

缝迁移至Node.js平台。laypage不依赖于任何第三方库,直接拿来用即可,它的接口继承了layui系列组件的一贯简洁,极易上手。那么,从现在开始,将分页的任务交给laypage吧!

jopen 2014-12-10   124504   0

前端开发之走进Vue.js 经验

要用到的包、插件、工具、命令等,便于开发和维护。 (6) webpack :一款强大的文件打包工具,可以将我们的前端项目文件同一打包压缩至js中,并且可以通过vue-loader等加载器实现语法转化与加载。

jg8754 2016-10-31   8575   0

2015-2016前端知识体系 资讯

commonJS/AMD/CMD 模块引入 模块定义 模块标识 UMD解决不同规范兼容性的问题,例如webpack封装 模块懒执行(CMD)与与预执行(AMD) loadJs模块化加载原理与实现 创建

jopen 2016-01-26   87412   0

如何学习React 经验

你应该按照以下的顺序进行学习, 而不是跳着学或者同时学习 : React npm JavaScript “打包工具” ES6 Routing Flux 你不需要把这些都学完才去使用 React. 只需要在你遇到问题需要解决的时候

xdur1921 2016-01-27   26899   0

react-native的第一课 经验

你应该按照以下的顺序进行学习, 而不是跳着学或者同时学习 : React npm JavaScript “打包工具” ES6 Routing Flux 你不需要把这些都学完才去使用 React. 只需要在你遇到问题需要解决的时候

kylin6202 2016-01-27   27018   0

如何编写同时用于 Node 和浏览器的 JavaScript 包 经验

现在我们需要一些方法来检验它是运行在浏览器中还是运行在 Node 中,然后我们才能调用正确的版本。Browserify 和 Webpack 都定义了 process.browser,在浏览器中它返回 true,而在 Node 中它返回

霜寒2010 2017-03-08   12448   0

如何编写同时用于 Node 和浏览器的 JavaScript 包 经验

现在我们需要一些方法来检验它是运行在浏览器中还是运行在 Node 中,然后我们才能调用正确的版本。Browserify 和 Webpack 都定义了 process.browser,在浏览器中它返回 true,而在 Node 中它返回

Tinfky242 2017-03-01   11274   0

Vue2.0 新手完全填坑攻略—从环境搭建到发布 经验

Homebrew 1.0.6(Mac)、Node.js 6.7.0、npm 3.10.3、webpack 1.13.2、vue-cli 2.4.0、Atom 1.10.2 安装环境 打开终端运行以下命令

zeopha 2016-10-11   1189437   0

Vue 服务端渲染业务入门实践 经验

有两个入口文件,client.js 和 server.js, 都包含了应用代码,webpack 通过两个入口文件分别打包成给服务端用的 server bundle 和给客户端用的 client bundle

keuo9813 2017-02-21   30170   0

2015-2016前端知识体系 经验

commonJS/AMD/CMD 模块引入 模块定义 模块标识 UMD解决不同规范兼容性的问题,例如webpack封装 模块懒执行(CMD)与与预执行(AMD) loadJs模块化加载原理与实现 创建

jopen 2016-02-15   52110   0

一份来自Treebo 的 React 与 Preact PWA 性能分析报告 经验

它们第一次迭代重构Treebo是用React和简单的 webpack 来构建一个 单页应用 。 你可以看下之前写的代码。这导致生成了简单(巨大)的Javascript和CSS包(bundles)。 /* webpack.js */ entry:

soryokurin 2017-09-27   37303   0
React   CSS   PWA  

iOS开发者的Weex伪最佳实践指北 经验

Native基础JS库和业务JS一起打成一个JS bundle,没有提供分包的功能,所以如果想节约流量就必须制作分包打包工具。而Weex默认打的JS bundle只包含业务JS代码,体积小很多,基础JS库包含在Weex

ckog9305 2017-05-08   21546   0

解析browserify工作原理 经验

0. browserify是什么? browserify 是目前比较流行的模块打包工具之一(另外一个 webpack ) 基于流式(stream)思想设计 可以通过command line,也可以通过API来使用

jopen 2015-12-11   18074   0

开发更好用的 JavaScript 模块 经验

就更好了”的想法。所以,本文将站在模块使用者的角度总结一下,如何能让模块变得更好用。 提供 ES6 模块的入口 webpack 和 rollup 都支持对 ES6 模块做一些静态优化(例如 Tree Shaking 和Scope

recu7046 2017-12-02   27506   0
1 2 3 4 5 6 7 8 9 10