![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaScript
笑到全世界流泪s
这个作者很懒,什么都没留下…
展开
-
原型和原型链继承
JavaScript 原型: JavaScript 是一种通过原型实现继承的语言与别的高级语言是有区别的,像 java,C#是通 过类型决定继承关系的,JavaScript 是的动态的弱类型语言,总之可以认为 JavaScript 中所有 都是对象,在 JavaScript 中,原型也是一个对象,通过原型可以实现对象的属性继承, JavaScript 的对象中都包含了一个” prototype”内部属性,这个属性所对应的就是该对象的原型 “prototype”作为对象的内部属性,是不能被直接访问的。所以为了原创 2021-08-19 18:01:20 · 79 阅读 · 0 评论 -
浏览器的兼容以及写法
浏览器的兼容性以及写法 第一个 清除浮动的兼容性 第二个 透明度的兼容写法 第三个 js获取节点的兼容写法 第四个 获取计算机计算的所有属性 第五个 获取元素子节点childNodes 这个属性有兼容性 第六个 动态创建节点,元素没有子节点,Ie低版本会读取不到,而标准浏览器会。 第七个 获取浏览器可见区的高度 宽度 body 第八个 解决Css3中的兼容性 第九个 Event的兼容性 第十个 事件绑定的兼容性写法 第十一个 Mouseevent有兼容性 第十二个 Event对象的兼容性 第十三个 事件源(原创 2021-06-17 17:43:26 · 247 阅读 · 0 评论 -
表格树形,级联选择器
第一步:先下载第三方插件 npm i vue-table-with-tree-grid -S 第二步:全局引用插件在main.js import ZkTable from 'vue-table-with-tree-grid' //Vue.component('组件名', 实列组件) Vue.component('tree-table', ZkTable) 第三步在要用的页面使用 1.data:指定数据源 2.columns:指定每列配置选项,是数组形式[{},{},{}],其中一个对象是一列 3.sel原创 2021-04-27 21:49:18 · 400 阅读 · 0 评论 -
封装过滤器
先创建filters文件在文件里创建index.js export function getRights(v){ console.log(v); let rightsList='' switch(v){ case '0': rightsList='一级';break; case '1': rightsList='二级';break; case '2': rightsList='三级';break; } return rig.原创 2021-04-25 14:39:08 · 74 阅读 · 0 评论 -
防抖(debounce) 和 节流(throttling)
一、函数防抖 定义 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 实现原理 函数防抖的基本思想是设置一个定时器,在指定时间间隔内运行代码时清楚上一次的定时器,并设置另一个定时器,知道函数请求停止并超过时间间隔才会执行。 使用场景 文本框输入搜索(连续输入时避免多次请求接口) 代码实现 /** * 函数防抖 */ export function debounce(fn, delay) { /原创 2021-04-25 08:47:27 · 123 阅读 · 0 评论 -
2021-04-14
下面有关CSS中link和@import的区别 1,@import url()机制是不同于link的,link是在加载页面前把css加载完毕,而@import url()则是读取完文件后在加载,所以会出现一开始没有css样式,闪烁一下出现样式后的页面(网速慢的情况下)。 2,@import 是css2里面的,所以古老的ie5不支持。 3,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。 4,link除了能加载css外还能定义RSS,定义re原创 2021-04-14 20:52:16 · 227 阅读 · 0 评论 -
javaScript点击按钮innerHTML字符串拼接
*{ padding: 0; margin: 0; } div{ width: 50px; margin: 0 auto; } button{ cursor: pointer; } ul{ margin-top: 5px; list-style:原创 2021-04-04 16:01:00 · 1139 阅读 · 0 评论