- 博客(50)
- 收藏
- 关注
RSS订阅原创 Vue 核心原理理解及原生 JS 实现
Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统，简单来说，就是在 JavaScript 中写变量，然后，可以通过一定的语法规则，直接渲染到页面上。的“小积木”构建大型应用，几乎任意类型的应用界面都可以抽象为一个组件树。简单来说，其实就是将一个模块封装为一个函数（对象），然后可以快速的进行复用。同时，在 DOM 表单中用户操作修改了数据，js 中也同步接收这个数据。在 js 中修改了数据，在页面中的 DOM 直接就配合进行修改数据。3.响应式数据对象双向绑定。
2023-01-05 15:29:43
305
原创 使用class类的继承实现tab选项卡
2.创建父类，子类继承，书写constructor里面的super，获得子类的this指向。3.在父类的constrcutor中书写需要获取的标签，从大盒子内获取。1.获取tab切换大盒子，创建实例对象时传递给子类。4.创建父类的tab切换方法。基础页面布局，添加样式。
2022-12-09 08:46:23
167
原创 JS观察者模式 详解
需要有一个属性，存放消息的盒子（把你绑定的所有事件放在里面）需要一个 emit 方法，用于发布事件（触发）需要一个 off 方法，把已经添加的方法取消。我们要有一个观察者（这里抽象为一个对象。需要一个 on 方法，用于添加事件。
2022-12-08 20:02:32
184
原创 JS组合模式，用一个总开关，启动其他类中的同名方法
总开关中需要创建一个数组来接收实例对象，需要有一个添加方法，用于将实例对象传递进数组，还需要有一个开启方法，开启方法里面是一个forEach循环，遍历数组并调用init方法。
2022-12-08 18:52:35
102
原创 JS单例模式，一个构造函数只能new一个实例对象
内函数用来每次调用时做判断，内函数中定义了一个变量obj，如果new过了，那么会直接返回obj，不再new新的实例对象，下次调用createObj传入参数以第一次调用结果返回。为了防止全局变量污染，使用自调用函数，返回一个内函数的引用地址，使用createObj变量来接收，所以调用createObj等同于直接调用内函数，并可以传参。
2022-12-08 18:03:55
393
原创 函数执行空间不销毁 逻辑
函数执行的时候，会生成一个函数 执行空间 （我们暂且叫他 ）代码在 空间中执行在 这个空间中声名了一个 对象空间（）在 这个执行空间把 这个对象地址返回了函数外部 接受的是一个对象的地址没错但是是一个在 函数执行空间中的 对象地址因为 变量一直在和这个对象地址关联着，所以 这个空间一直不会销毁等到什么时候，执行一句代码 此时， 变量不在关联 函数执行空间中的 对象地址那么，这个时候函数执行空间 就销毁了
2022-12-07 13:53:38
71
原创 常见正则表达式
身份证号码为15位或者18位，15位为全数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X。具体验证 /^\w{2,18}@[0-9a-z]{1,10}(\.[a-z]{2,3}){1,2}$/开头为0，后面是2或三位数字加上 - 开头为非零的八位数字，结尾是 - 加1到4位数字的分机号。简单验证 /^\w+@[a-z0-9]+\.[a-z]+$/尖括号里是除了尖括号之外其他字符 //g。开头非0的6位数字 /^[1-9]\d{5}$/文件格式结尾为 .格式。
2022-11-28 16:38:24
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人