罗玄晖-优快云博客

原创 JavaScrip的执行机制

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

2021-07-24 15:44:23 183

原创防抖和节流

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

2021-07-21 00:51:15 165

原创 React项目之配置代理服务

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

2021-07-05 23:24:34 637 4

原创 Rote的路由配置

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

2021-07-02 00:34:57 330

原创 React和Vue中的KEY

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

2021-06-27 13:30:50 242 1

原创对Vue的理解

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

2021-06-10 00:32:30 204

原创续对Vue生命周期的理解(一)

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

2021-06-05 01:03:41 120

原创对Vue的生命周期理解(一)

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

2021-06-05 00:47:37 298

原创 npm包管理器

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

2021-05-18 00:21:20 247

原创理解 JS 的同步操作与异步操作

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

2021-03-21 15:24:53 1725 10

原创数据类型转换

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

2021-03-18 00:50:28 137 5

原创导航栏

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

2021-03-07 15:48:21 710 3

qq_45780768的博客