【JavaScript】promise 本质上 Promise 是一个函数返回的对象,我们可以在它上面绑定回调函数,这样我们就不需要在一开始把回调函数作为参数传入这个函数了。前面的.then都有一个返回值是一个promise对象,就算不写return jiehun()也会自动返回一个promise对象,所有可以继续.then执行,这样的调用叫做链式调用。💡提示:看到这里时是否恍然大悟,resolve和reject都是一个函数名,把函数当作一个参数传到另外一个函数中,当需要用这个函数是,再调用这个函数,这就是回调函数。💡原型:什么是原型?
【Vue.js】全局状态管理模式插件vuex 状态,驱动应用的数据源视图,以声明方式将状态映射到视图操作,响应式的在视图上的用户输入导致的状态变化当我们的应用遇到多个组件共享状态(数据)时,单项数据流的简洁性很容易被破坏。意思是说vue是单项数据流,数据只能从父的去改变子的,子的是不能操作父的。
【Vue.js】路由基础-动态路由、嵌套路由、编程式导航、重定向 当我们点击outer-link的时候路由就发生改变了,然后就会去路由表里面找对映的是哪个path,找到对应的path就去找对应的组件,将对应的组件放入router-view里面。这里的vue3是通过CDN方式引入, 由于地址在国外可能会比较慢, 可以将代码复制到本地去引入, 注意这个网站有的cdn使用不了(可以往下找使用旧一点版本)这个网站里面有大量的国内镜像资源, cdn是内容分发网络, 可以进入网站直接复制链接浏览器打开将源码复制下来在本地使用, 和vue的本地引入是一样的道理。
【JavaScript】正则表达式知识点详解 💻Run:执行结果可以看出没有匹配到的返回null,匹配到的返回一个数组。在不使用全局搜索g时只能捕获(拿到)第一组匹配规则的字符串片段,当使用全局搜索g时,第二次捕获开始会从第一次捕获的结束为止开始检索,依次捕获,直到找不到内容,返回null。💻Run:执行结果可以看出没有匹配到的返回null,匹配到的返回一个数组。💡 Tips:作用: 表示重复第n个小括号的内容,要求和第n个小括号的内容一模一样。💡 Tips:当开头^和结尾$一起使用的时候,表示从开头匹配到结尾。是拥有特殊含义的字符。
【AJAX】AJAX、http传输协议、响应状态码、请求方式(知识点串联详解) 💡 AJAX = **A**synchronous **J**avaScript **a**nd **X**ML(异步的 JavaScript 和 XML)。 - Asynchronous 异步的 - JavaScript - and - XML 是可扩展标记语言(Extensible Markup Language)
HTML+CSS+JS制作商城轮播图 百度网盘下载地址链接:https://pan.baidu.com/s/1btcsI-hdbJ1O-adVD7J5tg提取码:d604国内码云Gitee下载地址(内含超多有趣案例)https://gitee.com/huang_weifu/JavaScript_demo.git喜欢的老铁们可以点赞收藏喔~
【JavaScript】Set和Map数据结构 💡 Map数据结构是一个类似于对象的数据结构,它的key可以是任何数据类型, 可以被看做为一个 值 = 值 的数据结构。💡 Set数据结构是ES6新增的数据结构,是一个类似于数组的数据结构,按照索引排列。var s = new Set([数据1, 数据2, 数据3…利用Set不接受重复数据的特点封装函数给数组去重。
【JavaScript】扩展运算符 允许一个表达式在期望多个参数(用于函数调用)或多个元素(用于数组字面量)或多个变量(用于解构赋值)的位置扩展。接受两个参数,第一个参数表示[0]实参,第二个参数表示从[1] ~ [最后]新增的特殊符号, 拓展运算符。
【JavaScript】箭头函数 箭头函数的this不取决于调用取决于定义, 定义在哪个作用域就是指向谁, 这里的箭头函数定义在了事件处理函数中, 所以this指向事件源。注意: 这里的定时器已经不再是原来的定时器, 原来的定时器里面的参数写的是普通函数, 将普通函数改成箭头函数之后就按照箭头函数的情况考虑。这里的this在定时器内, 定时器里的函数是自动执行, 指向window, 我们需要将this指向li, 所以接下来修改代码。箭头函数外面的函数this是啥,箭头函数this就是啥。会自动把这句话的结果当做函数的返回值。
【JavaScript】防抖和节流、数据驱动视图、数据劫持 / return 'xxx' // 当我们设置一个返回值的时候,就表示该属性被设置了值 // }, // set(val) { // // 可以监听到设置的值 // console.log('set', val);// } // }) // obj.age = 19 // 设置的时候,会触发 set方法 // console.log(obj.age);// 获取的时候, 会触发 get方法 // console.log(obj);