CodingWithAlice

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

工作 vue template编译

工作 vue template编译场景：在场景中遍历了一个数值，v-for="item in (5 - data.num)"，结果报错RangeError: Invalid array length 参考：总结：发生原因是进行计算的时候data.num的值没有获得，解决方法是在外层加一个v-if="data.num"或者是将这个计算在异步拿到data值的时候进行计算。但是我想知道为...

Posted by CodingWithAlice on April 9, 2020

事件修饰符

事件修饰符场景：在代码中看到@click.stop，不知道什么意思参考：直接求助vue官方文档，辅以网络各种解析博客总结：几个修饰符可以串联，【注意顺序】；也可以只使用修饰符；  <a :click.stop.prevent="doThat"></a>  <...

Posted by CodingWithAlice on April 8, 2020

解构赋值的深入理解

解构赋值的深入理解场景：一个赋值语句看不懂，大概如下第二句。参考：MDN的解构赋值总结：知识点只知道一部分是不够的，遇到问题好好处理，抓住每一次补基础的机会。解构赋值语法是一种 Javascript 表达式通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量。对象和数组逐个对应表达式，提供了一种简单的定义一个特定的数据组的方法。 //...

Posted by CodingWithAlice on March 30, 2020

ref和$refs的使用

ref和$refs的使用场景：获取某个DOM元素进行事件的触发（调试时使用，触发click）。参考：vue官方说明文档+慕课视频+网络博客总结：用ref进行引用命名，$refs是所有引用的名称，尤其注意循环中ref的使用（数组）。在标签上面使用ref通过this.$refs.名字获取到的是标签对应的DOM元素this.$refs.hello.innerHTM...

Posted by CodingWithAlice on March 25, 2020

页面跳转--多种

页面跳转–多种场景：实现一个页面跳转的时候，要通过改变路由地址来刷新当前页面内容。参考：各种网络博客总结： HTML和Script <a href=''></a> window.location.href/replace（在script中可以直接执行） window.location.href = '${l...

Posted by CodingWithAlice on March 20, 2020

改变原数组+结束循环+性能排序

改变原数组+结束循环+性能排序场景：遍历一个数组，找到满足条件的第一项后停止遍历。参考：完全来自于MDN，只是简化成描述+语法，方便自己复习总结：as 会改变原数组的方法(8种)：push,pop,shift,unshift,reverse,sort,splice,fill 除了抛出异常外，不能通过 break 和『return』结束循环...

Posted by CodingWithAlice on March 20, 2020

babel-polyfill 补丁

babel-polyfill 补丁场景：学习babel的时候，频繁看到 polyfill，俗称补丁参考：各种网络博客总结： babel-polyfill 是一种为低版本浏览器补充 ES6 方法/属性的模块作用：为所有 API 增加兼容方法需要配合 preset-env 使用缺点：需要在所有代码之前 require，且...

Posted by CodingWithAlice on March 19, 2020

安卓字体上浮

安卓字体上浮场景：UI走查的时候，安卓字体上浮2px左右，导致上下居中效果不能实现参考：Airen的博客（主）、网络博客总结：非css能解决，原因是在 content-area (字体度量)内部渲染的时候发生的，css 控制的是整个 content-area 居中。能针对特定字体做处理，但是暂时无法通用处理。单个元素首先要明确，字体大小和 font-family 是息息相...

Posted by CodingWithAlice on March 18, 2020

模块化

模块化常见错误点： 1、对 AMD+CMD执行顺序的表述 AMD：❌ // 少写了：加载模块后直接执行，无法保证执行顺序 CMD：❌ // 少写了：加载后，直到调用才按需执行本文主要关注点：AMD/CMD 差异；CommonJS/ES6模块化差异；4种模块化规范的进步，解决的问题模块化的优点：避免命名冲突；更好的分离，按需加载；更高复用性；高可维护性；总结： 1...

Posted by CodingWithAlice on March 17, 2020

ES6 模块导出导入方式梳理

ES6 模块导出导入方式梳理场景：导入的一个方法执行不了，发现是没有加{}导致的，真的很难找这个问题。就此机会整理一下import和{}的使用，其实也就是 ES6 模块导出导入方式梳理。两种默认导出方式：默认导出(export default)和命名导出(named export) 命名导出默认导出 ...

Posted by CodingWithAlice on March 17, 2020