- 博客(16)
- 问答 (2)
- 收藏
- 关注
原创 js对嵌套数组进行filter过滤
由于返回的数据类型太复杂,这里只做一个小的样例{},{}]要求便是在data数组中进行筛选,筛选出对应的name,filter只能对第一层进行筛选,当时想到的是使用两层filter,但是没有用,最后经过多次实验,最后发现filter+find可以使用,看一下代码部分if (!!!(!})) &&(!})));});}};...
2022-08-29 21:18:10
2563
1
原创 git常用指令
14. 解决签出前请清理工作树。1. 跳过eslint检查。3. 获取远程已修建的分支。4. 更改昵称后更新仓库。10.首次绑定仓库并提交。6. 强制覆盖远程分支。7. 查看绑定的仓库。9. 拉代码时选择分支。8. 删除某个仓库。13. 放弃此次压缩。...
2022-08-05 20:40:30
72
原创 TS报错Error: xxx doesn‘t exist on type ‘xxx’
TS报错Error: xxx doesn't exist on type ‘xxx’
2022-07-08 15:15:38
829
原创 求解页面中出现次数最多的DOM
前端面试经典手写题型1.请写一个函数,找出页面中出现次数最多的dom元素主要考察了querySelectAll的使用,下面就是一个简单的排序const maxBy = (list, keyBy) => list.reduce((x,y) => (keyBy(x) > keyBy(y) ? x : y))function getFreTag() { const tags = [...document.querySelectorAll('*')] .map((x
2022-05-27 19:12:51
339
原创 vue3中cookie的使用
cookie使用最多的地方想必是保存用户的账号与密码,可以避免用户每次登录时都要重新输入1.vue中cookie的安装在终端中输入命令npm install vue-cookies --save,即可安装cookies,安装之后在main.js文件中写下以下代码import { createApp } from 'vue'import VueCookies from 'vue-cookies'const app = createApp(App)app.config.globalPro
2022-05-13 18:54:32
11869
原创 Taro+vue3开发微信小程序容易遇到的小问题
最近在和团队做一个微信小程序的应用,我也是第一次接触用vue开发小程序,不可避免的遇到了很多问题,我对遇到的问题进行一些汇总,如果大家有遇到类似的问题,希望可以帮助到大家。1.微信小程序的头部导航栏问题首先的话,微信小程序的头部导航栏和底部导航栏都是最高层级的,普通写页面的话,背景图片或者背景颜色是无法延伸到这两个地方的,但是这两个导航栏又有不同的地方,头部导航栏只需要在app.config.js里面配置一行代码就可以注释起来的这句就可以实现去掉原生的头部导航栏,但是由于我们写了很多界面之后
2022-04-03 12:48:00
3139
原创 当面试官问你patch()的实现过程时,还会不知道说什么吗吗?
一说起diff算法,相信很多人都不陌生,对两个虚拟dom进行比较嘛,只将数据真正进行变化的地方更新在真实的dom上。其实vue对diff算法的实现就用到了我们的打补丁的 方式,也就是接下来提到的patch(),现在的面试经常会出现的一道面试题便是让我们手写一下patch()的实现过程(简单实现),
2022-03-18 20:29:05
391
原创 Vue3中自定义ref的实现
了解过vue3的小伙伴们都非常的清楚,实现响应式所用到的API有ref()与reactive()两种,由于两个API的局限性都很高,很多时候我们都需要自定义Ref来实现一些需求。这里,我以一个非常简单的小例子来实现一个功能,即输入框的数据与下面显示的数据相一致,我们很本能的就可以想到v-model嘛,这太容易了,确实,代码如下:<script src="http://unpkg.com/vue@next"></script><div id="app">
2022-03-18 09:30:00
1142
原创 vue3中调度器的简单实现
可调度性是响应式系统非常重要的特性。所谓可调度性,指的是当trigger动作触发副作用函数重新执行时,有能力决定副作用函数执行的时机、次数以及方式。这里,我只对调度的次数做一个简单的描述。首先我们来看一段简单的代码const data = {foo : 1}const obj = new Proxy(data,{ /*.....*/})effect(() => { console.log(obj.foo)})obj.foo++obj.foo++这段代码不难理解,很容
2022-03-17 22:26:58
900
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人