- 博客(9)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 JavaScript函数的this指向
为什么需要this？this指向什么呢？this到底指向什么呢？规则一：默认绑定规则二：隐式绑定规则三：显示绑定call、apply、bind内置函数的绑定思考[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mUTyRCST-1653968858219)(https://img2020.cnblogs.com/blog/1877004/202111/1877004-20211116222807838-257301364.png)]
2022-05-31 11:53:38
115
原创 原型prototype和原型链__proto__：原理，函数的三种角色
向对象底层运行机制的三句话* 面向对象底层运行机制的三句话：* 1.每一个函数（普通函数、内置类/构造函数、自定义类/构造函数）都具备一个属性: prototype[原型]，属性值是一个对象[浏览器内置开辟的堆]，在这个对象中存储的是，当前类供应给实例调用的公共属性、方法。【自定义类就是通过class创建的类，以及通过function 函数名创建的构造函数。prototype是对象，不是函数。】* 2.在prototype这个对象中，内置一个constructor属性[类的构造函数]，属性值
2022-05-30 14:07:10
140
原创 闭包，浏览器垃圾回收机制/内存收机制
闭包：函数执行过程中，会形成一个全新的私有上下文，此时会产生两个机制：（1）保护：保护自己的私有变量不受外界干扰（操作自己的私有变量和外界没有关系）；（2）保存：如果当前上下文不被释放【只要上下文中的某个东西被外部占用即可】，则存储的这些私有变量也不会被释放，可以供其下级上下文中调取使用，相当于把一些值保存起来了；我们把函数执行带来的两大作用/机制，称为闭包。闭包不是任何代码格式，而是函数运行的机制。【从本质讲，函数执行形成的上下文没有释放前，都是闭包，只不过大多数函数执行完后，上下文都释放掉..
2022-05-30 09:41:08
302
原创 es8 async 和 await
async 和 await 两种语法结合可以让异步代码像同步代码一样4.1.1.async 函数async 函数的返回值为 promise 对象，promise 对象的结果由 async 函数执行的返回值决定4.1.2.await 表达式await 必须写在 async 函数中await 右侧的表达式一般为 promise 对象await 返回的是 promise 成功的值await 的 promise 失败了, 就会抛出异常, 需要通过 try...catch 捕获处理asy
2022-05-30 09:36:20
75
原创 Promise：Ajax 的串行、并行， Promise的executor和状态，then、catch、finally，then链
PromiseES6 语法规范中新增加的内置类，用来处理 JS 中异步编程的，而我们所谓的 promise 设计模式，就是基于 promise 对异步操作进行管理。对Ajax中的串行、并行导致的回调地狱、其他乱七八糟的事，进行管控。我的理解：执行Promise的执行器函数executor过程中，如果执行了resolve函数，表示异步操作成功，把PromiseStatus改为fulfilled / resolved，Promise实例的then中执行resolved对应的方法；如果执行了rejec
2022-05-29 16:03:27
560
原创 vuex：store，mapState，getters，mapGetters，mutation及常量，mapMutations，actions，mapActions，module、命名空间
什么是状态管理复杂的状态管理Vuex的状态管理Vuex的状态管理Vuex的安装创建Store组件中使用storeVue devtool手动安装devtool单一状态树组件获取状态在setup中使用mapStategetters的基本使用getters第二个参数getters的返回函数mapGetters的辅助函数Mutation基本使用Mutation携带数据Mutation常量类型mapMut
2022-05-29 16:00:09
625
原创 vue3 Composition API（二）：computed，watchEffect，watch
computed01_computed的使用.vue<template> <div> <h2>{{ fullName }}</h2> <button @click="changeName">修改firstName</button> </div></template><script> import { ref, computed } from "vue";
2022-05-29 15:37:03
110
原创 vue3 Composition API（一）：setup的this、参数、返回值，reactive ，ref，readonly，toRefs，toRef，shallowRef
Options API的弊端大组件的逻辑分散认识Composition APIsetup函数的参数setup函数的返回值setup不可以使用thisApp.vue<template> <div> <home message="hahahaha" id="aaa" class="bbbb"></home> </div></template><script>
2022-05-29 15:34:49
1011
原创 0077 flex：flex-direction、justify-content、flex-wrap、align-content、align-items、flex-flow、align-self、or
移动web开发——flex布局1.传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2 flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分1.3 建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flex2. fl...
2019-12-28 13:13:08
598
02-认识HTML.md
2019-11-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人