- 博客(10)
- 收藏
- 关注
RSS订阅原创 宏任务、微任务与Event Loop
说到宏任务和微任务，我们就不得不提 Event Loop 了首先我们要知道两点：JavaScript是单线程的语言Event Loop是javascript的执行机制javascript事件循环一般来说，非阻塞性的任务采取同步的方式，直接在主线程的执行栈完成。一般来说，阻塞性的任务都会采用异步来执行，异步的工作一般会交给其他线程完成，然后回调函数会放到事件队列中。从...
2020-03-16 21:14:31
400
1
原创 js中的防抖与节流
日常开发过程中，滚动事件做复杂计算频繁调用回调函数很可能会造成页面的卡顿，这时候我们更希望把多次计算合并成一次，只操作一个精确点，JS把这种方式称为debounce（防抖）和throttle（节流）接下来从监听滚动条的例子来说明一下防抖先说一个很常见的功能：回到顶部，很多网站都会在页面的底部提供这个功能。这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个功能需求-- 监听...
2020-03-12 00:14:50
184
原创 微信小程序编译 .wxss 文件异常解决
最近在学微信小程序，遇见了这个问题解决方案1 在控制台输入命令 openVendor()，回车执行2.在打开的目录当中删除名为 wcsc.exe 的应用程序3.重启微信小程序，错误已经不存在，程序正常执行4.如果以上方法不行，使用360安全卫士或者火绒的文件粉碎功能粉碎改文件重启即可...
2020-03-11 22:09:49
3046
原创 TypeError:path_to_regexp_WEBPACK_IMPORTED_MODULE_8_react___default.a.compile is not a function
当我们用Vscode终端npm start或者yarn start打开一个react文件的时候,有时候会报这个错原来是使用vs code中左侧npm脚本面板中的start按钮启动服务导致。使用这个按钮好像无法使用某些系统环境变量，致使出现这么奇葩的错误。解决办法，新建终端，npm start。或者 我们把Vscode的终端ctrl+c停掉，然后选择这个右键这个项目到资源管理中心，在文件夹...
2020-03-09 22:52:13
3863
原创 react、redux、react-redux之间的关系
react在一些小型项目中，只使用 React 完全够用了，数据管理使用props、state即可，那什么时候需要引入Redux呢？当渲染一个组件的数据是通过props从父组件中获取时，通常情况下是 A --> B，但随着业务复杂度的增加，有可能是这样的：A --> B --> C --> D --> E，E需要的数据需要从A那里通过props传递过来，以及对应的...
2020-03-08 22:37:25
121
原创 Vue组件的生命周期
首先让我们来看一下经典的vue生命周期示意图：针对上图生命周期序号下表进行解释：1.new vue() : 这是new了一个vue的实例对象；此时就会进入组件的创建过程。2.Init Events & Lifecycle ：初始化组件的事件和生命周期函数；当执行完这一步之后，组件的生命周期函数就已经全部初始化好了，等待着依次去调用。3.beforeCreate ：官方说明：在实...
2020-03-07 00:37:12
242
原创 webpack的简单使用
什么是webpack本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。从 webpack v4.0.0 开始，可以不用引入一个配置文件。然而，we...
2020-02-29 22:47:12
93
原创 redux-saga的使用方法(配合es6的生成器函数使用)
redux-sagaredux-saga是一个用于管理应用程序 Side Effect（副作用，例如异步获取数据，访问浏览器缓存等）的 library，它的目标是让副作用管理更容易，执行更高效，测试更简单，在处理故障时更容易。es6 GeneratorGenerator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。Generator 函数有多种理解角度。语法上，首...
2020-02-25 22:34:33
475
原创 简述react中如何异步获取数据
在项目中我们常常需要通过后端提供的接口来异步获取数据，但是应该在哪获取数据能，如果在reducer中获取数据，显然是不合适的，因为reducer是一个纯函数，纯函数不适合做这些具有副作用的操作，如果在组件中去获取的获取的话，则很容易使代码显得冗杂，功能不单一。那究竟应该如何做呢？接下来我经用redux-thunk这个插件来异步获取数据1、首先安装react-thunk插件npm i react...
2020-02-24 20:02:05
1880
原创 浅谈在react怎么使用redux
redux作为react的状态管理工具深受前端工作者的喜爱，作为react的状态管理工具，他不像vuex那样在创建项目时可以自动生成，需要手动安装，且也不像vuex那样简单易懂，需要对react有一定的了解。为什么要是用redux？React有props和state: props意味着父级分发下来的属性，state意味着组件内部可以自行管理的状态，并且整个React没有数据向上回溯的能力，也就...
2020-02-22 21:51:11
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人