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