摘要:
原始值转化为原始值 对象转化为原始值 1、原始值转化为原始值 <script type="text/javascript"> console.log({}==!{}); //false console.log([]==![]); //true console.log(Number(undefined
阅读全文
posted @ 2020-08-16 11:11
Daeeman
阅读(271)
推荐(0)
摘要:
-this四种绑定方式 # 1.默认绑定规则 2.隐式绑定规则 3.显示绑定规则bind、call、apply 4.new 绑定 优先级:4 > 3 > 2 > 1 1、默认绑定规则 默认绑定规则this指向window 1.1 全局环境 <script type="text/javascript"
阅读全文
posted @ 2020-08-14 23:19
Daeeman
阅读(304)
推荐(0)
摘要:
####目录 ### ### 相比普通函数更简洁的语法 没有this 使用call()和apply()调用 捕获其所在上下文的 this 值,作为自己的 this 值 不能使用new 不绑定arguments,用rest参数...解决 箭头函数没有原型属性 不能简单返回对象字面量 箭头函数不能当做G
阅读全文
posted @ 2020-08-14 12:15
Daeeman
阅读(450)
推荐(0)
摘要:
可视化面板介绍 应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出。 # 01-使用技术 完成该项目需要具备以下知识: div + css 布局 flex 布局 Less 原生js + jquer
阅读全文
posted @ 2020-08-11 14:22
Daeeman
阅读(376)
推荐(0)
posted @ 2020-08-11 12:06
Daeeman
阅读(134)
推荐(0)
摘要:
ref的作用 1.获取dom元素this.$refs.box 2.获取子组件中的datathis.$refs.box.msg 3.调用子组件中的方法this.$refs.box.open()
阅读全文
posted @ 2020-08-10 14:17
Daeeman
阅读(397)
推荐(0)
摘要:
说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现
阅读全文
posted @ 2020-08-10 14:12
Daeeman
阅读(526)
推荐(0)
摘要:
computed 和 watch 的区别和运用的场景? computed: (监测的是 依赖值 )是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值; watch: (监测的是 属性值
阅读全文
posted @ 2020-08-10 14:10
Daeeman
阅读(174)
推荐(0)
摘要:
#v-model 的原理 我们在 vue 项目中主要使用 v-model 指令在表单 input、textarea、select 等元素上创建双向数据绑定,我们知道 v-model 本质上不过是语法糖,v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件: • text 和 text
阅读全文
posted @ 2020-08-10 14:08
Daeeman
阅读(442)
推荐(0)
摘要:
Vue组件 data 为什么必须是函数 因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。 所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被
阅读全文
posted @ 2020-08-10 13:35
Daeeman
阅读(321)
推荐(0)
摘要:
谈谈你对 keep-alive 的了解? keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,避免重新渲染 ,其有以下特性: 一般结合路由和动态组件一起使用,用于缓存组件; 提供 include 和 exclude 属性,两者都支持字符串或正则表达式, include 表示
阅读全文
posted @ 2020-08-10 13:33
Daeeman
阅读(289)
推荐(0)
摘要:
#请介绍一下你对vue-router的理解? vue-router实现原理? vue-router 有 3 种路由模式:hash、history、abstract, hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器; histo
阅读全文
posted @ 2020-08-10 12:55
Daeeman
阅读(140)
推荐(0)
摘要:
重中之重、Vue的双向数据绑定原理是什么? 答:vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 具体步骤: 第一步:需要observe的数据对象
阅读全文
posted @ 2020-08-10 12:24
Daeeman
阅读(341)
推荐(0)
摘要:
MVC和MVVC? MVC是后端中的概念 M (Model) 是指数据库中的数据 V (View) C (Controller) MVVC中是前端概念 M (Model) 是data里数据(通过ajax等获取的数据) V (View) 是html结构 VM (ViewModel)是new vue 中
阅读全文
posted @ 2020-08-10 11:08
Daeeman
阅读(5177)
推荐(1)
摘要:
请介绍常见的 HTTP 状态码(至少五个) 状态码是由 3 位数组成,第一个数字定义了响应的类别,且有五种可能取值: ####1xx:指示信息–表示请求已接收,继续处理。 100 客户必须继续发出请求 101 客户要求服务器根据请求转换HTTP协议版本 ####2xx:成功–表示请求已被成功接收、理
阅读全文
posted @ 2020-08-10 11:02
Daeeman
阅读(99)
推荐(0)
摘要:
call,apply,bind三者的区别? ## 都是用来改变this指向的 call和apply都是function原型上的方法,每一个函数作为function的实例都可以调用这两个方法,而这两个方法都是用来改变this指向的 一般情况下this指向其调用者() call fun.call(thi
阅读全文
posted @ 2020-08-10 10:55
Daeeman
阅读(134)
推荐(0)
摘要:
1. slot/插槽 1). 插槽的作用: 父组件向子组件传递标签结构(也可以是数据) 通过标签体传递, 而不再是标签属性 2). slot的分类 普通插槽(slot) 命名插槽(named slot) 作用域插槽(scoped slot) 3). 区别 普通插槽: 子组件只能有一个插槽, 标签体内
阅读全文
posted @ 2020-08-10 10:08
Daeeman
阅读(146)
推荐(0)
摘要:
1.TCP/IP的三次握手和四次挥手 三次握手: 第一次握手:客户端向服务端发送SYN码数据包,表示客户端要求和服务端建立连接; 第二次握手:服务端收到客户端的连接请求后,会发送ACK数据包给客户端,表示你的连接 请求已经收到,询问客户端是否真的需要建立连接; 第三次握手:客户端收到ACK码以后会检
阅读全文
posted @ 2020-08-09 20:52
Daeeman
阅读(131)
推荐(0)
摘要:
四、封装一个element-ui风格的dialog组件 前置知识: vue过渡动画 sync修饰符 具名插槽与v-slot指令 参数支持: 参数名 参数描述 参数类型 默认值 title 对话框标题 string 提示 width 宽度 string 50% top 与顶部的距离 string 15
阅读全文
posted @ 2020-08-06 22:35
Daeeman
阅读(198)
推荐(0)
摘要:
实例内容 封装常见的功能组件(Button,Modal,Form相关),封装完成后封装成UI组件库发布到NPM上。 涉及知识点 vue基础语法 组件基本语法 字键通讯(sync,provide,inject) 插槽使用 prop校验 过渡与动画处理 计算属性与监听属性 v-model语法糖 vue插
阅读全文
posted @ 2020-08-06 14:37
Daeeman
阅读(983)
推荐(0)
摘要:
23. Vue 中 key 的作用 Vue 中 key 的作用是: key 是为 Vue 中 vnode 的唯一标记,通过这个 key,我们的 diff 操作可以更准确、更快速 更准确:因为带 key 就不是就地复用了,在 sameNode 函数 a.key b.key 对比中可以避免就地复用的情况
阅读全文
posted @ 2020-08-06 11:25
Daeeman
阅读(221)
推荐(0)
摘要:
1. null和undefined的区别: 1.1995 null, c语言 2.null Java中是对象 null 是一个表示"无"的 对象的初始值,空对象的引用 ; 转为数值时为 0 null 用来表示尚未存在的对象,常用来表示函数企图返回一个不存在的对象 undefined 是一个表示"无"
阅读全文
posted @ 2020-08-06 11:22
Daeeman
阅读(241)
推荐(0)
摘要:
父传子(props 、 refs) props 通常,父组件的模板中包含子组件,父组件要正向地向子组件传递数据或参数,子组件收到后根据参数的不同来渲染不同的内容,或者执行操作。 这个正向传递数据的过程是通过props来实现的。 在组件中,子组件使用props来声明需要从父组件接受的数据。 但是父组件
阅读全文
posted @ 2020-08-06 11:20
Daeeman
阅读(224)
推荐(0)
摘要:
在我们平时的工作中经常会用到如何判断一个变量是否为数组。常用的方法很多,有用常用框架里面的,isArray。但是关于这个isArray的实现,各有不同。 常用的方法有如下几种 # 1、instanceof 这个操作符和JavaScript中面向对象有点关系,了解这个就先得了解JavaScript中的
阅读全文
posted @ 2020-08-04 09:30
Daeeman
阅读(1698)
推荐(0)
摘要:
一. 基本数据类型和引用数据类型# <script> let a = 0, b = 0; function A(a){ A = function(b){ console.log(a+b++); //1 }; console.log(a++); //4 } A(1); A(2); </script>
阅读全文
posted @ 2020-08-03 21:05
Daeeman
阅读(109)
推荐(0)
摘要:
# 一、前言 在js中,原型和原型链是一个很重要的知识点,只有理解了它,我们才能更深刻的理解js,在这里,我们将分成几个部分来逐步讲解。 当谈到继承时,JavaScript 只有一种结构:对象。每个对象(object)都有一个私有属性指向另一个名为**原型**(prototype)的对象。原型对象也
阅读全文
posted @ 2020-08-03 16:34
Daeeman
阅读(126)
推荐(0)
摘要:
1. 浅拷贝 for in Object.assign <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script> var obj={ id:1, name:"andy",
阅读全文
posted @ 2020-08-03 15:25
Daeeman
阅读(120)
推荐(0)
摘要:
块格式化上下文(Block Formatting Context,BFC) BFC是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 ##MDN 常用BFC触发条件: 【1】根元素,即HTML元素 【2】float的值不为none 【3】overf
阅读全文
posted @ 2020-08-02 23:31
Daeeman
阅读(849)
推荐(0)
摘要:
H5、CSS、JS 面试题 1.三栏布局的实现和优缺点 # 2.文字单行/三行显示 # 3.回流和重绘 # 4.防抖和节流实现原理,使用场景# 5.HTML语义化 6.CSS新特性 # 7.ES6新特性 # 8.盒模型 # 9.经典布局方案 # 10.定位 ## 11.盒子垂直水平居中 ## 12.
阅读全文
posted @ 2020-08-02 16:42
Daeeman
阅读(297)
推荐(0)
摘要:
JS防抖和节流 防抖 (debounce 弟棒死):指触发事件后在n秒内函数只执行一次,若在n秒内再次触发则重新计算 常见应用:搜索、下拉触底加载下一页 节流 (throttle 死rua头):连续发生的事件在n秒内只执行一次 防抖 <!DOCTYPE html> <html> <head> <me
阅读全文
posted @ 2020-08-02 11:15
Daeeman
阅读(134)
推荐(0)
摘要:
回流和重绘 https://segmentfault.com/a/1190000017329980
阅读全文
posted @ 2020-08-01 19:40
Daeeman
阅读(113)
推荐(0)
摘要:
overflow: 内容溢出处理 overflow: 值如下 visible(默认)/ 溢出部分 可见 hidden(超出部分隐藏)/ scroll(出现滚动条)/ auto(浏览器自动处理) text-overflow:clip(不显示省略标记,简单裁切) | ellipsis(文本溢出显示省略标
阅读全文
posted @ 2020-08-01 19:15
Daeeman
阅读(579)
推荐(0)
摘要:
经典布局方案 圣杯布局 双飞翼布局 (左右固定,中间自适应) 圣杯布局: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
阅读全文
posted @ 2020-08-01 19:02
Daeeman
阅读(175)
推荐(0)
摘要:
#盒子水平居中五大方案 定位:3种 display:flex JS-dom position 定位 display:table-cell(扩展) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style>
阅读全文
posted @ 2020-08-01 18:56
Daeeman
阅读(221)
推荐(0)
摘要:
HTTP 的15个常见知识点复习 #一. 简述浏览器输入 URL 地址后发生的事情 1.1 描述 浏览器向 DNS 服务器查找输入 URL 对应的 IP 地址。 DNS 服务器返回网站的 IP 地址。 浏览器根据 IP 地址与目标 web 服务器在 80 端口上建立 TCP 连接。 浏览器获取请求页
阅读全文
posted @ 2020-07-19 18:22
Daeeman
阅读(246)
推荐(0)
摘要:
Vue面试题 vue常见面试题 1.生命周期### 2.vue 路由 3.Vue中双向数据绑定是如何实现的### 4.vue组件通信传参?### 5.v-show和v-if指令的共同点和不同点### 7.Vue 中 key 的作用### 8.自定义指令 9.Vue 中怎么自定义过滤器 16.分别简述
阅读全文
posted @ 2020-07-17 13:13
Daeeman
阅读(275)
推荐(0)
摘要:
Vue 什么是mvvm Vue的优点是什么 对于生命周期的理解 组件传值 vue数据绑定原理 vue-router原理 vuex原理 v-if和v-show的区别 vue怎么实现页面的权限控制 keep-alive有什么作用 计算属性有什么作用 $route和$router的区别 watch的作用是
阅读全文
posted @ 2020-07-16 18:37
Daeeman
阅读(156)
推荐(0)