ichthyo-plu

摘要： redux 典型的web 应用程序通常是由共享数据的多个UI组件组成。通常，多个组件的任务是负责展示同一对象的不同属性。这个对象标识可随时更改的状态。在多个组件之间保持状态的一致性会是一场噩梦，特别是如果有多个通道用于更新同一个对象。 举个例子，一个带有购物车的网站。在顶部，我们用一个UI组件显示购 阅读全文

摘要： 1.indexOf 查找数组中元素的下标, 找到则会返回元素下标，否则返回-1 1 ['2', 'e', '5'].indexOf('e') // 1 2 ['2', 'e', '5'].indexOf('3') // -1 View Code 2.slice 截取数组的一部分，返回一个新数组，不会 阅读全文

摘要： JavaScript 事件 HTML事件是发生在HTML元素上的事情。当在HTML页面帐使用JavaScript时，javascript可以触发这些事件 HTML 事件 HTML事件可以是浏览器的行为，也可以是用户的行为。以下是HTML 事件的实例： HTML页面完成加载 HTML input 字段 阅读全文

摘要： 将类数组转换未数组的几种方法 1. Array.prototype.slice.call() function sum(a,b,c) { let args = Array.prototype.slice.call(arguments) console.log(args.reduce((sum, cu 阅读全文

摘要： 继承实现的几种方式 1.借助call实现继承 function p1() { this.name = 'p1' this.say = function () { console.log(this.name) } } var Parent1 = p1 Parent1.prototype.show = 阅读全文

摘要： 之前在项目中使用.balelrc文件，但是一直不知道具体怎么使用，就知道可以将es6语法转码为es5语法。 今天就简单的做个例子，也算是记录一下困扰了好久的问题。 转码步骤： 首先在项目的目录中安装Babel 创建配置文件 .balelrc ，存放在项目的根目录下 利用Babel提供的命令行工具@b 阅读全文

摘要： 对防抖和节流的一些理解，做一次记录。（之前项目中的需求是在输入框中输入内容之后，调接口返回值，然后不知道还有节流这波操作，然后就写了判断当鼠标失去焦点的时候调接口，后来大佬说可以使用节流来实现） 防抖和节流算起来应该属于性能优化的知识，但是处理不当或者是放任不管就容易引起浏览器卡死。就是在绑定scr 阅读全文

摘要： 1.1 XSS定义 XSS，即为（Cross Site Scripting），中文名为跨站脚本，是发生在目标用户的浏览器层面上的，当渲染DOM树的过程发生了不在预期内执行的JS代码时，就发生了XSS攻击。 跨站脚本的重点不在“跨站”上，而在于“脚本”上。大多数XSS攻击的主要方式就是嵌入一段远程或者 阅读全文

摘要： 项目上需要使用echarts,对于一个新手前端来说，差点要爆炸了，自身前端基础就不好，echarts就更是不熟了，硬生生的逼着要一周做完一个系统。这算是个小总结吧，以后万一用的上捏。 渐变使用 项目中的echarts图，大多需要渐变，所以先了解一下渐变。echarts官方Demo里面有个例子[htt 阅读全文

摘要： 记录两个项目中的权限校验实现方式 1.OKR（一个项目）权限校验 使用github上开源框架ant-design-pro 路由权限的实现方式是通过获取当前用户的权限去比对路由表，生成当前用户具有的权限可访问的路由表，通过 router.addRoutes 动态挂载到 router 上。 OKR中每个 阅读全文