首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
SimpleXD
掘友等级
前端 & Node
|
.
搞音乐、搞代码。 擅长前端、nodejs后端。
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
24
文章 24
沸点 0
赞
24
返回
|
搜索文章
最新
热门
剖析并实现一个简单版的koa框架
node http 的用法很简单,http 的每次请求,都会带有 request 和 response 两个对象。 通过 response.wirte(‘响应数据’) + response.end() 可以向客户端响应数据。 koa 是一个 http 框架,因此,koa 是基于…
手写一个 koa-ts-cli 脚手架
最近把公司的 nodejs koa 后端项目用 ts 重构一遍。 在搭建整个工程,比如集成 koa、typescript、jest 以及 eslint 的过程中,还是会遇到挺多配置性的问题的。 考虑到工程的复用性,我写了一个 koa-ts-cli 脚手架,并且提供了三个工程模板…
关于 == 和 ===的区别
2、如果两个都是数值,并且是同一个值,则相等。但例外的是 NaN !== NaN(可以通过 isNaN() 来判断是否为 NaN) 1、如果一个是字符串,一个是数值,把字符串转换成数值再进行比较。 2、如果一个是 null、一个是 undefined,那么[相等]。 3、如果任…
webpack4系列实践笔记
webpack 是目前 javascript 主流的工程自动构建工具,目前 Vue,React 以及 Angular 等项目脚手架都是基于 webpack 进行构建的。 为了避免每个demo都在本地安装一遍 webpack 和 webpack-cli ,这里推荐使用全局安装的方…
demo19 webpack 开发模式和生产模式
开发环境和生产环境的构建目标是有很大的不同的。 在开发环境中,为了便于代码调试以及实现浏览器实时更新,我们需要开启 source map 和 localhost server。 而在生成环境中,为了实现缓存优化以及改善加载时间,我们的目标转向于打包成更小的 bundle 或 c…
demo18 webpack-dev-server (开发模式)
如果没有设置 mode ,webpack 默认以 production 模式进行打包。 webpack-dev-server 是 webpack 官方提供的一个小型 Express 服务器。 通过配置它可以在开发模式下为 webpack 打包生成的静态资源文件启动一个 web …
demo17 clean-webpack-plugin (清除模式)
在之前的 demo 中,webpack 打包后会在根目录下自动创建 dist 目录,并且把生成的文件输出到 dist 下。 当配置的输出包名含有 [hash] 时,hash值会随着文件内容的改变而改变。 因此,我们需要在下一次 webpack 打包输出之前,把 dist 目录清…
demo16 webpack 处理字体
通过 IcoMoon 平台,我们可以挑选和定制项目所用到的字体 icon ,最后导出字体的 eot , svg , woff , ttf 格式,并包含一个定义了 @font-face 的 css 文件,也就是说我们不需要自己去定义 @font-face ,只要引用这份 css …
demo15 webpack 处理图片
url-loader: 可以将 css 文件中的字体和图片 url 转化为 base64 字符串,从而减少对资源的发起 http 请求次数。 实现对文件进行处理,比如修改文件名,并且输出到指定的路径,file-loader 可以单独使用,也可以与 url-loader 一起使用…
demo14 webpack mini-css-extract-plugin + SplitChunksPlugin 处理 css 和 scss
虽然webpack4不支持 ExtractTextWebpackPlugin 插件,但是我们可以使用 mini-css-extract-plugin 来实现把 css 提取为单独的文件。 但目前 mini-css-extract-plugin 不支持HMR。 mini-css-…
下一页
个人成就
文章被点赞
359
文章被阅读
70,117
掘力值
1,867
关注了
30
关注者
101
收藏集
1
关注标签
24
加入于
2018-11-15