- 博客(17)
- 收藏
- 关注
原创 Vue3.0整理
Vue学习笔记Vue生命周期执行顺序以及时机// 当前组件层级<Parent> <Child></Child></Parent>// 初始化阶段parent beforeCreateparent createdparent beforeMountchild beforeCreatechild createdchild beforeMountchild mountedparent mounted
2022-03-09 14:01:35
261
原创 ts中的泛型
泛型指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定具体类型的一种特性。function getArr<T>(value: T, count: number): T[]{ const arr: Array<T> = []; for (let i = 0; i < count; i++){ arr.push(value) } return arr}const arr5 = getArr&
2022-01-13 16:53:20
304
原创 重写js数组方法every()、some()方法
重写js数组方法every()和some() var obj=[ { id:1, job:0 }, { id:2, job:0 }, { id:3, job:1 }, { id:4,
2021-11-16 13:34:13
777
原创 nuxt项目问题
nuxt项目小问题nuxt项目中登录状态如何解决?请求接口token如何设置利用js-cookie 保存token,这样能在token能在头部被获取,同时并用vuex,将token和用户信息存储在store中。更好的方法是使用 cookies 保存信息,因为每次请求自带 cookie ,那么:对于第一次请求,识别出 cookie 并加载到状态树 vuex ,再由服务端 asyncData() 去拉取信息,若在此步 token 不存在或 token 错误,此时应该 redirect 到登录页面;若
2021-11-15 19:57:02
1155
原创 141. 环形链表
141. 环形链表题目:给定一个链表,判断链表中是否有环。如果链表中有某个节点,可以通过连续跟踪 next 指针再次到达,则链表中存在环。 为了表示给定链表中的环,我们使用整数 pos 来表示链表尾连接到链表中的位置(索引从 0 开始)。 如果 pos 是 -1,则在该链表中没有环。注意:pos 不作为参数进行传递,仅仅是为了标识链表的实际情况。如果链表中存在环,则返回 true 。 否则,返回 false 。var hasCycle = function(head) { if (!hea
2021-10-13 15:49:06
67
原创 生命周期流程图(新)
生命周期流程图(新) 生命周期的三个阶段(新)1. 初始化阶段: 由ReactDOM.render()触发—初次渲染 1. constructor() 2. getDerivedStateFromProps 3. render() 4. componentDidMount()2. 更新阶段: 由组件内部this.setSate()或父组件重新render触发 1. getDerivedStateFromProps 2. shouldComponentU
2021-09-25 19:37:48
1302
原创 字符串字符统计
字符串字符统计统计字符串中每个字符的出现频率,返回一个 Object,key 为统计字符,value 为出现频率不限制 key 的顺序输入的字符串参数不会为空忽略空白字符输入:'hello world'输出:{h: 1, e: 1, l: 3, o: 2, w: 1, r: 1, d: 1}利用reduce()方法,如下:function count(str) { const result = str.split("").reduce(function (acc, cur
2021-09-08 19:37:29
140
1
原创 find和findIndex,includes和indexOf
find和findIndexfindIndex() 方法返回传入一个测试条件(函数)符合条件的数组第一个元素位置。findIndex() 方法为数组中的每个元素都调用一次函数执行:当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。如果没有符合条件的元素返回 -1注: findIndex() 对于空数组,函数是不会执行的。注: findIndex() 并没有改变数组的原始值。//index.jsconst a
2021-08-22 18:39:02
164
原创 服务端渲染与客户端渲染
服务端渲染 和 客户端渲染 各自的优缺点? 什么是同构渲染 及解决什么问题?服务端渲染优缺点:优点:速度快,整个刷新缺点:前后端代码完全耦合在一块,不利于开发和维护前端没有足够的发挥空间服务端压力大用户体验一般,用户需要刷新才能重新获取数据客户端渲染优缺点:优点:用户体验好开发效率高渲染性能好可维护性好缺点:首屏渲染时间长,单页面利用js生成页面,这会导致用户需要等待首屏不利于seo:当搜索引擎爬取html的时候是没内容的,因为要客户端js解析完生成html什
2021-08-10 10:53:41
225
1
原创 重写forEach方法及this指向问题
一. 重写forEach方法及this指向问题1. 重写forEach方法<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width
2021-07-28 15:48:19
682
1
原创 Vue2.x Vue3.0 源码解析
Vue2.x / Vue3.0 源码解析一.1. 数据驱动(Vue最大特点)一.MVVM(数据驱动视图):Model-View-ViewModel数据驱动的传统方式利用DOM操作,来更新视图更新后的方式:利用vm=new Vue()来进行数据的初始化和视图的更新,依旧利用了DOM操作,但是是封装在vm=new Vue()中的,不需要我们自己来应用,是其内部应用的2. 数据劫持(是实现双向数据绑定的重要原理)把数据劫持在一个模拟Vue对象中,一旦数据发生改变,不直接更改,先被拦截利
2021-07-26 18:50:52
208
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人