摘要：
1. 按位操作的概念： 按位操作为， 将数据转化为二进制八位展示/十六位展示后根据条件进行计算的操作 2. 按位运算符分类： &： 按位与 |： 按位或 ^： 按位异或 ~： 按位非 <<： 左移运算符 >>： 右移运算符 >>>： 无符号右移 3. 具体讲解： &： 按位与 将数据变为二进制后每一 阅读全文
摘要：
在公司做项目，经常存在类似「引导」的功能，引导用户该先点哪后点哪，或者做一些首次使用的提示 找到了个比较好用且轻量化的js组件 intro.js ，有常规的灰色遮罩高亮特定dom提示的（hello-world），也有用户点到指定标签/位置上的提示 （hints） 感觉还是不错的，并且，有免费版本 阅读全文
摘要：
1. rem ： rem是根据根元素的font-size大小来设置的，比如设置html font-size=100px， 那么1rem = 100px， 之后所有的元素都可以使用这个基准值来设置大小 2. vw： 视口宽度单位 1vw = 1/100视口宽度， 宽度全屏就是100vw 3. vh： 阅读全文
摘要：
路由传值总结 1. 路由导航： 在router.js中配置路由的path为 /XXX/:id 的方式，在路由跳转的时候， 设置路径 /XXX/123 即可跳转 接收通过this.$route.params.id 即可拿到123 2. params传参： 通过this.$router.push 传参， 阅读全文
摘要：
近期做项目，遇到了一点样式上的问题，理论上通过直接改 / 嵌套一层来解决比较容易，但实际上，数据结构没我想象中的简单具体例子如下： demo 期望效果： 实际效果：（flex布局） 实际效果配合伪类（.main::after { width: 100px;content: '' } ） 当前效果产生 阅读全文
摘要：
近期公司项目，用element-ui的tree结构渲染一套数据，层级以两级或三级居多 其中一级节点无实际意义，因此希望一级节点点击后正常展开缩放 二级节点有实际意义，点击后，若下方有三级节点，点击后不希望有缩放操作，而是拿上值去请求数据，点击左侧小三角正常展开缩放 经查看tree组件API发现，目前 阅读全文
摘要：
浏览器渲染引擎工作流程大致分为5步： 创建DOM树 -- 创建StyleRules -- 创建Render树 -- 布局Layout（回流、重排） -- 绘制Painting（重绘） 具体如下： 1. 用HTML分析器，分析HTML元素，构建一颗DOM树（标记化和树构建） 2. 用CSS分析器，分析 阅读全文
摘要：
近期开发，遇到了个需求，要求内容超长时，不换行溢出裁切，显示省略号，鼠标移入时能看到他的详细信息 需求够简单，但如何判断内容是否有溢出裁切过，确成了知识盲点了 经百度调研，发现， 可以拿dom结构的clientWidth和scrollWidth进行对比，若前者小于后者，则说明有溢出裁切 因此： 方案 阅读全文
摘要：
近期项目，需要在基于uniapp开发的微信小程序上，添加分享图片（二维码）的功能，有些注意点需总结： 1. 分享图片功能， 使用的是 wx.showShareImageMenu() 而不是uniapp的uni.share() 2. 分享的图片，如果是后端直接返回路径，需将路径转换为临时路径传入； 如 阅读全文
摘要：
在项目中，经常有表单提交操作，当提交的表单只有一行且均有必填校验时，按回车键会执行form的submit，但这个submit并不一定是我们想要的，因此要想办法避免此问题 避免方法： 通过在form上加 @submit.native.prevent ，这时form表单的input内敲回车也不会自动提交 阅读全文