随笔分类 - 前端工具集
摘要:vue 项目如何实现一键网站换肤效果 (webpack-theme-color-replacer 的使用) 现在看不少网站都有一键换肤的效果,这东西要说简单有简单的做法,要说复杂有复杂的做法,看到ant design pro 源码使用了webpack-theme-color-replacer插件,就
阅读全文
摘要:webpack 常用插件、loader汇总: 点击模块、库名字,查看使用文档 ==node常用模块汇总== ==webpack常用插件、loader汇总== ==gulp常用插件汇总== ==jQuery常用插件汇总== ==Python常用模块、库汇总== 装载器loader hTML-loade
阅读全文
摘要:名称 githooks Git使用的挂钩。( "githook在官网的介绍" ) 描述 如同其他许多的版本控制系统一样,Git 也具有在特定事件发生之前或之后执行特定脚本代码功能(从概念上类比,就与监听事件、触发器之类的东西类似)。Git Hooks 就是那些在Git执行特定事件(如commit、p
阅读全文
摘要:常用正则表达式收集 正则是程序员又爱又恨的一部分了,会用的可以大大提高检验效率,不会用的写一个正则都脑袋疼,所以慢慢积累一些正则方便使用。在写正则之前,一定要先分析清规则,才能写好正则,请大家细细品这句话。 测试用例代码格式 每次只需要修改测试的字符串和正则表达式即可测试 // 测试用例 var s
阅读全文
摘要:python 常用模块、库汇总: 点击模块、库名字,查看使用文档 ==node常用模块汇总== ==webpack常用插件、loader汇总== ==gulp常用插件汇总== ==jQuery常用插件汇总== ==Python常用模块、库汇总== Django : Django是一个开放源代码的We
阅读全文
摘要:当我们开始一个新的 JavaScript 项目时,我们需要考虑的第一件事就是搭建一个前端编译环境。但是在面对众多的 JavaScript 构建工具时,我们却无所适从,不知道究竟哪一个才是最适合我们的。 想象一下,如果有一个很简单的判断标准,让你知道如何针对不同的项目,选取不同的前端构建工具,那是不是
阅读全文
摘要:更多node常用模块使用请访问:node常用模块汇总 nrm(npm registry manager )是npm的镜像源管理工具。 一、nrm操作 1、全局安装nrm npm install nrm -g --save 2、nrm有自带默认配置,*为当前的配置 nrm ls 3、切换当前源地址 n
阅读全文
摘要:node常用模块汇总: 点击模块、库名字,查看使用文档 ==node常用模块汇总== ==webpack常用插件、loader汇总== ==gulp常用插件汇总== ==jQuery常用插件汇总== ==Python常用模块、库汇总== mkdirp:在node.js中像mkdir -p一样递归创建
阅读全文
摘要:Mock.js 生成随机数据,拦截 Ajax 请求 Mock.js官方地址 常用案例 基础随机内容的生成 Mock.mock({ "data|10": [// 属性 data 的值是一个数组,其中含有50个元素,也可以写成1-50随机生成1到50不定个数的元素 { "string|1-10": "=
阅读全文
摘要:gulp常用插件汇总: 点击模块、库名字,查看使用文档 ==node常用模块汇总== ==webpack常用插件、loader汇总== ==gulp常用插件汇总== ==jQuery常用插件汇总== ==Python常用模块、库汇总== browser-sync: 省时的浏览器同步测试工具,多设备、
阅读全文
摘要:更多gulp常用插件使用请访问:gulp常用插件汇总 browser-sync这是一个可以在多端(pc、移动、平板)实时监测文件修改,自动刷新浏览器的工具。其实这并不是转给gulp使用的,在其它构建工具也可以用。 更多使用文档请点击访问browser-sync工具官网。 安装 首先这个工具是基于no
阅读全文
摘要:更多VSCode插件使用请访问: "VSCode常用插件汇总" Prettier Code formatter 这是一款 格式化js、css代码插件,暂不解释。 Prettier是什么? "Prettier" 的中文意思是“漂亮的、机灵的”,也是一个流行的代码格式化工具的名称,它能够解析代码,使用你
阅读全文
摘要:之前有很多人问学好前端需要学习哪些 js 库, 主流框架应该学 vue 还是 react ? 针对这些问题, 笔者来说说自己的看法和学习总结. 首先我觉得在学习任何知识之前必须要有一个明确的学习目标, 知道自己为什么要学它, 而不是看网上说的一股脑的给你灌输各种知识, 让你学习各种库, 从而不断的制
阅读全文
摘要:什么是 axios? Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 axios Github 特性 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据
阅读全文
摘要:## Lodash 介绍 Lodash :是一个一致性、模块化、高性能的 JavaScript 实用工具库。 [Lodash官网](https://www.lodashjs.com/) ##安装 浏览器环境: ``` ``` 通过 npm: ``` npm i --
阅读全文
摘要:Prettier 简单使用 Prettier 简单使用 ESLint 与 Prettier配合使用 首先肯定是需要安装 prettier ,并且你的项目中已经使用了 ESLint ,有 eslintrc.js 配置文件。 配合ESLint检测代码风格 安装插件: eslint-plugin-pret
阅读全文
摘要:ESLint 官方文档 About 页面 分 About 和 Philosophy 两个部分对 ESLint 做了介绍,简洁明了,值得一读。 借助 ESLint,可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中,及早发现并协助修复代码中: 有语法错误的部分 不符合约定的
阅读全文
摘要:记录笔者日常学习笔记,无深解内容,除了笔者无人看懂。请大家移步Bootstrap CDN链接引入: <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstr
阅读全文
摘要:一直手动反复撸css,确实很累,了解到OOCSS后,笔者很认同这些理论和写法,可是对其中的思想和写法,理解的还不是很透彻,所以记录下相关内容,反复阅读,希望笔者可以早日理解。没有特殊内容,大家可以忽略此文。 ##面向对象的CSS理论 引用OOCSS之父Nicole Sullivan话来说, 面向对象
阅读全文
摘要:记录笔者日常学习笔记,无深解内容,除了笔者无人看懂。请大家移步sass文档、sass中文文档 使用变量; sass使用highlight-color和highlight-color: #F
阅读全文