CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

watch 的使用

watch 的使用 1.监听到变化，执行方法： watch: { cityName(newName, oldName) { / .../ } 2.监听到变化，改变变量值： watch: { cityName: 'nameChange' } } 3.这样使用watch时有一个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会...

Posted by CodingWithAlice on August 3, 2019

轮播图片抖动

轮播图片抖动 移动端轮播图抖动问题 overflow：hidden; width：100%; height：0; padding-bottom：31.25%; padding-bottom：31.25%;表示高度根据宽度相对撑开31.25%，保证图片的宽高比。 注意：不能将height设置成31.25%，因为height是相对于父级的百分比。 或者可以写成另一种形式： /*高度...

Posted by CodingWithAlice on August 3, 2019

常见报错解决

常见报错解决 1. 页面显示没有数据 页面显示没有数据的时候（三级联动），注意去mounted里面看一下，获取数据的方法如getAddress()；有没有执行，是否将数据渲染到了页面； 2.404 状态码 第一次：接口返回404状态码的时候，确认自己的运行环境，在测试环境运行调用接口的时候，需要后端把接口部署到测试服务器上，否则就会接口报错。 这是第二次报错404，新增接口类别后，...

Posted by CodingWithAlice on August 1, 2019

04 二维数组中的查找

04 二维数组中的查找（javascript） 方法一：暴力遍历 /*全部遍历一遍*/ function Find(target, array) { for(let i = 0;i<array.length;i++){ for(let j=0;j<array[0].length;j++){ if(array[i][j] == t...

Posted by CodingWithAlice on July 18, 2019

数组去重（算法整理）

数组去重（算法整理） 常见错误点： 1、注意 Set：Set 转换数组为 Set 类型，需要再使用扩展运算符/Array.from转换为数组 总结： 1、最简单的，利用 Set：[...new Set(arr)]/Array.from(new Set(arr)) 2、新建一个对象存储是否出现过： function unique(arr) { let hash = {}; ...

Posted by CodingWithAlice on July 16, 2019

引用css，link和@import的区别

引用css，link和@import的区别 总结：link 优于 @import 性能：预加载） 兼容性：不止可以加载CSS、XHTML标签无兼容问题、『js可修改样式』 link 适用于自己写的/需要动态修改的样式；@import 适用于第三方样式/ 公共基础库 区别 link @im...

Posted by CodingWithAlice on July 15, 2019

显示省略号

显示省略号 常见错误： 1、多行中，不是 direction 是 orient -webkit-box-direction: vertical; ❌ // 『 -webkit-box-orient: vertical;』 一行文本（三个属性缺一不可）： single-line { white-space: nowrap; /* 『white-space』 指定两...

Posted by CodingWithAlice on July 14, 2019

vue相关 面试问题

vue相关 面试问题 3.vue的生命周期有哪些？它们有什么不同？ 生命周期钩子 组件状态 响应类型 最佳实践 beforeCreate 实例初始化之后，this指向创建的实例，不能访问到data、computed、watch、methods（都不存在）上的方法和数据...

Posted by CodingWithAlice on July 12, 2019

为什么要清除浮动？怎么清除浮动？

为什么要清除浮动？怎么清除浮动？ 清除浮动的原因（布局）： 块级元素认为浮动元素不存在；行内元素认为浮动元素存在并且围绕浮动元素摆放，影响布局 补充：浮动元素遵从尽可能靠左、靠上，尽可能一个挨着一个、不超过父级、不超过所在行最高点、不超过前一个浮动元素最高点这些原则摆放 经常出现的问题：高度塌陷 ​ 浮动元素不能撑开父级元素。子盒子浮动，...

Posted by CodingWithAlice on July 11, 2019

隐式转换:{}+{}=?

隐式转换:{}+{}=? ({} + {}); 隐式转换为原始类型才能进行计算： 执行toString方法：({}).toString(); // [object Object]" 普通对象的 toString() 方法返回"[object Object]" ({} + {}) // "[object Object][object Object]" 注意：“[...

Posted by CodingWithAlice on July 11, 2019

FEATURED TAGS
《JavaScript高级程序设计4》 < JS原生基础相关 > < 算法题 > < vue相关知识点 > < CSS相关内容 > < HTTP相关 > < 面试题整理 > < 浏览器原理 > < 工作经验沉淀 > < 小程序 > < webpack > < 工程化 > < database > < 重构2 > < React17+TS4 > < node > < AI >
ABOUT ME

CodingWithAlice

✉️ hao_ling@foxmail.com

FRIENDS