摘要: redux 典型的web 应用程序通常是由共享数据的多个UI组件组成。通常,多个组件的任务是负责展示同一对象的不同属性。这个对象标识可随时更改的状态。在多个组件之间保持状态的一致性会是一场噩梦,特别是如果有多个通道用于更新同一个对象。 举个例子,一个带有购物车的网站。在顶部,我们用一个UI组件显示购 阅读全文
posted @ 2020-03-17 15:36 ichthyo-plu 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 1.indexOf 查找数组中元素的下标, 找到则会返回元素下标,否则返回-1 1 ['2', 'e', '5'].indexOf('e') // 1 2 ['2', 'e', '5'].indexOf('3') // -1 View Code 2.slice 截取数组的一部分,返回一个新数组,不会 阅读全文
posted @ 2020-02-27 17:09 ichthyo-plu 阅读(107) 评论(0) 推荐(0) 编辑
摘要: JavaScript 事件 HTML事件是发生在HTML元素上的事情。当在HTML页面帐使用JavaScript时,javascript可以触发这些事件 HTML 事件 HTML事件可以是浏览器的行为,也可以是用户的行为。以下是HTML 事件的实例: HTML页面完成加载 HTML input 字段 阅读全文
posted @ 2020-02-26 15:00 ichthyo-plu 阅读(251) 评论(0) 推荐(0) 编辑
摘要: 将类数组转换未数组的几种方法 1. Array.prototype.slice.call() function sum(a,b,c) { let args = Array.prototype.slice.call(arguments) console.log(args.reduce((sum, cu 阅读全文
posted @ 2019-11-09 17:18 ichthyo-plu 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 继承实现的几种方式 1.借助call实现继承 function p1() { this.name = 'p1' this.say = function () { console.log(this.name) } } var Parent1 = p1 Parent1.prototype.show = 阅读全文
posted @ 2019-11-09 16:40 ichthyo-plu 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 之前在项目中使用.balelrc文件,但是一直不知道具体怎么使用,就知道可以将es6语法转码为es5语法。 今天就简单的做个例子,也算是记录一下困扰了好久的问题。 转码步骤: 首先在项目的目录中安装Babel 创建配置文件 .balelrc ,存放在项目的根目录下 利用Babel提供的命令行工具@b 阅读全文
posted @ 2019-08-22 14:55 ichthyo-plu 阅读(356) 评论(0) 推荐(0) 编辑
摘要: 对防抖和节流的一些理解,做一次记录。(之前项目中的需求是在输入框中输入内容之后,调接口返回值,然后不知道还有节流这波操作,然后就写了判断当鼠标失去焦点的时候调接口,后来大佬说可以使用节流来实现) 防抖和节流算起来应该属于性能优化的知识,但是处理不当或者是放任不管就容易引起浏览器卡死。就是在绑定scr 阅读全文
posted @ 2019-07-31 14:15 ichthyo-plu 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 1.1 XSS定义 XSS,即为(Cross Site Scripting),中文名为跨站脚本,是发生在目标用户的浏览器层面上的,当渲染DOM树的过程发生了不在预期内执行的JS代码时,就发生了XSS攻击。 跨站脚本的重点不在“跨站”上,而在于“脚本”上。大多数XSS攻击的主要方式就是嵌入一段远程或者 阅读全文
posted @ 2019-07-31 13:56 ichthyo-plu 阅读(1321) 评论(0) 推荐(0) 编辑
摘要: 项目上需要使用echarts,对于一个新手前端来说,差点要爆炸了,自身前端基础就不好,echarts就更是不熟了,硬生生的逼着要一周做完一个系统。这算是个小总结吧,以后万一用的上捏。 渐变使用 项目中的echarts图,大多需要渐变,所以先了解一下渐变。echarts官方Demo里面有个例子[htt 阅读全文
posted @ 2019-07-08 15:10 ichthyo-plu 阅读(703) 评论(0) 推荐(2) 编辑
摘要: 记录两个项目中的权限校验实现方式 1.OKR(一个项目)权限校验 使用github上开源框架ant-design-pro 路由权限的实现方式是通过获取当前用户的权限去比对路由表,生成当前用户具有的权限可访问的路由表,通过 router.addRoutes 动态挂载到 router 上。 OKR中每个 阅读全文
posted @ 2019-06-14 10:03 ichthyo-plu 阅读(316) 评论(0) 推荐(0) 编辑