![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
知识分享
文章平均质量分 86
Dong.YI
Learn once,write anywhere.
展开
-
2021-09-24
Ts + esbuild搭建自定义cli脚手架现如今,前端框架是多得数不过来,3大主角:react / vue / angular 更是入门的基础,而学习这些框架最开始入手就是学习使用他们的脚手架,例如:create-react-app,vue-cli,angular-cli,可快速的创建好项目,提高效率;但是我们不能只限于会用,知道其原理更能让我们在团队中,特别是做基建的时候起到很大的帮助。接下来我们一起了解下脚手架的基本流程这里拿create-react-app举个例子:使用命令行创建项目$原创 2021-09-24 09:21:52 · 209 阅读 · 0 评论 -
webpack安装和使用
安装web pack这里我们用到node.js的nam,如果没有下载的,可以到https://nodejs.org/en/先下载安装。1.我们通过npm在全局环境下安装webpack:npm install webpack -g2.安装成功后,我们用终端输入命令行:webpack —help查看webpack提供所有的命令3.现在开始构建我们的模块,先建一个文件夹,取名webpack_test(不要原创 2017-01-15 16:11:49 · 1127 阅读 · 0 评论 -
webpack打包react和过程遇到的问题
1.首先我们需要在项目下载中间件:babel-preset-es2015,babel-preset-react,react,react-router,webpack-dev-servernpm install babel-preset-es2015 babel-preset-react reactreact-router react-router --save-devwebpack-dev-ser原创 2017-01-16 15:14:38 · 2641 阅读 · 0 评论 -
gulp的安装和使用
gulp的有点和特性易于使用构建快速插件高质易于学习学了解更多的gulp,可以在其官网http://www.gulpjs.com.cn学习1. gulp的安装:npm install gulp -g2. 创建一个文件夹gulpTest,在该文件夹下:npm init生成package.json3. 在gulpTest文件夹下安装局域gulp:npm install gulp --save-原创 2017-01-19 10:04:53 · 571 阅读 · 0 评论 -
jQuery ajax读取本地json文件以及跨域问题
jQuery ajax读取本地json文件以及跨域问题作为一名前端,当我们想要动态异步加载数据的时候总找不到后台数据,这时我们可以自己建一个json文件用来异步操作。1. data.json文件{ "result": true, "users":[ { "firstName":"yi", "lasName":"dong原创 2017-02-26 21:18:18 · 19370 阅读 · 4 评论 -
H5 Web Notification桌面推送消息
H5 Web Notification桌面推送消息由于这两天公司项目刚好做到一个需要实时桌面推送的功能,就像平时QQ,微信消息推送那种,这个时候我们就可以用到HTML5 Web Notification 这个API了。Notification.requestPermission(function (permission) { if (permission == "granted") {原创 2017-05-24 14:20:21 · 12268 阅读 · 3 评论 -
gulp实现监听改变自动刷新页面
gulp的安装和一些基本api我之前已经有文章介绍了,刚好最好在研究将gulp+webpack结合起来,重新回顾了下gulp的一些操作,觉得值得分享gulp-htmlmin gulp-rev-appendgulp-connectgulp-watchgulp-plumber通俗解释(解释错误可以指出): gulp-htmlmin:压缩html,可以压缩页面javascript、css,原创 2017-10-27 11:15:51 · 5370 阅读 · 0 评论 -
webpack和gulp结合使用
webpack和gulp的区别gulp是工具链、构建工具,可以配合各种插件做js压缩,css压缩,less编译 替代手工实现自动化工作1.构建工具2.自动化3.提高效率用 Webpack 是当下最热门的前端资源模块化管理和文件打包工具,可以把项目的各种js文、css文件等打包合并成一个或多个文件,主要用于模块化方案,预编译模块的方案1.打包工具2.模块化识别3.编译模块代码方案用Gulp侧重于前端原创 2017-12-07 16:09:48 · 4263 阅读 · 1 评论 -
git提交(commit)前的检验和其他一些实用操作
一:提交commit前的检查npm install lint-staged husky -Dpackage.json 里面scripts 字段:"precommit": "lint-staged",最外层再加上:"lint-staged": {"src/**": ["eslint","git add"]},当前这里的规则是可以改的,按照自己想要原创 2018-09-12 08:54:50 · 2698 阅读 · 1 评论