随笔分类 - 面试题
摘要：目前为止的ToDoList案例已经可以正常展示，但是还不能修改编辑，如下所示 此时控制台报错提示，缺少onChange响应事件，所以接下来编写响应事件，改变state状态值。 （1）通常做法 之前的做法都是绑定具体方法进行调用，如下所示，绑定handleInput方法，当输入值时进行输出打印 接下来
阅读全文
摘要：本节主要介绍react-redux的两个知识点：1、提供器Provider；2、Connect连接器。 （1）提供器provider 被Provider包裹的组件，可以直接获取store仓库的状态值，用法如下 只要被Provider包裹的组件都可以方便获取store （2）连接器Connect 提供
阅读全文
摘要：（1）初始化项目 安装完毕后，删除src下其他文件，留下index.js入口文件，如下所示 接下来首先安装redux和react-redux依赖（因为react-redux依赖redux，是在redux基础上建立起来的） >npm i redux react-redux --save 接下来编写跟组
阅读全文
摘要：（1）前言 （2）安装 首先安装相关依赖 >npm i redux-saga --save （3）配置 接下来开始进行编写配置，文件位置src/store/index.js。先将之前的redux中间件redux-thunk做下备份，然后开始配置redux-saga中间件 redux-saga中间件相
阅读全文
摘要：（1）概念图+简介 中间件相当于在Action到Reducer的中间放置了一个函数，常用场景：项目日志、创建奔溃报告、调用异步接口等等。 例如之前常用案例ToDoList里的Redux结合axios异步获取数据 实际开发里，一般会将异步调用放到Redux中间件Redux-thunk来完成。 Redu
阅读全文
摘要：介绍一下一个函数式编程里面非常重要的概念 —— 纯函数（Pure Function）。 简单来说，一个函数的返回结果只依赖于它的参数，并且在执行过程里面没有副作用，我们就把这个函数叫做纯函数。这么说肯定比较抽象，我们把它掰开来看： 函数的返回结果只依赖于它的参数。 函数执行过程里面没有副作用。 函数
阅读全文
摘要：如果箭头函数的代码块部分多于一条语句，就要使用大括号将它们括起来，并且使用return语句返回。 var sum = (num1, num2) => { return num1 + num2; } 箭头函数返回对象，由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。
阅读全文
摘要：JavaScript在ES6语法中新增了箭头函数，相较于传统函数，箭头函数不仅更加简洁，而且在this方面进行了改进。this作为JavaScript中比较诡异的存在，许多文章对于this的解释也不尽相同，本篇文章试图厘清JS中函数与this的关系。 一、JS中函数的写法 1.常规函数的写法 在ES
阅读全文
摘要：前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句 代码: var arr = [1,2,4,6] for(var i = 0, len = arr.length;
阅读全文
摘要：三元表达式也叫三目运算符，较为常见，语法 condition ? result1 : result2 二元表达式也叫二目运算符，语法 result1 || result2 如果结果1存在则显示结果1，否则显示结果2 .
阅读全文
摘要：小结： React遵循从上到下的数据流向，即单向数据流。 1、单向数据流并非‘单向绑定’，甚至单向数据流与绑定没有‘任何关系’。对于React来说，单向数据流（从上到下）与单一数据源这两个原则，限定了React中要想在一个组件中更新另一个组件的状态（类似于Vue的平行组件传参，或者是子组件向父组件传
阅读全文
摘要：（1）图片处理 首先回顾下图片引入方式 1、js创建图片引入 2、css结合背景图background-image: url('')引入 3、图片标签引入<img src="" alt="" /> 1、首先在js里创建图片插入 接着进行打包输出，测试如下 发现图片并没有被打包过来... ...，接下
阅读全文
摘要：先来个简单案例： <button id="btn">点击</button> <script type="text/javascript"> var btn = document.querySelector('#btn') btn.addEventListener('click',function()
阅读全文
摘要：（1）打包后的文件分析 首先将打包后的文件进行适当删减，Ctrl+Shift+L可以同时选中所有相同结构内容 结构如下 (function(modules){ ... })( { ... } ) 分析可知本质为匿名函数即IIFE函数，执行时会传入后面函数执行符里的对象，接下来分析下传入对象 对象构成
阅读全文
摘要：1、ES6模块导入使用import...from...，{}里存放导入的方法 2、可以一起导入，也可以分开导入 3、named as myName中的as为重命名 4、import * as mylib from 'src/lib' 把模块里定义导出的所有方法，绑定到mylib对象上 5、impor
阅读全文
摘要：参考文章： React中使用防抖函数和节流函数 在React、Vue和小程序中使用函数节流和函数防抖 在 react 组件中使用 debounce 函数 官方文档 .
阅读全文
摘要：【前言】 在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 【区别】 【主体】 （1）call 语法： call([thisObj[,arg1[, arg2[, [,.argN]]]]])，传递的是参数列表
阅读全文
摘要：（1）try...catch （2）promise 必须throw抛出错误，才可以由catch捕获到 （3）async .
阅读全文
摘要：Set-cookie:name=name;expires=date;path=path;domain=domain 支持cookie的浏览器都会对此作出反应，即创建cookie文件并保存（也可能是内存cookie），用户以后在每次发出请求时，浏览器都要判断当前所有的cookie中有没有没失效（根据e
阅读全文
摘要：//JS操作cookies方法! //写cookies function setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); doc
阅读全文
浙公网安备 33010602011771号