yuanxv

摘要： 1. js编码风格 https://es6.ruanyifeng.com/#docs/style 2.vue.js风格指南 https://vuejs.bootcss.com/style-guide/ 3.css命名规范 https://www.bemcss.com/ 4.前端代码规范 O2团队的  阅读全文

摘要： 需求场景，由于某些请求很耗时，比如大文件上传、下载，当用户在当前页面发起请求后，又不想等待了，想去其他页面看看。如果不取消此类请求，就会在下一个页面莫名其妙地弹出成功或失败结果，也会影响页面响应。 其实，要不要取消前一个页面的请求是根据实际情况确定的，如果希望在浏览其他页面时文件继续上传，就不能取消 阅读全文

摘要： 参考：https://www.cnblogs.com/chenwenhao/p/12354176.html 策略模式：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。 设计模式是针对某一类问题的优雅解决方案。策略模式出现的场景是，调用者要根据当前不同条件判断选择执行不同的策略，而这些 阅读全文

摘要： 块级元素负责结构，内联元素负责内容，而CSS是面向图文混排的，也就是内联元素设计的，由此可见，内联元素在CSS世界中占有非常重要的地位。 1.字母X——css世界中隐匿的举足轻重的角色 为什么这么说，因为以下三个方面： 1.1 字母 x 与css世界的基线 基线（baseline），概念如何出现的？ 阅读全文

摘要： 什么是JSX? JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。 应用场景是什么？ 当需要用render函数写一个复杂的组件时，可以考虑使用jsx的方式。让代码结构简 阅读全文

摘要： vue 事件总线 任意组件间通信 阅读全文

摘要： 场景：当给表格列或者列表统一设置文本溢出效果和tooltip提示效果时，有的文本未超长溢出，同样出现了tooltip，不美观。 思路：通过Tooltip组件的disabled属性动态控制提示效果，通过比较元素的clientWidth和scrollWidth值大小来计算disabled值。 关于cli 阅读全文

摘要： 按钮特效按照交互场景来分，应该有hover场景，和click点击场景。 特效是为了给予用户正确的反馈，提升交互体验。通过色彩、大小、位置的变化实现。 特效，一般通过 ①改变背景色确认操作、②改变文本颜色，形成视觉色差变化，使用户感受到明亮等；③改变按钮尺寸、文本字体大小形成视觉冲击；④ 增加阴影，发 阅读全文

摘要： 场景：编辑、新建页面配置为同一个路由信息，期望不同页面的文档title展示不一样。 目前的配置如下，不能实现需求。 因此，我们需要动态的去设置meta的值。思路：借助Vue Router的路由独享守卫 beforeEnter 和 全局解析守卫 beforeResolve 或全局后置钩子 afterE 阅读全文

摘要： 1.URL命名规则 字母全小写 单词拼接使用中划线 - 参考：https://www.jianshu.com/p/876d4cbd84f9 2.js文件命名 小写或大写开头驼峰命名 全小写，单词拼接中划线 根据项目统一命名方式，两种方式都可以，建议采用小写驼峰命名 3.Vue文件命名 大写驼峰 小写 阅读全文