Wilz.-CSDN博客

转载 vue+iview组件，render函数，table render Input，Tooltip，Select Option，Upload各种标签的render函数举例

http://events.jianshu.io/p/56aac2dafc04

2021-12-10 16:52:51 206

原创统计代码提交行数

git log --since=‘2021-10-26’ --until=‘2021-11-26’ --format=’%aN’ | sort -u | while read name; do echo -en “KaTeX parse error: Undefined control sequence: \t at position 5: name\̲t̲"; git log --si…name” --pretty=tformat: --numstat | awk ‘{ add += $1; subs +

2021-12-08 11:13:36 220

原创 iview 时间选择器选择时间段

let self = this return { startTimeOption: { disabledDate(date) { return date && date.valueOf() >= new Date() } }, endTimeOption: { disabledDate(date) { let rd = self.date.startTim

2021-01-06 10:35:49 736

原创 vue-router重写push方法，解决相同路径跳转报错

https://www.jianshu.com/p/725c4db3a4f7

2020-11-25 15:31:39 397

原创 echarts——各个配置项详细说明总结

https://www.cnblogs.com/1996zy/p/8963385.html

2020-11-25 14:16:26 224

原创 window.location.search.substr(1)方法

https://www.jianshu.com/p/f988e4ebd627

2020-11-25 10:13:16 479

原创 Webpack （二）核心特性（4）-探索 Webpack 运行机制与核心工作原理

工作过程简介Webpack 在整个打包的过程中：通过 Loader 处理特殊类型资源的加载，例如加载样式、图片；通过 Plugin 实现各种自动化的构建任务，例如自动压缩、自动发布。具体来看打包的过程，Webpack 启动后，会根据我们的配置，找到项目中的某个指定文件（一般这个文件都会是一个 JS 文件）作为入口。然后顺着入口文件中的代码，根据代码中出现的 import（ES Modules）或者是 require（CommonJS）之类的语句，解析推断出来这个文件所依赖的资源模块，然后再分别

2020-11-02 16:37:44 164

原创 Webpack （二）核心特性（3）-利用插件机制横向扩展 Webpack 的构建能力

上回说到 Webpack 的 Loader 机制，今天我要跟你分享 Webpack 的另外一个重要的核心特性：插件机制。Webpack 插件机制的目的是为了增强 Webpack 在项目自动化构建方面的能力。Loader 就是负责完成项目中各种各样资源模块的加载，从而实现整体项目的模块化，而 Plugin 则是用来解决项目中除了资源模块打包以外的其他自动化工作，所以说 Plugin 的能力范围更广，用途自然也就更多。我在这里先介绍几个插件最常见的应用场景：实现自动在打包之前清除 dist 目录（上次的

2020-11-02 16:12:05 158

原创 Webpack （二）核心特性（2）-通过 Loader 实现特殊资源加载

Webpack 是用 Loader（加载器）来处理每个模块的，而内部默认的 Loader 只能处理 JS 模块，如果需要加载其他类型的模块就需要配置不同的 Loader。这也就引出了我们今天的主角：Loader。加载器的使用方式需要的是一个可以加载 CSS 模块的 Loader，最常用到的是 css-loader。我们需要通过 npm 先去安装这个 Loader，然后在配置文件中添加对应的配置，具体操作和配置如下所示：$ npm install css-loader --save-dev # or

2020-11-02 15:17:06 282

原创 Webpack (二)核心特性（1）

能够将散落的模块打包到一起；能够编译代码中的新特性；能够支持不同种类的前端资源模块。目前，前端领域有一些工具能够很好的满足以上这 3 个需求，其中最为主流的就是 Webpack、Parcel 和 Rollup，我们以 Webpack 为例：Webpack 作为一个模块打包工具，本身就可以解决模块化代码打包的问题，将零散的 JavaScript 代码打包到一个 JS 文件中。对于有环境兼容问题的代码，Webpack 可以在打包过程中通过 Loader 机制对其实现编译转换，然后再进行打包。对于.

2020-11-02 14:34:34 931 2

原创 Webpack (一)解决了什么问题

模块化的演进过程随着互联网的深入发展，前端技术标准发生了巨大的变化。早期的前端技术标准根本没有预料到前端行业会有今天这个规模，所以在设计上存在很多缺陷，导致我们现在去实现前端模块化时会遇到诸多问题。虽然说，如今绝大部分问题都已经被一些标准或者工具解决了，但在这个演进过程中依然有很多东西值得我们思考和学习，所以接下来我想先介绍一下前端方向落实模块化的几个代表阶段。Stage 1 - 文件划分方式最早我们会基于文件划分的方式实现模块化，也就是 Web 最原始的模块系统。具体做法是将每个功能及其相关状态数据

2020-11-02 13:51:02 429

原创 Webpack -前言

经过最近几年的爆炸式发展，前端已经绝不再是简简单单的页面开发了，从早期只是配合后端“切图”，到现在已经能够独立驱动整个业务，这背后就需要引入更多的思想、框架和工具。比如：现阶段的大型应用就要求前端必须要有独立的项目，独立的项目想要有足够的效率就必须进行工程化。具有复杂数据状态的应用开发过程就必须要有合适的框架，采用数据驱动开发的方式增强可维护性。复杂项目结构必须进行模块化管理，一来提高部分公共内容的可复用性，二来增强团队并行协作能力。重复规律性的工作必须采用自动化工具实现，一来提高效率，二来避免人为

2020-11-02 13:18:00 119 1

W_ill的博客