09 2020 档案
摘要：遵循规范 require 是 AMD规范引入方式 import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法 调用时间 require是运行时调用，所以require理论上可以运用在代码的任何地方 import是编译时调用，所以必须放在文件开头 本质 require是赋值过程，其
阅读全文
摘要：参见官方文档-深入响应式原理 1. Vue 无法检测实例被创建时不存在于 data 中的 property 由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的 var vm
阅读全文
摘要：element-ui中的select，checkbox等组件的change方法的回调函数只有当前选择的val，如果想再传入自定义参数怎么办？ 方法一：@change="dataChange($event, args) $event就是当前选中的值 <el-select v-model="value"
阅读全文
摘要：一，关于线程 javascript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。 单线程意味着，javascript代码在执行的任何时候，都只有一个主线程来处理所有的任务。 而非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任
阅读全文
摘要：一，PC端适配 开发PC端项目，通常会要求适应各种的屏幕尺寸，并且要求浏览器缩小页面等比例变化，因此就要求写出来的前端页面是能够自适应的 利用webpack配置px2rem-loader和lib-flexible来实现px转化rem 1、安装npm install px2rem-loader -Dn
阅读全文
摘要：一，思考，element-UI <el-table>中如何获取当前行数据？ <el-table-column prop label="操作"> <template slot-scope="scope"> <span class="edit"></span> <span class="delete"
阅读全文
摘要：一，什么scoped？ 在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上
阅读全文
摘要：一，JavaScript代码解释执行的过程 JS 运行过程分三步： 语法分析（通篇扫描是否有语法错误），预编译（发生在函数执行的前一刻），解释执行（一行行执行）。 预编译阶段干了什么？？？ 预编译分为四步： 1、创建AO对象 就是隐式的创建一个AO（Activation Object）空对象。（ 执
阅读全文
摘要：一，JS 数据类型 JS 中有 6 种(值)基本类型： boolean number string undefined null symbol 引用类型：对象 数组 函数 二，JS 中使用 typeof 能得到哪些类型？ 其中一个奇怪的 null，虽然是基本变量，但是因为设计的时候`null`是全
阅读全文
摘要：总结下来，this的指向问题牢记一点：谁调用这个函数或方法,this关键字就指向谁 调用方式 所以，搞清楚在JS里面，函数的几种调用方式: 普通函数调用 作为方法来调用 作为构造函数来调用 使用apply/call/bind方法来调用 es6箭头函数 一，普通函数调用 <script> var na
阅读全文
摘要：一，DOM 事件级别 - DOM0 DOM0级事件是将一个函数赋值给 一个事件处理属性DOM0: element. onclick-function()计; - 1级DOM标准并没有定义事件相关的内容，所以没有所谓的1级DOM事件模型。 -DOM2DOM2级事件允许给一个程序添加多个处理函数。DOM
阅读全文
摘要：一，BOM BOM 是 browser object model 的缩写， 简称浏览器对象模型。 主要处理浏览器窗口和框架，描述了与浏览器进行交互的方法和接口， 可以对浏览器窗口进行访问和操作， 譬如可以弹出新的窗口， 回退历史记录， 获取 url…… 二，与DOM关系 1. javacsript
阅读全文
摘要：一，兄弟选择器(+与~) （div + p） 紧接在另一个元素后的元素，是单个的，而且二者有相同的父元素 （div ~ p） 也叫兄弟选择器，表示某元素后所有同级的指定元素 二，伪类和伪元素区别 伪类值一种状态 比如:hover :checked等 伪元素是一个真实存在的元素，他可以有样式有内容 比
阅读全文
摘要：一，什么是外边距折叠？ 在CSS中，两个或多个毗邻的普通流中的盒子（可能是父子元素，也可能是兄弟元素）在垂直方向上的外边距会发生叠加，这种形成的外边距称之为外边距叠加。 关键字：毗邻、两个或多个、垂直方向和普通流 毗邻 毗邻说明了他们的位置关系，没有被padding、border、clear和lin
阅读全文
摘要：一，什么是浮动？ 使得元素脱离文档流有两种方式。第一种是通过定位，第二种方法就是使用浮动。 浮动(float)，是一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局；恨，因为浮动之后遗留下来太多的问题需要解决，特别是 IE6-7（以下无特殊说明均指 windows 平台的 IE 浏览器）。
阅读全文
摘要：一，水平居中 1，行内元素 先看它的父元素是不是块级元素，如果是，则直接给父元素设置 text-align: center；如果不是，则先将其父元素设置为块级元素，再给父元素设置 text-align: center; 2，块级元素 方案一：(分宽度定不定两种情况) 定宽度：需要谁居中，给其设置 m
阅读全文
摘要：一，BFC自适应布局 1，BFC含义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 2，BFC 作用： 1.
阅读全文
摘要：一，方法定义 apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 bin
阅读全文