- 博客(26)
- 收藏
- 关注
RSS订阅原创 webpack4.0配置
/ 值为all/initial/async/function(chunk),值为function时第一个参数为遍历所有入口chunk时的chunk模块，//实现html打包功能，引用好路径的到html来。//分离js中的css。// chunks: “async”,//三个个可选值：initial(初始块)、async(按需加载块)、all(全部块)，默认为all;// assetNameRegExp: /.main.css$/g,//一个正则表达式，指示应优化\最小化的文件的名称。
2023-03-29 22:07:42
219
原创 解决globalThis is not defined的问题
在前端引入一些开源组件库时，在低版本浏览器中可能会出现globalThis is not defined的问题,在html头部增加如下代码即可解决
2022-07-01 16:53:02
12640
6
原创 el-table 实现自定义表头 el-select
本文讲述使用ElementUi的表格时，表头实现下拉框的功能：实现的效果图如下所示：表格的定义<el-table :data="tableLogData" style="width: 100%" header-cell-class-name="header-cell-color" v-loading="listLoading"> <el-table-column prop="level" min-width="100" :render-header="renderLa
2021-11-10 15:31:33
1464
原创 获取指定月份的周一和周三
function getMondays(e) {//var month = (e).val().slice(0,(e).val().slice(0,(e).val().slice(0,(e).val().length-1);var year = $(e).val().slice(0,4);var month = (e).val().slice(5,(e).val().slice(5,(e).val().slice(5,(e).val().length-1);var rcount = 0;va
2021-11-08 17:10:34
195
原创 动态合并单元格
//动态合并单元格function uniteTable(tableId,colLength) {//表格ID，表格列数 var tb=document.getElementById(tableId); tb.style.display=''; var i = 0; var j = 0; var rowCount = tb.rows.length; // 行数 var colCount = tb.rows[0
2021-10-30 15:26:43
311
转载 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境转载自: https://juejin.cn/post/6951649464637636622/.
2021-10-20 14:56:40
109
转载 我在项目用到这十多种轮子助我提升开发效率，收藏
转载自https://juejin.cn/post/7012012633180078117#heading-2
2021-09-26 10:06:58
72
原创 js中的eventloop 事件循环
JavaScript语言的特点：JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着，于是引入异步任务的概念。同步任务和异步任务：所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不立即进入主线程
2021-05-19 15:13:42
55
原创 js中的冒泡和捕获
首先我们要知道：一个完整的js事件流是从window开始，最后回到window的过程，如下图所示：1-5是捕获过程，5-6是目标阶段，6-10是冒泡阶段；事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签。冒泡事件事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。通俗来讲就是，就是当设定了多个div的嵌套时；即建立了父子关系，当父div与子div共同加入
2021-05-19 14:35:00
217
原创 vue封装路由导航组件
效果如图直接附上代码<template> <div v-if="showTags" class="tags"> <ul> <li v-for="(item,index) in tagsList" :key="index" class="tags-li" :class="{'active': isActive(item.path)}"> <router-link :to="item.path" class="t
2021-03-25 19:59:52
160
原创 Vue组件强制刷新（重新渲染）的四种方案对比
这里写目录标题一、刷新整个页面二、使用v-if标记三、forceUpdate四、key-changingVue的双向绑定属于自动档；在特定的情况下，需要手动触发“刷新”操作，目前有四种方案可以选择：1.刷新整个页面（最low的，可以借助route机制）2.使用v-if标记（比较low的）3.使用内置的forceUpdate方法（较好的）4.使用key-changing优化组件（最好的）一、刷新整个页面router.go(0)二、使用v-if标记如果是刷新某个子组件，则可以通过v-if
2021-02-24 14:52:51
795
原创 组件中的data为什么是一个函数而不是一个对象
因为对象是一个引用数据类型，如果data是一个对象的情况下会造成所有组件共用一个data。而当data是一个函数的情况下，每次函数执行完毕后都会返回一个新的对象，这样的话每个组件都会维护一份独立的对象（data...
2021-01-27 09:55:55
146
原创 vue组件间的八种通信方式
vue组件间的八种通信方式一 props/$emits父组件通过props的方式向子组件传递数据，而通过$emit 子组件可以向父组件通信。下面通过一个例子更好的去理解。1.父组件向子组件传值// section父组件<template> <div class="section"> <com-article :articles="articleList"></com-article> </div></templa
2021-01-26 16:39:47
83
原创 vue8个常用的自定义指令
vue8个常用的自定义指令传送门：https://juejin.cn/post/6906028995133833230
2020-12-15 17:11:12
180
原创 理解javascript中的this，看这篇就够了
首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。为什么要学习this？如果你学过面向对象编程，那你肯定知道干什么用的，如果你没有学过，那么暂时可以不用看这篇文章，当然如果你
2020-07-31 09:46:46
183
原创 哀悼日设置网站主题为黑白主题
1、设置指定时间变灰//获取当前时间let nowDate = new Date().getTime()//设置结束时间let endDate = new Date('2020/04/05 00:00:00').getTime()//判断是否小于结束时间if(nowDate < endDate){document.body.cssText = "filter:grayscale(100%)" //浏览器兼容加上前缀就好了}//ie滤镜'filter':'prog
2020-07-30 16:39:06
400
原创 那些年容易搞混的数组方法
// 数组遍历 indexOf lastIndexOf var arr = [1,3,5,7,7,5,3,1]; console.log(arr.indexOf(5)); //2 console.log(arr.lastIndexOf(5)); //5 console.log(arr.indexOf(5,2)); //2 console.log(arr.lastIndexOf(5,4)); //2 console.log(arr.indexOf("5")); .
2020-07-30 16:25:18
76
原创 身份证校验规则
/* * 身份证15位编码规则：dddddd yymmdd xx p * dddddd：6位地区编码 * yymmdd: 出生年(两位年)月日，如：910215 * xx: 顺序编码，系统产生，无法确定 * p: 性别，奇数为男，偶数为女 * * 身份证18位编码规则：dddddd yyyymmdd xxx y * dddddd：6位地区编码 * yyyymmdd: 出生年(四位年)月日，如：19910
2020-07-30 10:35:25
1713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人