摘要：
描述： 在backgoundImage上面设置透明度而不影响元素其他显示效果，类似于在背景图片上设置遮罩层的效果 方案： 一、加一层遮罩元素，如div，定位到上层；二、多用::before伪元素，操作同一 三、选用其它样式属性，如box-shadow 前两个是基本操作，就是分开设置图片和遮罩层，然后 阅读全文
摘要：
1. 空格 —— “后代选择器” 元素里面所有的p元素 div p { ... } 2. > —— “子选择器” 元素里面所有的子代（不含孙代及以后）限定元素 div > p { ... } 3. ~ —— “后继选择器” 元素往后的所有同级的限定元素 .test~p { ... } 4. + —— 阅读全文
摘要：
描述： 在写简单的前端DOM时，经常会在浏览器运行HTML页面，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接时， HTML页面就无法正常打开，为了解决这种情况，需要在在本地开启一个本地的服务器。 工具：node.js中的 http-server 1.安装nod 阅读全文
摘要：
MQTT安装 npm install mqtt 或 <script src="./static/mqtt/mqttws31.js"></script> 自行下载引入资源 使用本地引入的方式： <template> <div> <p></p> </div> </template> <script> i 阅读全文
摘要：
继承：是指子节点默认使用父节点的样式属性 继承的属性很少，有颜色，文字，字体间距行高对齐方式，和列表的样式等可以继承。 所有元素可继承：visibility和cursor。 内联元素可继承：letter-spacing（字符间距）、word-spacing（增加或减少单词间的空白（即字间隔））、wh 阅读全文
摘要：
BFC(Block formatting context)直译为"块级格式化上下文"。 它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 在解释什么是BFC之前，我们需要先知道Box、Formatti 阅读全文
摘要：
解决方法：前端使用encodeURI（)加密。后台使用URLDecoder.decode()解密 例： str=encodeURI(str); 后台--URLDecoder.decode(str,"UTF-8")； encodeURI()：把URI字符串采用UTF-8编码格式转化成escape格式的 阅读全文
摘要：
懒加载：也叫延迟加载，即在需要的时候进行加载。 为什么需要懒加载？ 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。 如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。 场景：如vue这种单页面应用，如果没有应用懒加载，运 阅读全文
摘要：
学习笔记： 我们通常给一个元素添加 v-if / v-show 来做权限管理，但如果判断条件繁琐且多个地方需要判断，这种方式的代码不仅不优雅而且冗余。 针对这种情况，我们可以通过全局自定义指令来处理： 我们先在新建个 utils.js 文件，用于存放相关的全局函数； // utils.js // 判 阅读全文
摘要：
摘要： 打包的时候开启gzip可以很大程度减少包的大小，非常适合于上线部署。更小的体积对于用户体验来说 就意味着更快的加载速度以及更好的用户体验。 Vue-cli3.0项目 安装依赖：compression-webpack-plugin npm install compression-webpack 阅读全文