- 博客(9)
- 收藏
- 关注
RSS订阅原创 扁平数据结构转tree
逛掘金的时候看到一篇名为《面试了十几个高级前端，竟然连（扁平数据结构转Tree）都写不出来》的文章，瞬间就让我产生了兴趣，从这就可以看出，一个好的标题有多么重要。题目:将一个扁平化数据转成树let arr = [ {id: 1, name: '部门1', pid: 0}, {id: 2, name: '部门2', pid: 1}, {id: 3, name: '部门3', pid: 1}, {id: 4, name: '部门4', pid: 3}, {id:.
2022-02-13 15:07:48
580
原创 部分JS原生方法手写
部分JS原生方法手写Arraylet arr = [{ name: '科比', num: 24 }, { name: '詹姆斯', num: 23 }, { name: '保罗', num: 3 }, { name: '威少', num: 1 }]forEach对数组每一项元素进行操作，改变原数组Array.pr
2022-02-05 22:53:15
630
原创 精灵图(sprites)
使用精灵图核心：1.精灵技术主要针对背景图片使用。就是把多个小背景图片整合到一张大图中2.主要借助于背景位置来实现——background-position3.一般情况下，精灵图都是负值
2021-10-24 15:56:09
88
原创 CSS定位
定位=定位模式+边偏移static(静态定位)：不脱离标准流，不常用relative(相对定位)：相对自身原位置进行定位，在标准流保留原位置，典型应用是给绝对定位当爹absolute(绝对定位)：1.如果没有祖先元素或者祖先元素没定位，则以浏览器为准定位2.如果祖先元素有定位(绝对、相对、固定定位)，则以最近一级的有定位的祖先元素为参考点移动位置3.绝对定位不再占有原先位置(脱离标准流)fixed(固定定位)：1.以浏览器的可视窗口为参照点移动元素2.不再占有原先
2021-10-24 14:10:57
1576
原创 Vue自定义指令
自定义指令当自定义指令名由多个单词组成时，采用 - 链接，不能使用驼峰命名，函数处将名称写完整 ‘XXX’指令函数中的 this 都指向 Window指令仅可当前 Vue 对象使用指令定义时不加 v- ，但使用时加 v-//定义一个v-big指令，将绑定数值放大10倍//定义一个v-fbind指令，将所绑定input元素默认获取焦点<span v-big='n'></span><input type='text' v-fbind:value='n'>
2021-09-17 19:52:28
89
原创 Vue监测属性
当被监视的属性变化时，回调函数自动调用，进行相关操作监视的属性必须存在，才能进行监视监视的两种写法：new Vue时传入watch配置通过vm.$watch监视深度监视Vue中的watch默认不监测对象内部值的改变（一层）配置deep:true可以监测对象内部值改变（多层）Vue自身可以监测对象内部值的改变，但Vue提供的watch默认不可以使用watch是根据数据的具体结构，决定是否采用深度监视const vm = new Vue({ el:'#r...
2021-09-16 17:12:19
137
原创 Vue计算属性
计算属性：定义：要用的属性不存在，要通过已有属性计算得来原理：底层借助Object.defineproperty方法提供的getter和setterget函数执行时间：初次读取是会执行一次当依赖的数据发生改变时会被再次调用优势：与methods相比，内部有缓存机制（复用），效率更高，调试方便备注：计算属性最终会出现在vm上，直接读取使用即可如果计算属性要被修改，那必须写set函数去响应修改，且set中要引起计算时依赖的数据发生改变//计算属性const vm = new
2021-09-16 16:40:04
59
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人