SF
忽如寄的前端小站
忽如寄的前端小站
注册登录
关注博客
注册登录
主页
关于
RSS
webpack 如何同时输出压缩和未压缩的文件
灰风GreyWind
2020-06-04
阅读 2 分钟
3k
有的时候我们想要同时生成压缩和未压缩的文件,比如我们构建 lib 包的时候,我们希望用户能够使用压缩过后的代码文件作为 cdn 文件,最简单的一个方式就是通过指定环境变量,比如指定 MINIFY,如下:
【DailyENJS第12期】V8引擎和JavaScript优化技巧
灰风GreyWind
2019-10-16
阅读 5 分钟
1.7k
V8是Google用来编译JavaScript的引擎。Firefox拥有自己的名为SpiderMonkey的引擎,与V8十分相似,但有所不同。我们将在本文中讨论V8引擎。
【DailyENJS第1期】JavaScript克隆对象的3种方法
灰风GreyWind
2019-08-03
阅读 5 分钟
2.2k
DailyENJS 致力于翻译优秀的前端英文技术文章,为技术同学带来更好的技术视野。 因为在JavaScript中的对象是引用值,所以不能简单地使用 = 进行复制。但不用担心,这里有3种方法可以克隆一个对象? {代码...} 对象都是引用类型 你的第一个问题可能是,为什么我不能用 = ?我们看看如果这样做会发生什么: {代码...} 到目前...
Shell编程快速入门指南
灰风GreyWind
2018-01-15
阅读 5 分钟
1.7k
第一个shell脚本 {代码...} 运行程序可以作为解释器参数或者作为可执行程序 {代码...} {代码...} 变量 命名 {代码...} 需要注意的是变量名与等号之间不能有空格。 使用 {代码...} 使用在变量名前添加$即可,{}表示这个变量名的边界。 只读变量 {代码...} 使用readonly可以将变量定义为只读变量,只读变量不能再次赋值 删...
前端开发应届生面试指南(含各大公司具体指南及面试真题)
灰风GreyWind
2017-11-07
阅读 3 分钟
10.5k
先介绍一下本人应届前端开发一枚,非科班出身,专业是化学,大学期间开始自学前端开发,在今年春招实习和秋招的时候投了一些公司,拿到一些Offer(京东、拼多多、虎牙等),总体来说还算满意,特地写一篇文章来总结一下面试的那些套路。
Webpack系列——关于Webpack-dev-server配置的点点滴滴
灰风GreyWind
2017-09-30
阅读 2 分钟
3.3k
这里指定webpack-dev-server所做的事情就是以dist文件夹为开启服务器的文件夹位置,并使用热更新。这篇文章中所有演示内容也将以这个配置为基础。上面的webpack-dev-server中指定了contentBase和hot为我们做了我们的任务,那么除了这两个配置选项,webpac-dev-server还有那些配置选项呢?我将webpack-dev-server中的配置...
动手实现一个JSONP
灰风GreyWind
2017-09-28
阅读 6 分钟
1.5k
JSONP的原理就不细说了,就是利用script可以跨域的特点来实现跨域,首先我们考虑一个最简单的jsonp,就是简简单单创建script标签,添加url的功能,如下:
Webpack系列——手把手教你使用Webpack搭建简易的React开发环境
灰风GreyWind
2017-09-13
阅读 11 分钟
6.2k
在这篇文章中我们开始利用我们之前所学搭建一个简易的React开发环境,用以巩固我们之前学习的Webpack知识。首先我们需要明确这次开发环境需要达到的效果:1、能够编译JSX语言 2、css样式使用Sass开发 3.能够将基础的ES6转化为ES5 4.能够使用ESLint在开发的时候为我们做代码风格审查
Webpack系列——Webpack + xxx配合使用
灰风GreyWind
2017-09-13
阅读 2 分钟
2.1k
文章首发于我的github及个人博客,github请看[链接],转载请注明出处。渣渣一枚,目前只能想到这些了,以后想到再补。 Webpack + Babel 在webpack中使用Babel通过使用babel-loader即可,babel中的配置可以通过options选项进行配置。安装: {代码...} {代码...} webpack.config.js {代码...} .babelrc {代码...} Webpack ...
Webpack系列—快速入门
灰风GreyWind
2017-09-02
阅读 5 分钟
2.7k
原文地址:[链接] 入口 单文件入口指定entry键值 {代码...} 上面的是以下的简写: {代码...} 多文件入口对entry采用对象写法,指定对应的键值对,为了输出这多个文件可以使用占位符 {代码...} 输出 指定打包构建之后输出的文件单文件输出指定output键值,值为对象,对象中指定path和filename {代码...} 多文件输出使用占...
使用react-router4.0实现重定向和404功能
灰风GreyWind
2017-08-27
阅读 2 分钟
4k
在开发中,重定向和404这种需求非常常见,使用React-router4.0可以使用Redirect进行重定向最常用的就是用户登录之后自动跳转主页。
动手实现一个最简单的redux
灰风GreyWind
2017-08-17
阅读 2 分钟
1.6k
redux的主要API集中在createStore函数返回值中,以下这个迷你的redux只简单实现createStore、dispatch、subscribe、getState方法,如下:
原生、无依赖的web弹层组件——HLayer.js
灰风GreyWind
2017-03-12
阅读 1 分钟
2.3k
经过两周的开发,今天HLayer.js终于完成了0.1.0版本,作为一个前端新人,更多的是将这个作为自己的练手作品,毕竟web弹层组件早已不是web开发的新鲜事物了,国内外也不乏众多优秀的弹层组件。不过HLayer.js实行gzip压缩后只有4.7kb,因此非常小巧。体验HLayer.js可以访问[链接],以下是HLayer.js的部分功能截图: