qq_45780768的博客

JavaScrip的执行机制 JavaScript是一门单线程语言，EventLoop是JavaScript的执行机制 JavaScript是一门单线程语言，Event Loop 是JavaScript的执行机制 JavaScript是一门单线程语言，EventLoop是JavaScript的执行机制 前言 我们都知道，JavaScript是一门 单线程语言 ，所以不少人得出这样的结论，JavaScript是按照语句出现的顺序来执行的。 有基础的同学知道不是这样的，可是又讲不清楚，但是又会用，于是不求甚解，

防抖和节流 前言 相信不少朋友被“防抖和节流”两个孪生兄弟弄得晕头转向，有时刚辨清这俩兄弟，不一会儿又分不清了。久而久之，就成为了我们的知识盲区、知识禁区了。 防抖 什么是防抖呢？我认为的这样的：就是在规定时间内被多次点击触发，只会执行最后一次的事件。 这就有些像语文试卷中的作文。我们在写作文，一般是要在稿纸上立题、写大概内容，掌握好大概方向，这样才能做到下笔如有神。我们在稿纸上写作文，是触发作文事件，但是我们最终执行性在试卷上写作文这个最后一个操作，前面的虽然有用，但是我们却只要最后一个。 节流 那么，什

React项目之配置代理服务 方法一、在React项目下的 package.json 末尾处添加跨域 代码配置： # 这个是package.json文件内的代码。 # ... 省略。下面的第一个devDependencies对象是原文件内最末尾的一个 "devDependencies": { "sass": "^1.35.1" }, # "proxy":"需要访问的目标地址" "proxy": "https://m.kongfz.com/operation/m

Rote的路由配置 官网：https://reactrouter.com/web/api 官网： https://reactrouter.com/web/api 官网：https://reactrouter.com/web/api Router的属性 1、exact 作用：设置了该属性之后，url地址后面就不可以再接子路径。 案例： import React from 'react'; import { BrowserRouter, Link, Route, Switch } from 'react-r

React、Vue中的KEY 遇到的问题 需要改变内层组件的属性，在外层组件上设置了一个key，key值为index。由于设置的是在外层组件上，且key为index，所以两次渲染的结果对外层组件来说，key值都是相同的，也就是index没有发生过改变。 key相同，如果组件属性有变化，那么React只会更新组件上对应发生改变的属性，如果没变化，则不进行更新。 外层组件上的属性并没有发生变化，而发生改变的属性是位于子组件上的，但是React找到外层组件就终止了，也就是说，内层的子组件相当于还没有渲染到Re

对Vue生命周期的理解(一) 1、什么是Vue的生命周期？ Vue实例在被创建时，经过：开始创建、数据初始化、编译模板、挂载DOM->渲染、更新->渲染、卸载等一系列过程，我们称之为Vue的生命周期。 每个Vue实例都有一个完整的生命周期过程。 1、Vue的八个生命周期 beforeCreate ：initState 初始化尚未开始，是获取不到 props 和 data 中的数据的。 created ：初始化完成，可以访问之前访问不到的数据了，但是这个时候组件还未挂载，页面上是看不到数据的

续对Vue的理解(一) 该图片为续上篇 《对Vue的理解(一)》之作。 下图是pdf转png，有些地方不是很好看，需要的朋友可以前往我分享的百度网盘链接下载原图。 链接: https://pan.baidu.com/s/1yGuiyXeLjrjJqi3I1MpM3w 提取码: ksxy ...

路由的前进后退 在浏览器中，有历史记录可以供用户手动选择前进后退到指定的历史纪录那，那么前端是怎么实现路由的前进后退呢？ 本次讲解将通过下面的例题来分析： 利用脚手架创建好项目 # 创建项目 v-mapp 命令行输入：vue create v-mapp # 项目插件选择自定义安装 选择：Manually select features # 选择插件 选择：Choose Vue version 、Babel 、Router 、CSS Pre-processors # 安装好后然后根据提示 cd 目录

npm包管理器 npm 是 NodeJs 项目模块管理工具，它已经集成了 nodejs 安装包。 使用 npm 可以实现从 NPM 服务器下载别人编写好的第三方包到本地使用。 npm 的基本设置 nrm 切换镜像源 nrm test # 查看各个镜像源 nrm use 镜像源名称 # 切换到指定的镜像源 nrm ls 查看当前的镜像源 安装 cnpm 安装包 npm i cnpm -g # 在全局cnpm工具 注意： 使用 cnpm 安装包时，一定要指明该包是开发依赖还是项目依赖，否则

数据类型的转换 我们都知道, JavaScrip 是一种弱类型语言(也叫动态语言).这意味这,我们不需要提前声明变量的类型,直接在程序运行时,它的类型就被确定下来了.如下面的变量a var a ; a = 1; typeof(a); // a => number a = 'str'; typeof(a); // a => String a = true; typeof(a); // a=> boolean 一、九大数据类型家族 最新的 ECMAScript 标准定义了 9 种数据类

理解 JS 的同步操作与异步操作 测试一下你的思维方式+数学计算,看下题 : 小明早上要做：穿衣：3分种 , 洗漱：4分钟 , 吃饭、煮饭、锻炼各10分钟。问小明做完这些事最少要几分钟? ​ 我们大部分人的答案是最少 30 分钟。为防止有人怼我,我特意从网上搜索到金质解答:( 可能是程序猿做呆了,写这个都想着各种bug ???? ) [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

常见的导航栏样式(一) 孔子曰：“所信者目也,而目犹不可信；所恃者心也,而心犹不足恃.弟子记之,知人固不易矣.” 孔子曰：“所信者目也,而目犹不可信；所恃者心也,而心犹不足恃.弟子记之,知人固不易矣.” 孔子曰：“所信者目也,而目犹不可信；所恃者心也,而心犹不足恃.弟子记之,知人固不易矣.” 对大多数用户而言，一个页面的好与不好，不仅仅取决于功能，还取决于页面的“特效”。为什么这么说呢？如果你看到一个美女，是不是会不自觉地多瞟几眼；同理，当你看到一个特别 炫 的页面，是不是会多停留那么几秒。所以，今天我分享