CodingWithAlice

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

工作 vue的单向数据流

工作 vue的单向数据流场景：写的弹窗组件，在点击一次右上角关闭按钮后，无法再通过之前的点击按钮触发展示参考：弹窗组件中对props传入的显示值进行了更改，违背了vue单向数据流总结：子组件内不应该去改变prop，全部通过$emit()传出，在父组件中进行处理搬运vue官网–单向数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父组件可以随意...

Posted by CodingWithAlice on May 20, 2020

git的常见使用

git的常见使用场景：工作里面经常使用git，自己拉分支，或者多人在一个分支上面开发；之前整理过git的使用方法，但是因为缺少实践，所以没有很深的印象参考：vscode安装git的插件，可以可视化工作区、暂存区还有代码diff 总结：经常使用 git pull origin #先拉一下分支 git checkout branch # 切换到指定分支 git add ./指定文件名...

Posted by CodingWithAlice on May 9, 2020

样式 + nextTick

样式 + nextTick 关于imprt dateFns，打印失败场景：使用npm包dateFns，先安装npm install date-fns，然后引入import dateFns from 'date-fns' ，在使用时失败，尝试在引用下方打印console.log(dateFns)，失败参考：引入打印不出来，可能是引用方式错误，查npm官网这个依赖包，果然引入的方式不对...

Posted by CodingWithAlice on April 15, 2020

时间戳处理

时间戳处理 20230719更新：现在一般使用 moment import moment from 'moment'; 场景：后端传入时间戳，需要获取其中“月-日”展示参考：把之前用到过的时间戳方式都整理了一下总结： 4、处理时间戳的插件 date-fns import {format} from 'date-fns'; filters: { forma...

Posted by CodingWithAlice on April 12, 2020

工作 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，只是简化成描述+语法，方便自己复习总结：会改变原数组的方法(8种)：push,pop,shift,unshift,reverse,sort,splice,fill 除了抛出异常外，不能通过 break 和『return』结束循环：f...

Posted by CodingWithAlice on March 20, 2020