- 博客(27)
- 收藏
- 关注
RSS订阅原创 yarn常用命令总结
缓存了每个下载过的包，所以再次使用时无需重复下载。参考：https://juejin.cn/post/6844904111083634695。官网地址：https://www.yarnpkg.cn/getting-started。在执行代码之前，yarn 会通过算法校验每个安装包的完整性。记录被确切安装上的模块的版本，防止拉取到不同版本的代码，产生的bug。使用详细、简洁的锁文件格式和明确的安装算法，yarn中文文档：yarn.bootcss.com/发布的一款取代npm的包管理工具。内置的软件包管理器。
2023-06-26 15:21:05
1109
1原创 vue中的内存泄漏
Vue如何释放内存（防止内存泄漏）1、在mounted/created 钩子中绑定了DOM/BOM 对象中的事件，需要在beforeDestroy 中做对应解绑处理2、在mounted/created 钩子中使用了第三方库初始化，需要在beforeDestroy 中做对应销毁处理eg: this.map.remove()3、组件中使用了定时器setTimeout，setInterval，需要在beforeDestroy 中做对应销毁处理this.timer && clearInte
2022-08-22 17:24:55
4036
原创 git-cz 规范化提交代码
参考：http://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.htmlhttps://github.com/commitizen/cz-cli配置git cz安装node.jscmd打开命令行：npm install -g commitizen进入项目仓库，使用 npm init --yes， 然后 初始化commitizen init cz-conventional-changelog --sa.
2022-03-01 16:54:38
1035
原创 js中常见的循环遍历
1. for循环，可以break结束循环。arr = [1,2,3,4,5,6]for (let i = 0; i < arr.length; i++) { console.log(arr[i]) //1,2,3,4,5,6}2. for...in循环，用于对象循环遍历，可获取对象的对应键值[注意]：for…in循环对象的所有枚举属性，需再使用hasOwnProperty()方法来忽略继承属性，即在循环内部判断一下，某个属性是否为对象自身的属性，避免出现遍历失真的情况。let o
2021-03-17 13:42:16
615
原创 JavaScrip类型转换及判断数据类型的方式
https://juejin.cn/post/6844903854882947080#heading-1ECMAScript标准规定了7种数据类型，其把这7种数据类型又分为两种：原始类型和对象类型。原始类型Null：只包含一个值：nullUndefined：只包含一个值：undefinedBoolean：包含两个值：true和falseNumber：整数或浮点数，还有一些特殊值（-Infinity、+Infinity、NaN）String：一串表示文本值的字符序列Symbol：一种实例是
2021-03-15 10:11:09
152
原创 vue路由守卫动态改变标题
导航 tab 标题 需要根据跳转不同的路由，动态渲染所匹配的标题。路由导航守卫是一种可以实现的方法。写法一：在路由配置上直接定义 beforeEnter 守卫，通过原生 js 获取到 id 的标签，来改变里面的内容。关于路由守卫 三个参数：to：表示即将要进入的目标 路由对象；from：表示当前导航正要离开的路由；next () ：调用该方法来 resolve 这个钩子。执行效果依赖 next方法的调用参数。import { createRouter, createWebHashHis.
2021-02-08 14:06:17
557
原创 node环境配置
add pagecreate interactive buttonpreview them in the browseradd widgetsbuild interactionspublish prototypescreate masters
2021-02-03 11:18:14
151
原创 map和set
//类似于对象，是键值对的集合// const map = new Map()// map.set(1, ‘one’);// map.get(1) // ‘one’//size: 返回Map对象中所包含的键值对个数// set(key, val) 向map中添加新元素// get(key) 通过键值查找特定的值// has(key) 判断map中是否存在key，有返回true， 没有返回false// delet(key) 通过键值从map中移除对应的数据// clear() 将map中所
2021-01-20 14:51:07
94
原创 vant 移动端适配Rem
使用lib-flexible 设置 rem 基准值（html标签字体大小）安装依赖：npm i amfe-flexiblemain.js 引入：import ‘amfe-flexible’postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem安装依赖： npm install postcss-pxtorem -D在项目根目录中创建 postcss.config.js文件，如下：//postcss配置文件。代码参照vant官网module.expo.
2021-01-19 15:05:22
388
原创 全选全不选的写法1
<div class="allJk"> <ul> <li v-for="(item, index) in jkList" :key="index" @click="jkClick(index)" :class="{jkActive: item.choosed}"> {{item.name}} </li> </ul></div><script>export default { data() {
2021-01-03 15:22:56
119
原创 vue动态改变el-table表格列
<template> <div class="conter"> <el-table :data="tableData" stripe border style="width: 98%" ref="tableDataRef"> <!-- <el-table-column type="selection" width="55" align="center"></el-table-column> --> &
2020-12-27 17:51:12
1599
原创 js同步、异步、延时、无阻塞加载
转载：https://www.cnblogs.com/elves/p/5866878.html一、同步加载平常默认用的都是同步加载。 如：<script src="http://yourdomain.com/script.js"></script>同步模式又称阻塞模式。会阻止浏览器的后续处理。停止后续的文件的解析，执行，如图像的渲染。流览器之所以会采用同步模式，是因为加载的js文件中有对dom的操作，重定向，输出document等默认行为，所以同步才是最安全的。通常会.
2020-12-26 21:48:11
607
原创 时间格式化封装
/** * @desc 格式化时间 */function formatDate(date, fmt) { if (typeof date == 'string') { return date; } if (!fmt) fmt = "yyyy-MM-dd hh:mm:ss"; if (!date || date == null) return null; var o = { 'M+': date.getMonth() + 1, // 月份 'd+': date
2020-11-17 11:35:02
186
原创 数组方法之map()
var maxCallback = ( acc, cur ) => Math.max( acc.x, cur.x );[ { x: 2 }, { x: 22 }, { x: 42 } ].reduce( maxCallback ); // NaN[ { x: 2 }, { x: 22 } ].reduce( maxCallback ); // 22// console.log([ { x: 2 }, { x: 22 } ].reduce( maxCallback )) //22// redu
2020-11-14 17:50:07
2340
原创 vue 路由传参
一、使用 router-link 路由导航父组件： <router-link to= "/跳转路径/传入的参数"></router-link>子组件： this.$route.params.num 接收父组件传入的参数举例：父： <router-link to="/a/123"></router-link>子： mounted(){ this.num = this.$route.params.num } 路由配置： { path:'/a/
2020-10-29 10:11:06
337
原创 css 超出部分用省略号显示
说明text-overflow：用于多行文本的情况下，用省略号“…”隐藏超出范围的文本 。display: -webkit-box：将对象作为弹性伸缩盒子模型显示，是必须结合的属性。-webkit-box-orient：设置或检索伸缩盒对象的子元素的排列方式，是必须结合的属性 ，一、文字显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、控制文字显示两行或三行，超出部分用省略号显示.
2020-10-26 17:18:52
164
原创 vue2 和 vue3 的区别
vue2 和 vue3 的区别：参考文章： https://blog.csdn.net/FungLeo/article/details/106317176
2020-10-15 15:38:02
206
原创 nodeType(节点类型) 属性值说明
nodeType(节点类型) 属性值说明文章参考：http://www.maomao365.com/?p=15323nodeType属性值是一个只读属性，返回一个数字，表示当前节点的类型。<ul id="container"> <li>列表</li> <li>列表</li></ul><script> window.onload = function(){ let obox = document.
2020-09-10 16:56:13
4171
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人