- 博客(12)
- 资源 (3)
- 收藏
- 关注
原创 vue的插槽slot的使用与理解
插槽的理解插槽就是子组件中的提供给父组件使用的一个占位符,用<slot></slot>表示,父组件可以在这个占位符中填充任何模板代码,如HTML、组件等,填充的内容会替换子组件的<slot></slot>标签。vue的slot主要分三种,默认插槽,具名插槽,作用域插槽;默认插槽// 它允许你像这样合成组件// 父组件<navigation-link url="/profile"> your profile</na
2021-11-19 15:50:16 805
原创 vue中Watch 和 Computed 的区别是什么?
Watch 和 Computed 的区别监听属性watch:1.不支持缓存,数据变,直接会触发相应的操作;2.watch支持异步;3.监听的函数接收两个参数,第一个参数是最新的值,第二个参数是输入之前的值;4.当一个属性发生变化时,需要执行对应的操作;一对多;5.监听数据必须是data中声明过或者父组件传递过来的props中的数据,当数据变化时,触发其他操作,函数有两个参数;6.详解watch中immediate、handler和deep属性 - handle:watch中需要具体执行的方法
2021-11-19 11:44:54 159 1
原创 vue3.0 深度选择器>>> 和 /deep/ 和 ::v-deep 被弃用
//警告例子<style lang="scss" scoped>/deep/ .main{ height: 520px;}>>> .main{ height: 520px;}::v-deep .main { height: 520px;}</style> //正确例子<style lang="scss" scoped>:deep(.main){ height: 520px;}</style>>
2021-07-07 17:10:22 2519 2
原创 vue项目及vite中引入预处理全局scss文件
vite中引入预处理全局scss文件vue项目及vite中引入预处理全局scss文件vue项目中引入vite2中引入vue项目中引入const path = require('path');module.exports = { pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [path.resolve(__dirname, 'src/assets/glo
2021-06-28 11:16:25 4343
原创 js中的防抖和节流
js中的防抖和节流基本概念主要使用场景基本代码基本概念防抖:将多次执行变为最后一次执行。节流:将多次执行变为每隔一段时间执行。都是防止某一时间内频繁触发主要使用场景防抖:input节流:scroll基本代码防抖代码:function debounce(fn, t){ let delay = t || 500; //创建一个标记用来存放定时器的返回值 let time = null; return function(){ // 每当用户输入的时候把前一个 setT
2021-03-30 17:58:26 96
原创 electron-vue+electron-updater实现自动更新
electron-vue+electron-updater实现自动更新创建一个electron+vue项目依赖electron-updater创建vue.config.js配置自动更新文件创建一个electron+vue项目https://blog.csdn.net/wudunkai/article/details/115130189?spm=1001.2014.3001.5501依赖electron-updaternpm install electron-updater --save创建vue
2021-03-24 11:03:08 543
原创 构建跨平台的桌面应用程序electron+vue
构建跨平台的桌面应用程序electron+vue创建项目创建项目安装 vue-cli 和 脚手架样板代码npm install -g @vue/cli# ORyarn global add @vue/cli创建项目vue create demo安装electronvue add electron-builder接下来出现配置选项:? Choose Electron Version (Use arrow keys) ^9.0.0 ^10.0.0> ^11
2021-03-23 17:23:58 170
原创 vuex--使用vuex-persistedstate持久化保存数据及配置哪些state需要持久化存储
vuex默认情况下数据存储在内存,刷新浏览器后数据变成初始状态vuex-persistedstate可以让vuex中的数据持久保存在sessionstorage或localstorage中,刷新后不会变成初始状态引入依赖 npm i -S vuex-persistedstate使用import Vue from 'vue'import Vuex from 'vuex'import persistedState from 'vuex-persistedstate'export def.
2020-08-21 11:27:08 2428 2
原创 浏览器事件循环-任务队列及宏任务与微任务概念介绍
JavaScript为什么是单线程的?浏览器js的作用是操作DOM,决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?任务队列单线程就意味着所有任务需要排队,如果因为任务cpu计算量大还好,但是I/O操作cpu是闲着的。所以js就设计成了一门异步的语言,不会做无畏的等待。任务可以分成两种,一种是同步任务,另一种是异步任务。(1)所以同步任务都在主线程上执行,形成
2020-05-13 11:27:20 718
原创 阐述MVVM响应式数据原理代码
vue是采用数据劫持配合发布者-订阅者模式的方式,通过Object.definerProperty()来劫持各个属性的setter和getter,在数据变动时,发布消息给依赖收集器,去通知观察者,做出对应的回调函数,去更新视图。代码实现如下:html代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=
2020-05-12 10:33:25 168
原创 MVVM响应式原理
几种实现双向绑定的做法数据=>视图视图=>数据目前几种主流的mvc(vm)框架都实现了单向数据绑定,而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素(input、textare等)添加了change(input)事件,来动态修改model和view,并没有多高深。所以无需太过介怀是实现的单向或双向绑定。实现数据绑定的做法有大致如下几种:发布者-订阅者模式(ba...
2020-05-08 15:44:35 515
原创 nodejs事件循环阶段概括
nodejs事件循环当Node.js启动时会初始化event loop,每一个event loop都会包含六个循环阶段,nodejs时间循环和浏览器的事件完全不一样。// An highlighted blockvar foo = 'bar';timers李四王五张三你好!李四, 最近怎么样?你最近怎么样,王五?我很好,谢谢!我很好,谢谢!李四想了很长时间,文字太长了不适合放在一行.打量...
2020-03-31 16:57:06 496
nsis+winCodeSign+nsis-resources-3.4.1.zip
2020-04-01
SCSS64bit.zip
2020-04-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人