![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js 实用技巧
文章平均质量分 56
~ climber ~
Anything is possible
展开
-
echarts 小技巧积累
1、极坐标系柱状图调整 图形的位置,可通过设置polar属性的center参数来设置option = { angleAxis: { max: 2, startAngle: 30, splitLine: { show: false } }, radiusAxis: { type: 'category', data: ['v', 'w', 'x', 'y', 'z'], z: 10 }, polar: { ce原创 2022-03-24 17:06:34 · 1318 阅读 · 0 评论 -
js 的深拷贝与浅拷贝
1、前端基础知识,js 数据类型2、深拷贝与浅拷贝的区别深拷贝:主要是将另一个对象的属性值拷贝过来之后,另一个对象的属性值并不受到影响,因为此时它自己在堆中开辟了自己的内存区域,不受外界干扰。浅拷贝:主要拷贝的是对象的引用值,当改变对象的值,另一个对象的值也会发生变化。...原创 2022-03-11 18:32:38 · 1064 阅读 · 0 评论 -
angular自定义指令
1、什么是指令?官方文档的解释:指令是为 Angular 应用程序中的元素添加额外行为的类。使用 Angular 的内置指令,你可以管理表单、列表、样式以及要让用户看到的任何内容。2、指令的分类1)组件—— 带有模板的指令。这种指令类型是最常见的指令类型。2)属性型指令—— 更改元素、组件或其他指令的外观或行为的指令。3)结构型指令—— 通过添加和删除 DOM 元素来更改 DOM 布局的指令。内置属性指令:内置指令只会使用公开 API。它们不会访问任何无法被其它指令访问的私有 ...原创 2022-02-27 13:38:48 · 1378 阅读 · 1 评论 -
总结一些常用的工具函数
1、输入一个值,返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数组去重(1) 简单类型function unique1(arr){ // [1,2,3,3,4] return [...new Set(arr)]}function unique3(arr) { var result = []; arr.forEach(ele => {原创 2021-12-14 10:36:42 · 918 阅读 · 0 评论 -
如何利用cookie获取当前用户
使用场景:用户登录后台管理系统之后,后台管理系统不知道用户的信息。某些业务需求,比如要获取用户信息,做响应的权限管理等等。如果是vue 工程,后台做一个接口,返回数据就是当前用户的一些信息,前端把这些数据存在vuex里面。随用随取,超级方便。。。但是如果后台没有这样一个接口,也不是vue 工程,此时,cookie 是一个渠道。打开控制台,找到任意一个请求,点击cookie,可以看到类似下面的一个表格,name,vue 等等,可以获取很多信息。如果想获取用户信息。思路:先取到所有的cookie值.原创 2021-03-16 08:34:54 · 2495 阅读 · 0 评论 -
前端set、map浅析
最近复习了一下es6,总结一下,set、map、weakSet、weakMapset 是类数组,里面的成员是唯一的weakSet类似set ,成员只能是对象,且没有遍历操作,不引用后会被自动回收。map 类似对象,key 值不限于字符串,成员值唯一。weakmap 类似Map,但只接收对象为键名(null 除外),没有遍历操作,不引用后会被自动回收。SetSet 类似数组,成员值都是唯一的创建var set = new Set();set.add('a', 'b');set.size原创 2021-02-28 23:13:28 · 940 阅读 · 0 评论 -
js数组使用小结
在日常的开发中,涉及到很多跟数组相关的操作,总结一下1、数组的基本概念数组是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称就是连续内存地址的首地址。2.创建一个数组 // 字面量方式:这个方法也是我们最常用的, let a = [1,2,3] // [1,2,3]; // 构造器: // 实际上 new Array === Array,加不加new 一点影响都没有。 let a = Array(); // [] let a原创 2020-07-27 10:33:41 · 180 阅读 · 0 评论 -
vue中如何使用i18n实现国际化
最近在用i18n实现国际化,作出以下总结。常见的使用场景:1.vue 文件 template 中使用2. vue 文件中 js 中使用3. js 文件中使用4. 后台请求数据中使用1、首先在自己的项目中安装 vue-i18n依赖包。这里使用NPM进行安装,如果没有,也可以使用CNPM进行安装。npm install vue-i18n --save-dev2、将i18n引入vue实例...原创 2020-03-23 09:46:02 · 719 阅读 · 0 评论 -
vue去掉input前后的空格
场景:在开发过程中,遇到表单填写,用户可以自由输入,截图举例:这里,用户瞎输,填了几个空格,导致给后台发请求的时候,也带了好多空格,这种体验特别不好。因此在开发过程中,要考虑去空格的问题。在vue 2.x中,v-model.trim就可以搞定,截图如下:但是在vue1.x 中,v-model.trim 不生效,此时就不能这么改了。但是清楚底层原理,去掉字符串前后的空格原理就是v-mod...原创 2020-03-24 15:09:42 · 10487 阅读 · 1 评论 -
vue $dispatch 和 $broadcast 详解
在vue 1.0 中,$dispatch 和 $broadcast作为一对情侣属性,主要用来实现基于组件树结构的事件通信。$dispatch解析dispatch是一个事件,首先会在自己实例本身上触发,然后沿父链向上传播。当它触发父组件上的事件侦听器时,传播会停止,除非该侦听器返回true。任何其他参数都将传递给侦听器的回调函数。dispatch接收两种参数:event 事件名称,[…args...原创 2020-03-16 11:34:01 · 1954 阅读 · 0 评论 -
循环数组的代码优化
先看两段代码优化前 showNetMetric () { let isShowNetMetric = false if (this.v_networkMetrics && this.v_networkMetrics.length) { this.v_networkMetrics.forEach(item => { ...原创 2020-01-07 17:35:33 · 186 阅读 · 0 评论 -
[Vue warn]: Computed property "activeMetricName" was assigned to but it has no setter.
activeMetricName,在父页面,是个计算属性,作为props传到子页面,子页面还可以修改它。这个报错,计算属性默认只有 getter ,双向数据绑定的时候,修改了它的值,不过在需要时你也可以提供一个 setter :改之前: activeMetricName () { let metric = '' if (this.c_itemAlarmInfo &a...原创 2019-12-03 14:29:32 · 1532 阅读 · 0 评论 -
es6 Set用法
ES6 提供了新的数据结构 Set特性:类似于数组,但是它的特性是唯一的,可以用此特性,对数组进行去重操作;单一数组的去重let set = new Set([1,2,2,3,3]); // Set(3) {1,2,3}多数组的合并去重let Arr1 = [1,2,3,4]let Arr2 = [2,3,4,5]let set = new Set([...arr1,...arr2...原创 2019-11-29 11:52:41 · 166 阅读 · 0 评论 -
es6面试题
学习新知识,阅读文档,反复练习,总结,测试,不断巩固,才能真正掌握。1. es5与es6的区别ECMAScript5,即ES5,是ECMAScript的第五次修订,于2009年完成标准化。ECMAScript6,即ES6,是ECMAScript的第六次修订,于2015年完成,也称ES2015。ES6是继ES5之后的一次改进,相对于ES5更加简洁,提高了开发效率。ES6新增的一些特性:...原创 2019-11-29 11:27:44 · 364 阅读 · 1 评论 -
js中forEach,for in ,for of 循环的用法
js 中循环语句有forEach,for in ,for of ,还有一般的数组的遍历的方法:let commArray = [1,2,3,4,5,6,7,8,9];for (let i =0;i<commArray.length; i++) {console.log(i, commArray[i])} // 0 1 2 3 4 5 6 7 8 // 1 2 3 4 5 6 7...原创 2019-11-27 15:33:59 · 168 阅读 · 0 评论 -
时间戳转时间精确到毫秒
时间戳:秒级:'start_at': 1501654989,毫秒级:'start_at_ms': 1501654989.123,转换:formatTime (time) { return moment.unix(time).format('YYYY/MM/DD HH:mm:ss') }, // 2019/09/26 08:20:21formatTime (...原创 2019-09-26 20:39:34 · 13251 阅读 · 0 评论 -
js 开发小技巧
总结一些能够提高开发效率的JS技巧,这些技巧很实用,觉得挺好,整理一下。生成随机UIDconst genUid = () => { var length = 20 var soupLength = genUid.soup_.length var id = [] for (var i = 0; i < length; i++) { id[i] = genUid...原创 2019-09-08 23:48:47 · 147 阅读 · 0 评论