JDDDDDDyaya-CSDN博客

JDDDDDDyaya

码龄7年

54,103

总访问量
31

原创
18

粉丝
28

关注

IP 属地：广东省

加入CSDN时间： 2018-07-25

查看详细资料

个人成就

获得42次点赞
内容获得10次评论
获得63次收藏
博客总排名2,387,663名

TA的专栏

vue3
3篇
js
9篇
算法
3篇
git
react
1篇
promise
1篇
webpack
3篇
vue
8篇
http
1篇
jsonp
es6
2篇

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 0

TA参与的活动 0

兴趣领域设置

前端

javascriptcssvue.jsreact.jses6webpackxhtml前端框架
后端

node.js
移动开发

flutter
网络与通信

https
微软技术

typescript
学习和成长

面试

创作活动更多

王者杯·14天创作挑战营·第2期

这是一个以写作博客为目的的创作活动，旨在鼓励码龄大于4年的博主们挖掘自己的创作潜能，展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴，那么，快来参加吧！我们一起发掘写作的魅力，书写出属于我们的故事。注： 1、参赛者可以进入活动群进行交流、分享创作心得，互相鼓励与支持（开卷），答疑及活动群请见https://bbs.csdn.net/topics/619735097 2、文章质量分查询：https://www.csdn.net/qc 我们诚挚邀请你们参加为期14天的创作挑战赛！

62人参与去参加

更多

Vue3 使用自定义 hooks获取dom元素的问题

在自定义hooks的onMounted事件里面获取ref元素，组件调用hooks的时候必须要传递响应式对象。分享下楼主自己的观点，代码如下<script>// demo.vueimport { defineComponent, ref } from 'vue'import useBars from './useBars'export default defineComponent({ props: { Bars: Array, },

发布博客 2021.09.12 ·

Vue tsx 使用自定义v-model修饰符

import { defineComponent, ref, PropType } from 'vue'/** * tsx v-model * v-model 默认绑定的变量名为 modelValue, 你也可以自己命名 * v-model = v-model:modelValue * */const MyInput = defineComponent({ props: { // https://www.vue3js.cn/docs/zh/guide/component-c

发布博客 2021.07.01 ·

Vue 动态引入图片的两种方式

/**Vue 动态引入图片的两种方式把图片放在public下面，放在 public下面的图片不会被webpack处理，而是直接拷贝，在代码通过 /image/${variable}.png 引入的图片，处理之后就会把variable换成对应的字符串，比如这里就换成了 image/apple.png, public下面存在这个图片，所以能够正常引入(Vue 项目的根路径就是 public，所以能够通过 / 引入图片)通过 require(‘…/…/images/apple.png’)的方

发布博客 2021.05.26 ·

Vue3 修改 ref的值，不触发watchEffect的原因

const myRef = ref(name: ‘jinD’)修改 myRef.value.xxx时，不触发watchEffect的原因在于，触发trigger传入的对象是否相同，在 watchEffect 里面访问 myRef.value 时，此时 track的target 是refCompImpl实例，也就是ref但是修改值时，是通过 myRef.value.xxx = newValue, 不是给 myRef.value = {}设置新值，触发的trigger是在 proxy 的 getter里面(

发布博客 2021.04.25 ·

vue3 watchEffect onInvalidate 解析

/** * 第一遍调用 getter，cleanUp 没有值，不会执行，然后调用watchEffect(source) 的source，source里面为cleanUp 赋值，然后输出 watchEffect * * 第二遍调用 getter，cleanUp 有值，cleanUp 的值就是onInvalidate传入的回调，先执行cleanUp, 并且cleanUp 通过闭包，保存了 watchEffect 上一次的作用域信息，可以用来清除上一次的一些信息(当watchE

发布博客 2021.04.22 ·

e.target 与 e.currentTarget

e.currentTarget === thise.target === 你点击的元素，你点击的是谁，e.target 就是谁<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

发布博客 2020.11.07 ·

js e.offsetX 和 e.offsetY

本人自己在写代码的过程中，一直对e.offsetX 与 e.offsetY 分不清，今天好好探究一下e.offsetX 与 e.offsetYe.offsetX 与 e.offsetY 下相对与事件源的距离，也就是e.target，大家看下面例子,给出几张截图。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name

发布博客 2020.11.07 ·

记录一次webpack 打包优化

记录自己的一次webpack打包优化。项目使用的是vue.cli2.0这是线上的代码，看了看首页所需要加载的资源所耗时400多ms，发现了几个问题1.打包出来的vendors.js ，把第三方库全代码全部打包进去了，导致vendor.js 过大。2.首页加载，没有使用路由懒加载，把其他路由的文件也加载出来了，完全没必要。针对这几个问题，来采取相应的措施。1.使用路由懒加载，加载首页时，只加载需要的组件。路由文件中，对首页需要加载的组件做懒加载。利用 **import(）**语法。 {

发布博客 2020.10.30 ·

利用快慢指针求链表中间元素(数组也可以)

// 链表的中间节点 --> 利用快慢指针，快指针每次走两步，慢指针每次走一步，快指针走到尾，慢指针刚好走到一半// Ps: list 就是一个链表，链表我就不写了~function fn(list) { let fast = list let low = list while (fast && fast.next) { // debugger fast = fast.next.next // 快指针每次走2步 low = low.ne

发布博客 2020.06.25 ·

vue 父组件异步请求数据，子组件生命周期先于父组件生命周期执行

当父组件生命周期里面有异步请求的时候，如果父组件不带v-if渲染子组件的话， vue 子组件的生命周期可能在父组件之前执行，导致一系列的问题

发布博客 2020.06.19 ·

js -- 栈

栈遵循 LIFO原则(后进先出)下面给出本人用js模拟的栈，有两种方式，如果有错误，欢迎大家指出~1.基于数组模拟的栈2.基于对象模拟的栈 // 基于数组模拟的栈 class Stack { constructor() { this.items = [] } push() { let args = Array.from(arguments)

发布博客 2020.06.16 ·

第一个只出现一次的字符

PS: 大家有更好的方法话，欢迎大家交流。var firstUniqChar = function(str) { if (!str.length) return ' ' let isFind = false for (let i = 0; i < str.length; i++) { let j = 0 for (j; j < str.length; j++) { i

发布博客 2020.06.07 ·

vue $attrs 实现某些功能的动态扩展

@大家可以先看看vue $attrs的介绍vue $attrs先说说我在项目中遇到的问题吧，我这里是有个右键菜单，右键菜单是可以动态扩展的，比如以后需要一个更新的功能，就需要添加一个更新的功能，额外的功能都是根据项目需求来的，不可能一次性就把所有的右键功能全部写出来首先说下这个组件自己逻辑的实现，右键菜单通过v-for循环出来，通过v-for循环出来第一个需要注意的地方就是，每个右键菜单的功...

发布博客 2020.03.26 ·

深入了解js instanceof

关于 instanceof 的用法，我的一篇文章讲解到了，欢迎大家去看看instanceof下面贴出我手下的instanceoffunction _instanceof(ex, Fn) { while (ex.__proto__) { if (ex.__proto__ === Fn.prototype) { return true; }; ex = ex.__proto__...

发布博客 2019.12.09 ·

js instanceof

instanceof会判断2点1. 这个实例是不是该构造函数的实例。2. 这个实例的原型链上是否存在这个构造函数的原型例子1：实例是构造函数的实例 function Son() {}; let son = new Son(); console.log(son instanceof Son); // true son 是 Son构造函数的实例例子2：实例的原型链上是否存在这个构...

发布博客 2019.12.09 ·

react生命周期 componentWillReceiveProps

componentWillReceiveProps 在react17中将会被废除的，大家可以去看它在react 17 中的使用方法static getDerivedStateFromProps()componentWillReceiveProps :1. 首先，必须要从父组件接受参数2. 必须要父组件的 re-render被执行注意: 只要父组件的re-render被执行了，子组件的这个...

发布博客 2019.12.09 ·

vue v-model 的原理。

双向数据绑定的原理就是, 让这个表格的value值等于这个变量，然后给表格绑定 oninput事件，表格内容发生变化，直接让这个变量值等于表格新的值。<div id="app"> <input type="text" v-model="count">  ...

发布博客 2019.12.09 ·

vue methods，与 computed的区别。

methods 与 computed最大的区别就是，methods的方法只要被用到了，在re-render的过程中，都会被重新执行，但是computed在re-render的过程中，只有它依赖的值发生了变化，才会被重新执行。避免了重复执行。例子:<div id="app"> <!-- 一定是...

发布博客 2019.12.09 ·

js 手写 bind() 函数

网上有很多讲bind() 函数，自己也在 <你不知道的js> 上卷里面看到了这个方法，根据书上讲的，加上自己理解的，写出一个 bind() 函数供大家参考下ps: 如有不对的地方，欢迎大家指正！首先，bind() 函数是一个函数函数调用bind（这里简称fn）之后，返回给你一个新的函数，在bind() 里面不是直接执行你传入的这个 fn，而是在bind() 返回给你的函数里面执...

发布博客 2019.09.28 ·

js 单线程

js的单线程原因:.js 是运行在宿主环境中的，多半是浏览器。浏览器是多线程的，但是浏览器只开辟了一条线程来处理js，也就是通常说的js引擎，只开启一条线程的原因就是，js是能够改变DOM结构的，如果开启了多条线程，一个线程上让一个div变宽，但是另一个线程上面要让这个div变高，肯定不能同时变宽变高。单线程又导致了另外一个问题，那就是当遇到 setTImeout等需要等待的任务应该怎...

发布博客 2019.09.20 ·