前端工具
文章平均质量分 83
工具
YK菌
大家好,我是YK菌 ,一个微系前端 ,爱思考,爱总结,爱记录,爱分享 ,欢迎关注我呀
展开
-
【浏览器】浏览器存储&缓存 - Cookie - localStorage - sessionStorage - IndexDB - Cache Storage - Application Cache
浏览器缓存原创 2021-06-26 12:43:18 · 1446 阅读 · 0 评论 -
【收藏】前端学习你不得不看的优质文章——补充前端知识,常看常新
前端学习,合集总结,不定期更新总是说前端要学的东西太过于琐碎,除了html、css、js等,还有很多方面(例如网络,浏览器等)的知识都要有所涉及 这是一篇收藏向的集合,总结前端学习过程中需要原创 2021-06-22 16:23:18 · 560 阅读 · 0 评论 -
【webpack】配置详解 - entry - output - module - resolve - dev server - optimization - webpack5
webpack配置详解+webpack5新内容原创 2021-06-21 21:02:22 · 233 阅读 · 0 评论 -
【webpack】开发与生产环境 性能优化配置 - HMR - 缓存 -tree shaking - 代码分割 - 懒加载 - 预加载 - PWA - 多进程打包 - externals - dll
webpack性能优化开发环境性能优化生产环境性能优化原创 2021-06-21 18:29:30 · 341 阅读 · 0 评论 -
【webpack】生产环境的基本配置 - 提取CSS文件 - CSS/JS兼容性处理 - babel - ESLint - HTML/CSS/JS压缩
1. 提取css 成单独文件下包npm install --save-dev mini-css-extract-pluginnpm i mini-css-extract-plugin -D原创 2021-06-20 15:52:31 · 427 阅读 · 0 评论 -
【npm】发布 自定义JS工具函数库 到npm中央仓库
文章目录1. 导出所有模块2. 配置webpack3. 打包4. 测试5. 改包描述文件6. 配置npm7. 发布仓库8. 测试9. 更新与删除更新包删除包对相关自定义模块进行打包发布【JS】自定义JS工具函数库-封装数组高级方法-unique-cancat-slice-flatten-chunk-difference-pull-drop这是我的node和npm的版本1. 导出所有模块// 暴露函数相关APIexport { apply } from "./function/apply";原创 2021-04-25 22:34:04 · 1482 阅读 · 1 评论 -
【Vue】vue-cli 4.x - 创建项目 - 图形化 - 命令行 - 配置项目 - axios - elementUI - 码云SSH公钥设置 - Gitee同步
使用vue cli4.x 配置 gitee原创 2021-02-27 20:33:37 · 1776 阅读 · 4 评论 -
【npm】npm换成cnpm
安装cnpmnpm install -g cnpm查看镜像地址npm get registry https://registry.npmjs.org/更换镜像地址为淘宝的npm config set registry http://registry.npm.taobao.org/或者一步完成npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm安装vue-clicnpm install -g @v原创 2021-02-27 19:26:25 · 633 阅读 · 0 评论 -
【Git】Git介绍-Git基本使用-Git原理-GitHub基本使用-工作区-暂存区-本地库-分支管理-解决冲突
文章目录1. 版本控制工具应该具备的功能2. 版本控制简介3. Git 简介3.1Git 简史3.2Git 官网和Logo3.3Git 的优势3.4Git 安装3.5Git 结构3.6Git 和代码托管中心本地库和远程库团队内部协作跨团队协作4. Git 命令行操作4.1本地库初始化4.1.1 命令4.1.2 效果4.1.3 注意4.2 设置签名4.2.1 形式4.2.2 作用4.2.3 辨析4.2.4 命令4.2.4.1 项目级别/仓库级别4.2.4.2 系统用户级别4.2.4.3 级别优先级4.3基本操原创 2021-02-26 15:23:39 · 290 阅读 · 0 评论 -
【webpack】开发环境的基本配置-打包样式、图片、html等资源-热加载配置
webpack资源打包1. 创建配置文件2. 打包样式资源2.1 css-loader2.1.1 loader配置2.1.2 下包 style-loader2.1.3 打包2.2 less-loader1. 设置loader2. 下包(两个包都要下) less-loader、less3. 打包3. 打包HTML 资源3.1 下载3.2 引入3.3 使用3.4 打包4. 打包图片资源4.1 CSS中图片资源 background-image: url()4.1.1 下载 url-loader4.1.2 使用4原创 2021-01-27 22:35:56 · 609 阅读 · 0 评论 -
【webpack】webpack初体验-安装-运行指令-问题
webpack初体验1 初始化配置1.1 初始化package.json1.2 下载并安装webpack2. 编译打包应用1. 创建文件2. 运行指令3. 结论4. 问题1 初始化配置1.1 初始化package.jsonnpm init1.2 下载并安装webpacknpm install webpack webpack-cli -gnpm install webpack webpack-cli -D2. 编译打包应用1. 创建文件2. 运行指令3. 结论4. 问题.原创 2021-01-27 15:05:26 · 699 阅读 · 0 评论 -
【webpack】webpack简介-是什么-五大核心概念-Entry-Output-Loader-Plugins-Mode
webpack简介1. webpack 是什么2. webpack 五个核心概念2.1 Entry 入口2.2 Output 输出2.3 Loader2.4 Plugins 插件2.5 Mode 模式官网 https://webpack.docschina.org/1. webpack 是什么webpack 是一种前端资源构建工具,一个静态模块打包器(module bundler)在webpack 看来, 前端的所有资源文件(js/json/css/img/less/…)都会作为模块处理原创 2021-01-27 11:17:33 · 527 阅读 · 0 评论