2022年7月15日

vue插槽的使用

摘要: 1.默认插槽:子组件留一个slot位置,父组件引用时候可以使用任意标签填入。 子组件: 父组件使用时: 2.具名插槽:根据名字匹配显示对应的插槽,不使用默认 子组件: 父组件使用: 3.作用域插槽:上面的两种插槽展示的数据, 都是放在插槽的使用者 About组件的data中的,但是我们有时候, 使用 阅读全文

posted @ 2022-07-15 15:41 ChoZ 阅读(378) 评论(0) 推荐(0)

js 字符串方法

摘要: 1.判断字符串是否包含某个字段: A.search():方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。如果没有找到任何匹配的子串,则返回 -1。 var string = "foo", expr = /oo/; string.search(expr); // 位置为1 B. 阅读全文

posted @ 2022-07-15 13:53 ChoZ 阅读(71) 评论(0) 推荐(0)

2022年7月8日

解决echarts中的X轴中文字过长显示不全

摘要: 方法1:通过倾斜文字达到显示完全,配置X轴的label的rotate的倾斜角度达到效果 效果: 但是方法1的弊端是:无法解决设置倾斜角度后仍然无法显示全,并且会往下延申的文字会占据echarts图的空间,会挤压上部的空间。 方法2:对倾斜的文字设置换行,可以解决方法1带来的弊端 axisLabel: 阅读全文

posted @ 2022-07-08 15:31 ChoZ 阅读(1316) 评论(0) 推荐(0)

2022年5月27日

搞懂JS中prototype!

摘要: 1.先说结论:prototype属性的作用就是让该函数所实例化的对象们都可以找到公用的属性和方法。 2.原因:只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,默认情况下prototype属性会默认获得一个constructor(构造函数)属性。 实例化的对象内部将 阅读全文

posted @ 2022-05-27 15:06 ChoZ 阅读(775) 评论(0) 推荐(0)

2022年5月23日

前端批量数据映射方法

摘要: 1.目的 实现数据的映射,例如:后端返回的数据为1,根据1映射对应的信息 (针对需要大量数据进行映射而封装的方法,如只有少数需要映射在获取后端数据进行简单映射即可) 2.实现 2.1映射数据结构 data:{ applyNum: "CN201810954152.3" auditStatus: "1" 阅读全文

posted @ 2022-05-23 15:40 ChoZ 阅读(650) 评论(0) 推荐(0)

2022年5月12日

sass基础

摘要: 1.变量 1.1变量功能,$符号来标识变量,可通过变量名引用 1.2.变量名用中划线和下划线相通,$highlight-color == $highlight_color 2.嵌套规则 2.1层级嵌套 2.2父选择器标识符& 2.3 >:选择一个元素的直接子元素;+:选择一个元素紧跟的元素;~:选择 阅读全文

posted @ 2022-05-12 16:01 ChoZ 阅读(85) 评论(0) 推荐(0)

2022年4月29日

js数组方法详解汇总

摘要: Array.from:转数组是将所有字符进行切割转为数组。 flat:按照一个可指定的深度递归遍历数组,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。参数代表指定要提取嵌套数组的深度,默认值为 1,Infinity为相当于扁平化最深层次的数组。 例:arr = [1,2,[3,[4,[5 阅读全文

posted @ 2022-04-29 10:31 ChoZ 阅读(240) 评论(0) 推荐(0)

2022年4月25日

keep-alive解决多页数列表进入列表详情后,返回列表页面时列表页不刷新(不能记录已跳转的页数)问题

摘要: 一、方法1 1.对需要记录的页面使用keep-alive 2.在home页面对需要缓存的页面进行判断 更新:漏洞:这个被缓存的页面不会进行刷新,如果需要在其他页面进入该缓存页面刷新。即前进到该页面时刷新,后退到该页面缓存 1.通过路由level属性区分三个层级 2.在列表页面对进入到该页面的路由层级 阅读全文

posted @ 2022-04-25 17:02 ChoZ 阅读(645) 评论(0) 推荐(0)

2022年3月24日

前端开发遇到图片不显示问题

摘要: 1.绑定style的图片路径不可以有空格,否则显示找得到图片,但是显示为空白。 2. 2.1使用背景图时在限定宽高的区域,图片因为可视区域变动而显示不全,使用background-size: contain; 2.2使用img时 object-fit: contain; 3.问题:使用backgro 阅读全文

posted @ 2022-03-24 17:19 ChoZ 阅读(2064) 评论(0) 推荐(0)

2022年3月23日

Vue-store.dispath

摘要: store.dispath this.$set:要对象的属性进行操作并且视图层有相应的变化需要使用this.$set 由于受JavaScript的限制,vue.js不能监听对象属性的添加和删除,因为在vue组件初始化的过程中,会调用getter和setter方法,所以该属性必须是存在在data中,视 阅读全文

posted @ 2022-03-23 10:58 ChoZ 阅读(72) 评论(0) 推荐(0)

导航