2022年7月20日

JS对象数组去重

摘要: 1.使用filter和Map function uniqueFunc(arr, uniId){ const res = new Map(); return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1)); 阅读全文

posted @ 2022-07-20 10:55 H...ong 阅读(362) 评论(0) 推荐(0)

2022年6月18日

trim 去除空格

摘要: 该方法可以去除空格,分别可以去除所有空格,两端空格,左边空格,右边空格,默认为去除两端空格 str <String> 字符串 pos <String> 去除那些位置的空格,可选为:both-默认值,去除两端空格,left-去除左边空格,right-去除右边空格,all-去除包括中间和两端的所有空格 阅读全文

posted @ 2022-06-18 10:41 H...ong 阅读(167) 评论(0) 推荐(0)

求两个颜色之间的渐变值

摘要: /** * 求两个颜色之间的渐变值 * @param {string} startColor 开始的颜色 * @param {string} endColor 结束的颜色 * @param {number} step 颜色等分的份额 * */ function colorGradient(start 阅读全文

posted @ 2022-06-18 10:28 H...ong 阅读(165) 评论(0) 推荐(0)

color:rgb/rgba 16进制互转

摘要: // rgb/rgba 转 16进制const hexify = (color) => { let values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); let a 阅读全文

posted @ 2022-06-18 10:22 H...ong 阅读(967) 评论(0) 推荐(0)

2018年7月30日

react 的props和state

摘要: props 当前组件的组件标签身上的所有属性和子节点构成的集合; 可以用来组件传递数据,一般用于父子组件之间; this.props对象的属性与组件的属性一一对应,但对于组件标签的子节点,this.props.children属性的值有三种可能: 1、如果当前组件没有子节点,为underfined; 阅读全文

posted @ 2018-07-30 23:23 H...ong 阅读(131) 评论(0) 推荐(0)

react 初识

摘要: react 使用jsx语法,组件化开发模式,方便使用,性能高,支持服务端渲染。 react 的基本使用 阅读全文

posted @ 2018-07-30 22:20 H...ong 阅读(110) 评论(0) 推荐(0)

2018年7月25日

vue 传值与路由

摘要: vue 组件传值 一、父传子 父组件和子组件依赖组件标签取得关联 ,在组件标签上所有属性构成的集合在子组件的props属性里 二、子传父 首先给子组件标签添加ref 属性;在父组件下使用this.$refs 获取子组件标签的相关信息 三、通过事件传值 在子组件下定义一个事件,用于自定义事件。创建的方 阅读全文

posted @ 2018-07-25 00:17 H...ong 阅读(287) 评论(0) 推荐(2)

2018年7月23日

模块化开发与vue组件

摘要: 模块化开发是保证每个文件都是独立的模块,不受外界干扰,提高性能,便于后期维护与团队开发。 可以引入官网的模块,也可以自定义模块。 使用require()引入需要使用的模块,自定义的模块在使用之前需要通过module.exports 暴露出去。 通过npm init -y 下载package.json 阅读全文

posted @ 2018-07-23 22:13 H...ong 阅读(611) 评论(0) 推荐(1)

性能优化

摘要: 尽量减少ajax请求。。。。 阅读全文

posted @ 2018-07-23 10:20 H...ong 阅读(89) 评论(0) 推荐(1)

导航