摘要:
在开发中经常和数组打交道,处理各种逻辑,了解数组遍历的使用方法后,我们要学会在合适的场景使用适合的方法 for循环 1 const arr = [1,2,3,4,5,6,7,8,9] 2 for (i = 0; len = arr.length; i < len; i++) { 3 console. 阅读全文
摘要:
在开发中如果读取对象内部的某个属性,往往会判断一下该对象是否存在,如读取list.info.user.content这个属性 1 // 错误写法,下面写法当某一层为null或undefined时会报错 2 const contentList = list.info.user.content || ' 阅读全文
摘要:
v-html更新元素的innerHTML,内容按普通HTML插入,不会作为Vue模版进行编译。在网站上动态渲染任意HTML是非常危险的,因为容易导致XSS攻击,只在可信内容上使用v-html,永不用在用户提交的内容上, 在使用v-html时为了防止XSS攻击,可以安装 npm install xss 阅读全文
摘要:
基本数据类型:Undefined、Null、Boolean、String、Number、Symbol、Bigint 引用数据类型:Object ,如果细分的话有(object,Array,function,Date,RegExp ...) typeof 使用typeof方法可以判断基本数据类型(除了 阅读全文
摘要:
BFC:块级格式化上下文,是一个独立容器,容器里面的元素不会影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。 如何触发BFC? 只要元素满足下面任意一个条件都可触发BFC 根元素(<html>) 浮动元素(元素的float不是none) 绝对定位(元素的position为absolut 阅读全文
摘要:
浏览器的主要功能就是向服务端发送请求,下载解析资源显示在浏览器上 它的渲染机制是: 接收到HTML和CSS后,HTML经过解析渲染成DOM树,CSS经过解析生成CSSOM树, 将DOM树和CSSOM树两者结合,生成渲染树(Render Tree);Render Tree类似于DOM Tree但是又有 阅读全文
摘要:
在设计稿中,经常会遇到使用三角形的样式,可以使用img显示,icon,svg或者前端自己实现,简单粗暴直接上代码: 实体三角形: 首先先来实现一个正方形 1 <div class="triangleBox" /> 2 3 .triangleBox { 4 width: 0; 5 height: 0; 阅读全文
摘要:
经常做中后台管理系统的同学都知道系统权限控制的功能,当用户点击登陆按钮登陆成功后,服务器会返回token,前端拿到token会向后台接口获取用户权限相关信息,拿到数据后存储到Vuex或者localStorage中,如果权限控制的按钮较少时也可以用v-if进行判断显示与隐藏,但是如果页面过多,权限控制 阅读全文
摘要:
vue-countTo 是一个无依赖的轻量级 vue 组件,可以自己覆盖 easingFn。 可以设置 startVal 和 endVal ,它会自动判断加计数或减计数。它支持vue-ssr。它是从 countUp.js 中学习的; 官方链接 demo 使用方法: 1. 安装命令: npm inst 阅读全文
摘要:
最近有个新的需求,产品要求在H5小程序版本项目的个人中心头部添加一个按钮用来获取用户头像和昵称,(本来内心还在想着这不是so easy吗)。 根据需求点击获取头像昵称后调用接口传递给后台,因为微信授权头像昵称等机制是弹框授权后不会再触发弹框操作,这种情况下后期想要获取用户头像昵称等相关信息可以通过w 阅读全文