wudunkai
码龄6年
关注
提问 私信
  • 博客：13,377
    动态：4
    13,381
    总访问量
  • 12
    原创
  • 603,200
    排名
  • 1
    粉丝
  • 0
    铁粉

个人简介：一个热爱前端的学习者

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：浙江省
  • 加入CSDN时间： 2019-05-09
博客简介：

wudunkai的博客

查看详细资料
个人成就
  • 获得12次点赞
  • 内容获得5次评论
  • 获得9次收藏
创作历程
  • 7篇
    2021年
  • 5篇
    2020年
成就勋章
TA的专栏
  • vue
    7篇
  • 其他
    3篇
  • electron
    2篇
兴趣领域 设置
  • 前端
    javascriptcssvue.jsreact.jses6webpackxhtml前端框架
  • 后端
    node.js
  • 移动开发
    flutter
  • 网络与通信
    https
  • 微软技术
    typescript
  • 学习和成长
    面试
创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴，一年仅有一次！MAC mini、大疆无人机、华为手表等精美奖品等你来拿！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue的插槽slot的使用与理解

插槽的理解插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot>表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。vue的slot主要分三种，默认插槽，具名插槽，作用域插槽；默认插槽// 它允许你像这样合成组件// 父组件<navigation-link url="/profile"> your profile</na
原创
发布博客 2021.11.19 ·
838 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

vue中Watch 和 Computed 的区别是什么？

Watch 和 Computed 的区别监听属性watch:1.不支持缓存，数据变，直接会触发相应的操作；2.watch支持异步；3.监听的函数接收两个参数，第一个参数是最新的值，第二个参数是输入之前的值；4.当一个属性发生变化时，需要执行对应的操作；一对多；5.监听数据必须是data中声明过或者父组件传递过来的props中的数据，当数据变化时，触发其他操作，函数有两个参数；6.详解watch中immediate、handler和deep属性 - handle:watch中需要具体执行的方法
原创
发布博客 2021.11.19 ·
171 阅读 ·
1 点赞 ·
1 评论 ·
0 收藏

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 ·
2581 阅读 ·
4 点赞 ·
2 评论 ·
3 收藏

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 ·
4396 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

js中的防抖和节流

js中的防抖和节流基本概念主要使用场景基本代码基本概念防抖：将多次执行变为最后一次执行。节流：将多次执行变为每隔一段时间执行。都是防止某一时间内频繁触发主要使用场景防抖：input节流：scroll基本代码防抖代码：function debounce(fn, t){ let delay = t || 500; //创建一个标记用来存放定时器的返回值 let time = null; return function(){ // 每当用户输入的时候把前一个 setT
原创
发布博客 2021.03.30 ·
108 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

capture-for-QQ-master.zip

发布资源 2021.03.30 ·
zip

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 ·
589 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

构建跨平台的桌面应用程序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 ·
187 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

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 ·
2491 阅读 ·
1 点赞 ·
2 评论 ·
3 收藏

浏览器事件循环-任务队列及宏任务与微任务概念介绍

JavaScript为什么是单线程的？浏览器js的作用是操作DOM，决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？任务队列单线程就意味着所有任务需要排队，如果因为任务cpu计算量大还好，但是I/O操作cpu是闲着的。所以js就设计成了一门异步的语言，不会做无畏的等待。任务可以分成两种，一种是同步任务，另一种是异步任务。（1）所以同步任务都在主线程上执行，形成
原创
发布博客 2020.05.13 ·
756 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

阐述MVVM响应式数据原理代码

vue是采用数据劫持配合发布者-订阅者模式的方式，通过Object.definerProperty()来劫持各个属性的setter和getter，在数据变动时，发布消息给依赖收集器，去通知观察者，做出对应的回调函数，去更新视图。代码实现如下：html代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=
原创
发布博客 2020.05.12 ·
184 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

MVVM响应式原理

几种实现双向绑定的做法数据=>视图视图=>数据目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change（input）事件，来动态修改model和view，并没有多高深。所以无需太过介怀是实现的单向或双向绑定。实现数据绑定的做法有大致如下几种：发布者-订阅者模式（ba...
原创
发布博客 2020.05.08 ·
546 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

nsis+winCodeSign+nsis-resources-3.4.1.zip

发布资源 2020.04.01 ·
zip

SCSS64bit.zip

发布资源 2020.04.01 ·
zip

nodejs事件循环阶段概括

nodejs事件循环当Node.js启动时会初始化event loop，每一个event loop都会包含六个循环阶段，nodejs时间循环和浏览器的事件完全不一样。// An highlighted blockvar foo = 'bar';timers李四王五张三你好！李四, 最近怎么样?你最近怎么样，王五？我很好，谢谢!我很好，谢谢!李四想了很长时间,文字太长了不适合放在一行.打量...
原创
发布博客 2020.03.31 ·
518 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏
加载更多