- 博客(13)
- 收藏
- 关注
RSS订阅原创 深入浅出webpack之plugin
直接为项目生成一个或多个HTML文件（HTML文件个数由插件实例的个数决定），并将webpack打包后输出的所有脚本文件自动添加到插件生成的HTML文件中。通过配置，可以将根目录下用户自定义的HTML文件作为插件生成HTML文件的模板。另外，还可以通过向插件传递参数，控制HTML文件的输出。CleanWebpackPlugin用于每次重新打包时删除之前生成的打包文件。CleanWebpackPlugin用于每次重新打包时删除之前生成的打包文件。
2023-06-17 09:46:07
81
原创 深入浅出webpack之加载和处理其他资源
在导出一个data URI和发送一个单独的文件之间自动选择,之前通过url-loader,并且配置资源体积限制实现。发送一个单独的文件并导出url,之前用file-loader来实现。导出一个资源的data URI,之前使用url-loader来实现。导出资源的源代码,之前通过row-loader来实现(不常用)
2023-05-30 07:51:40
128
原创 深入浅出webpack之webpack配置和css处理
出口属性告诉webpack在哪里输出它所创建的bundle,以及如何命名这些文件.主要输出文件的默认值是。，其他生成文件默认放置在。
2023-05-24 21:20:52
465
原创 深入浅出webpack之初体验
现代的modern:我们前端说过,正是因为现代前端面临各种各样的问题,才催生了webpack的出现和发展。模块化module:webpack默认支持各种模块化开发,ESModule CommonJS AMD等。静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到服务器)打包bundler:webpack可以帮助我们打包,所以他是一个打包工具。
2023-05-21 19:35:04
81
1
原创 深入浅出JavaScript之this指向
this到底指向谁关于this指向的问题,有一种广泛流行的说法就是: 谁吊用它,this就指向谁。也就是说，this 的指向是在调用时确定的。这么说没有太大的问题，可是并不全面。事实上，调用函数时会创建属于函数自身的执行上下文。执行上下文的调用创建阶段会确定this的指向，因此我们得出一个结论: this的指向是根据调用函数时的执行上下文所动态确定的一:全局环境下的thisfunction fn1(){ console.log(this)}function fn2(){ 'use stric
2021-07-06 14:17:51
108
原创 深入浅出JavaScript之数据类型判断方法
一 : JS数据类型介绍js中数据类型分为两种,即基本数据类型和引用数据类型js中基本数据类型包括,String、Number、Undefined、Null、Boolean、Symbol(es6新增).js的引用数据类型也就是Object类型,Array、Function、Object二 : 判断数据类型let isBoolean = true;let isNumber = 1;let isString = 'aaa';let isUndefined = undefined;let
2021-06-16 14:57:29
82
原创 electron+vue开发桌面应用
electronElectron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用node.js的一些模块。开始搭建开始搭建前要保证计算机具备node.js环境和vuecli脚手架工具一 : 创建vue项目$ vue create electron_demo二 : 全局安装electron
2021-05-31 11:18:18
446
原创 深入浅出JavaScript之Array方法
创建数组var arr = ["a","b","c"]console.log(arr) //["a","b","c"]通过索引访问数组元素console.log(arr[0]) // aforEach遍历数组arr.forEach((item,index) => { console.log(item,index)})// a 0// b 1push添加元素到数组的末尾var str = "c"arr.push(str)console.log(arr) // ["a
2021-04-27 15:52:17
115
原创 FormData常用方法和在vue中的使用教程
一 : 简介FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过前端Ajax 方法发送出去，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 “multipart/form-data”，它会使用和表单一样的格式。FormData的主要用途有两个：1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。2、异步上传文件二 : 如何使用(1) 通过FormData()构造函数来
2020-12-17 10:24:13
15747
1
原创 Taro的安装使用及创建项目
一 : CLI 工具安装# 使用 npm 安装 CLI$ npm install -g @tarojs/cli# OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli# OR 安装了 cnpm，使用 cnpm 安装 CLI$ cnpm install -g @tarojs/cli二 : 项目初始化使用命令行创建项目$ taro init myApp选择项目所需的配置PS: 在创建完项目之后,Taro 会默认开始安装项目所需要的依赖,某些情况
2020-12-03 15:45:22
944
1
原创 VUE3.0之v-for 中的 Ref 数组
v-for 中的 Ref 数组在 Vue 2 中，在 v-for 里使用的 ref attribute 会用 ref 数组填充相应的 $refs property。当存在嵌套的 v-for 时，这种行为会变得不明确且效率低下。在 Vue 3 中，这样的用法将不再在 $ref 中自动创建数组。要从单个绑定获取多个 ref，请将 ref 绑定到一个更灵活的函数上 (这是一个新特性)：一 : 在vue 2中的获取方式<p v-for="(item,index) in 5" :key="index"
2020-12-02 11:40:54
16615
8
原创 JavaScript之递归的简单使用
什么是递归何为递归？程序反复调用自身即是递归。递归是一个反复调用自身的过程，这就说明它每一级的功能都是一样的，因此我们只需要关注一级递归的解决过程即可。递归三要素明确递归终止条件。给出递归终止时的处理办法。提取重复的逻辑，缩小问题规模。简单使用一: 后台返回数据嵌套数据类型转换为数组// 递归拿到部门数组 function:recursion(data){ for (const i in data) { this.deptArr.push(data[
2020-12-01 14:14:33
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人