- 博客(33)
- 收藏
- 关注
RSS订阅原创 源码：mustache
将数据变为视图的解决方案使用DOM：笨拙数组join法： 曾经es6的反引号法：ES6中新增的’${a}`很好用模板引擎：解决数据变为视图的方法使用DOM数组joinEs6的反引号法tokens是一个JS的嵌套数组，就是模板字符串的js表示它是 ‘抽象语法树’ ‘虚拟节点’ 等的开山鼻祖< h1 > 我买了一个{{thing}}，好{{mood}}啊 </ h1 ></< h1 > 我买了一个{{thing}}，好{{mood}}啊 </ h1 >tokens。
2024-03-21 16:11:13
233
原创 vuex - 21年的笔记 - 后续更新
在Actions中不能直接修改state中的数据，必须通过context.commit触发某个motation才行。Actions用于异步操作，但是在Actions中还是要通过触发Mutation的方式间接变更数据。Commit只能触发mutation中的某个函数，通过接收形参context来点出commit。Vuex是实现组件全局状态（数据）管理的一种机制，方便的实现组件之间的数据的共享。Getter用于对Store中的数据进行加工处理,并不修改store中的数据。若带有参数，则将参数接在后面。
2024-03-21 15:13:50
500
原创 js - 练习题
文章目录FED3：查找两个节点的最近的一个共同父节点FED4：根据包名，在指定空间中创建对象FED5: 数组去重FED6：用 JavaScript 实现斐波那契数列函数,返回第n个斐波那契数。 f(1) = 1, f(2) = 1 等FED12：字符串统计FED17：数组求和FED21：删除数组 arr 最后一个元素。不要直接修改数组 arr，结果返回新的数组FED22：在数组 arr 开头添加元素 item。不要直接修改数组 arr，结果返回新的数组FED23：删除数组第一个元素FED24： 数组合并FE
2024-03-21 14:33:38
162
原创 vue3文档基础草稿
这两个属性通常在创建高级别的组件时非常有用,它们允许您将属性和监听器自动传递到某些内部组件中。v-bind=“$ attrs” 会将父组件中非Props属性绑定到当前组件;v-on=“$listeners” 会将父组件中的事件监听器绑定到当前组件。例如: 组件就可以自动获得父组件中的属性和事件了。需要声明一个匹配模板 ref 属性值的ref。
2024-02-21 15:27:16
258
原创 百分点【chat GTP】
let和const：增加了块级作用域变量箭头函数：使用箭头 => 定义函数,方便简洁模板字符串：使用反引号 `` 和 ${} 实现字符串插值解构赋值：从对象或数组中提取值，赋给不同的变量参数默认值：设置函数参数的默认值，未传入时使用默认值扩展运算符：快速遍历数组,合并数组等，用…表示Promise：用同步的方式写异步代码，避免回调地狱class类： 实现面向对象编程模块化：import和export模块化语法。
2024-02-19 17:23:01
1663
原创 HF教育面试题(chatCPT)
利用洋葱模型(Onion Model)组织中间件。Koa 将一系列的中间件放入一个栈中,形成一个洋葱圈。请求从外到内,依次通过每一层中间件,响应则从内到外依次执行。应用程序、上下文、请求及响应这四个对象。应用程序提供核心函数,上下文(Context)将 req 和 res 封装到单个对象,提供给中间件访问,请求(Request)和响应(Response)对象包含请求和响应的详细信息。异步中间件通过 async/await 实现。
2024-01-25 18:09:06
913
原创 webpack基础
主要有两方面，首先从优化打包构建速度来说，有优化babel-loader，babel编译es6到es5是消耗比较多的，ignorePlugin避免一些东西的插件，noparse不去管哪些，happypack多进程打包工具，parallelUglifyPlugin开启多进程进行一个代码压缩，还有就是自动刷新，热更新（自动刷新的审计版），DllPlugin针对比较大的第三方插件，不必每次都对第三方插件进行打包，
2023-09-28 10:15:57
35
原创 Vue3面试题
在vue2的template里必须输出单一根节点的模板(最外层要套个div)，在vue3中不需要了。object.defineProperty是一开始就展开所有属性，能获取所有的。根据模板里的内容动态import需要的内容，不需要的内容就不用import。差别：proxy是通过get来展开属性，获取那一层就得到该层数据。toRefs的一个用处：合成函数返回响应式对象。setup()方式的生命周期。// 异步组件加载中显示。vue2在使用的方式。
2023-09-17 19:31:40
59
2
原创 Vue面试
因为实际上.vue文件在编译出来之后是一个class，是一个类。这个组件是个class，我在每个地方使用这个组件的时候相当于实际上是对这个class实例化。我们在实例化的时候去执行这个data，如果这个data不是个函数的话，那每一个组件的实例数据都一样了，A修改了B也会修改。如果是个函数的话，A实例化，B实例化都会执行这个函数，那这两个data就会在闭包之中，所以两个修改就不会相互影响。
2023-09-11 00:18:26
16
原创 ts项目的创建以及ts基础
for...in... 一般用来遍历对象，遍历的是key，且key为string，对于单数组对应的key便是数组的下标
2023-08-17 17:43:46
210
原创 从输入url到渲染出页面的整个过程、节流、防抖
节流：无论拖拽的速度多块，都会每隔100ms触发一次。防抖：用户输入结束或暂停时次啊会触发change事件。直接用drag事件，则会频繁触发，很容易导致卡顿。监听一个输入框的，文字变化后触发change事件。直接用keyup时间则会频繁触发change事件。拖拽一个元素时，要随时拿到该元素被拖拽的位置。
2023-07-28 00:03:06
107
原创 vue源码一
节点操作兼容函数：addClass ,removeClass，createElement，appendChild，removeChild设计模式观察者模式、状态模式、节流模式、 参与者模式、备忘录模式、单例模式 装饰
2022-07-11 15:42:59
183
原创 Obiect的方法使用
拷贝源对象自身可枚举属性，利用该属性可以合并两个对象object.Defineproperty()使用此方法可以为对象添加属性或修改属性的值：三个参数含义分别为对象名称、属性名称、值和是否可修改属性值 (得出obj={ name: 42 })，所添加的对象还具有gertter和setter，默认为undefine，访问该属性时会调用该函数（要么有value和writable要么有gertter和setter）Enumerable属性定义了对象的属性是否可以在for…in循环和object.key
2022-07-07 17:11:25
410
原创 有关数组的操作
forEach，find，findIndex，filter，some，includes，map，every，reduce，for...of，for...in，indexOf，reduceRight，ES6中新方法keys、values、entries
2022-07-07 16:24:32
73
原创 js跳出循环的三种方法（break，return， continue）编写更好的条件语句
return 可以跳出循环，同时阻止后面代码的执行，在js中return语句只能放在函数中。若只有循环则会报错
2022-07-07 15:46:24
2273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人