08 2021 档案
摘要：HTML5的事件有哪些？ onchange：当元素改变时运行 onclick：当单击鼠标时运行 ondrop：当被拖动元素正在被拖放时运行 onended：当媒体已抵达结尾时运行 onerror：当在元素加载期间发生错误时运行 onfocus：当获得焦点时运行 oninput：当元素获得用户输入时运
阅读全文
摘要：什么是语义化？ 1、去掉或样式丢失的时候能让页面呈现清晰的结构：HTML 本身是没有表现的，我们看到 例如 <h1>是粗体，字体大小 2em，加粗；<i>是斜体， 这些其实 HTML 默认的 CSS 样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的 HTML 结构的优点，但是
阅读全文
摘要：行内元素: a、span、b、img、strong、input、select、lable、em、button、textarea 、selecting 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote、form 区别 1、块级元素会独占一行，其宽度自动填满其父元素宽
阅读全文
摘要：用css3做一个三角形 <style> .up { width: 0; height: 0; border-width: 0 30px 30px; border-style: solid; border-color: transparent transparent cyan; margin-top:
阅读全文
摘要：.sync作用 实现父子组件数据之间的双向绑定，与v-model类似。 类别在于：一个组件上只能有一个v-model，.sync修饰符可以有多个。 原理 v-model的原理 <com1 v-model="num"></com1> 等价于 <com1 :value="num" @input="(va
阅读全文
摘要：简述 transform，transition，animation 的作用？ 1、transform：描述了元素的静态样式，本身不会呈现动画效果，可以对元素进行 旋转rotate、扭曲 skew、缩放 scale 和移动 translate 以及矩阵变形 matrix。 transition 和 a
阅读全文
摘要：Localstorage、sessionStorage、cookie 的区别 共同点： 都是保存在浏览器端、且同源的 区别： 1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器间来回传递，而 sessionStorage 和 localStor
阅读全文
摘要：已知数组arr，求数组arr中a,b,c个数分别是多少？ arr = ["b", "c", "b", "c", "a", "b", "c"] 代码如下： let arr = ["b", "c", "b", "c", "a", "b", "c"] let a = 0 let b = 0 let c =
阅读全文
摘要：常见的数组方法 1, push:在数组最后面添加 let arr = [1, 2, 3, 4, 5] arr.push(6) console.log(arr); //=>[1, 2, 3, 4, 5, 6] 2，unshift：在数组最前面添加 let arr = [1, 2, 3, 4, 5] a
阅读全文
摘要：前端登录请求概况 1，表单验证 完整的表单校验需要三个组件完成配合 分别是el-form，el-form-item，表单项，如：el-input el-form负责绑定model 和 rules el-form-item负责绑定prop el-input 负责双向绑定具体的表单数据 简单的校验例如非
阅读全文
摘要：优雅降级和渐进增强印象中是随着 CSS3 流出来的一个概念。由于低级浏览器不支持CSS3，但 CSS3 的效果又太优秀不忍放弃，所以在高级浏览中使用 CSS3 而低级浏览器只保证最基本的功能。关键的区别 是他们所侧重的内容，以及这种不同造成的工作流程的差异 举个例子： a { display：blo
阅读全文
摘要：数组,对象转换 1， 将const arr = [{label: '男',value: 0},{label: '女',value: 1}] 转为obj > {0: '男', 1:'女'} 2， 将obj > {0: '男', 1:'女'}转为 const arr = [{label: '男',val
阅读全文
