- 博客(20)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3+ts eslint报错版本不符合的问题
还有一个类似的解决方案，就是在里安装插件的命令后面加上。：npm 配置集旧版-对等-对等值设置为 true。然后 npm i 即可。
2022-11-15 11:26:10
624
1
原创 el-table 行固定
于是我看了el-table的结构，于是想用css 来实现；就是这个属性，完美解决。element-ui中表格只有固定表头以及列的方法，文档上也没有写怎么固定行。上午产品经理来了个需求说要在表格地底部展示统计行，这行数据要固定。...
2022-08-28 01:01:19
2261
原创 【无标题】 一个鼠标右键插槽的菜单
一个鼠标右键插槽的菜单组件代码<template> <transition :name="transitionName"> <div class="gi-content-menu" ref="contentMenu" :style="[contentMenuStyle]" v-show="getShow" v-clickoutside="handleClose" > <s
2021-11-24 09:51:04
128
原创 css样式内容总结
css文字两端文字对齐text-align:justify;word-break:break-all;text-justify:inter-ideograph
2021-11-17 17:23:57
116
原创 vue非父子组件间通信
非父子组件间通信主要有两种一种是Provide和Inject，另一种是Mitt全局事件总线Provide和Inject用于和子孙组件间通信无论层级结构有多深，父组件都可以作为其所有子组件的依赖提供者父组件有一个provide 选项来提供数据；子组件有一个inject 选项，来开始使用这些数据；下面上代码：在父组件中定义provide定义数据<template> <div> <home></home> </div>&l
2021-08-31 19:02:51
189
原创 vue基础之组件化及父子间通信
基本组件拆分和嵌套为了不是项目看起来复杂难懂。所以我们采用组件化开发。所有的组件单独放。在需要使用的地方嵌套即可。app.vue<template> <Header></Header> <Main></Main> <Footer></Footer></template><script>import Header from '@/01_组件的拆分和嵌套/Header'impo
2021-08-18 09:30:45
74
原创 keep-alive
包裹动态组件<keep-alive> 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性在使用<keep-alive>的时候会多出两个生命周期的钩子: activated 与 deactivated缓存所有页面<te
2021-07-10 16:25:08
126
原创 vue中的$bus使用
$bus是什么？关于$bus 我们把它叫做事件总线，它Vuex很像，但是它不是用来管理状态的，是管理事件总线的。主要是解决无关系组件之间的交互问题。组件中使用可以通过this.bus.bus.bus.emit(‘aaa’)发送事件函数可以通过this.bus.bus.bus.on(‘aaa’)接受事件函数在一个组件中发送methods:{ foo(){ this.$bus.$emit('aaa') } }另一个组件接受created() { this.$bus.$on('aaa
2021-07-05 16:23:34
6763
原创 分享两个立即执行表达式和闭包的用法
通常的立即执行表达式有两种(function(){/* code */}());//括号内的表达式代表函数立即调用表达式(function(){/* code */})(); //括号内的表达式表示函数表达式这两种模式都可以被用来立即调用一个函数表达式，利用函数的执行来创造私有变量我们来看一个闭包的应用<a href="#">点击我弹出1</a><a href="#">点击我弹出2</a><a href="#">点击我弹出3<
2021-06-24 11:41:13
84
原创 最全面小程序的基本使用
小程序注册App时做什么呢？判断小程序的进入场景监听生命周期函数，在生命周期中执行对应的业务逻辑，比如在某个生命周期函数中获取微信用户的信息。因为App()实例是全局共享的（单例对象），所以我们可以将一些共享数据放在这里。注册page页面时，我们一般需要做什么呢？在生命周期中发送网络请求，从服务器获取数据；初始化一些数据，以方便被wxml引用展示监听wxml中的一些事件，绑定对应的事件函数其他一些监听，（比如页面滚动，上拉刷新，下拉加载更多等）...
2021-06-15 13:57:27
1656
7
原创 防抖和节流
防抖和节流1 什么是防抖？防抖是指在某个时间段内，没有再次触发某个函数，才执行该函数。当函数触发时，相应函数不会立即触发执行，而是会等待一段时间；当事件被密集触发，函数的触发会被频繁的延迟只有等待了一段时间也木有事件触发，才会真正的执行响应函数防抖案例：监听input的输入，通过打印模拟网络请求<body> <input class="search" type="text"> <script> // 1.获取输入框 var sear
2021-05-18 12:01:13
84
原创 一些面试题
实现一个版本号对比函数，传入三个参数，分别为第一个版本号、关系、第二个版本号，返回一个布尔值，来判定输入的关系是否正确function compareVersion (verA, operator, verB) { // 补充逻辑}compareVersion( '4.0.1.0' , '=', '0.4.1.0' ) // falsecompareVersion( '4.0.1.0' ,'>', '4') // true(0417修正)compareVersion( '4.0
2021-05-17 10:36:15
110
原创 vue项目打包上线的总结
总结vue中发布相关的部署路径1.new Router({base: ‘/npmvue/dist/,routes})浏览器url访问路径前缀，所有的url都会有，比如route里边的path:’/home’, 那最后访问的路径就是：localhost:8080/mpvue/dist/home2. vue.config.js 里边的 publicPath: ‘/mpvue/dist/’是index.html中静态资源的路径，css,js的路径。3. 所有接口的前缀地址const servi
2021-05-17 10:21:57
58
原创 ES系列
ES51，类（class）class Man { constructor(name) { this.name = '小豪'; } console() { console.log(this.name); }}const man = new Man('小豪');man.console(); // 小豪2，模块化（ES Module）// 模块 A 导出一个方法export const sub = (a, b) => a + b;// 模块 B 导入使用
2021-04-22 10:28:56
138
原创 浏览器返回顶部
浏览器返回顶部export const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); }}...
2021-04-20 15:16:43
88
原创 insertAdjacentHTML
insertAdjacentHTMLinsertAdjacentHtmlelement.insertAdjacentHTML(position, text);insertAdjacentHtml之前添加元素都是用的innerHTML和textHTML最近才发现个更好用的方法insertAdjacentHTML和insertAdjacentTEXT方法insertAdjacentHTML() 方法将指定的文本解析为 Element 元素，并将结果节点插入到DOM树中的指定位置。它不会重新解析它正在使用
2021-02-03 16:34:35
1919
原创 Object.prototype.toString和call()
Object.prototype.toString.call(arg)详解经常能碰到Object.prototype.toString.call对参数类型进行判断，一开始只知道怎么使用，却不了解具体实现的原理，最近恶补了一下相关知识，写个笔记加强理解，有什么不对的请指教。首先看一下针对不同类型的参数得到的结果，加上浏览器都兼容，所以，这也成为经常用于参数类型判断的做法Object.prototype.toString.call([]) //"[object Array]"Object.protot
2020-12-12 15:58:12
1270
原创 关于文本溢出隐藏
关于文本溢出隐藏单行文本溢出隐藏省略号显示text{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}多行文本溢出隐藏省略号显示text { white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; /*设置对齐方式（纵向对齐）*/ -webkit-
2020-11-27 16:46:40
82
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人