Daeeman

2020年8月14日

摘要： -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 阅读(298) 评论(0) 推荐(0) 编辑

箭头函数与普通函数的区别(ES6)

摘要： ####目录 ### ### 相比普通函数更简洁的语法没有this 使用call()和apply()调用捕获其所在上下文的 this 值，作为自己的 this 值不能使用new 不绑定arguments，用rest参数...解决箭头函数没有原型属性不能简单返回对象字面量箭头函数不能当做G 阅读全文

posted @ 2020-08-14 12:15 Daeeman 阅读(424) 评论(0) 推荐(0) 编辑

2020年8月11日

Echarts

摘要：可视化面板介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。 # 01-使用技术完成该项目需要具备以下知识： div + css 布局 flex 布局 Less 原生js + jquer 阅读全文

posted @ 2020-08-11 14:22 Daeeman 阅读(319) 评论(0) 推荐(0) 编辑

cookie、localstorage、sessionstorage、session、token

摘要： #发展史 ### 阅读全文

posted @ 2020-08-11 12:06 Daeeman 阅读(114) 评论(0) 推荐(0) 编辑

2020年8月10日

ref的作用

摘要： ref的作用 1.获取dom元素this.$refs.box 2.获取子组件中的datathis.$refs.box.msg 3.调用子组件中的方法this.$refs.box.open() 阅读全文

posted @ 2020-08-10 14:17 Daeeman 阅读(365) 评论(0) 推荐(0) 编辑

你对 SPA 单页面的理解

摘要：说说你对 SPA 单页面的理解，它的优缺点分别是什么？ SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现阅读全文

posted @ 2020-08-10 14:12 Daeeman 阅读(508) 评论(0) 推荐(0) 编辑

computed 和 watch以及methods

摘要： computed 和 watch 的区别和运用的场景？ computed：（监测的是依赖值）是计算属性，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值； watch：（监测的是属性值阅读全文

posted @ 2020-08-10 14:10 Daeeman 阅读(167) 评论(0) 推荐(0) 编辑

v-model 的原理

摘要： #v-model 的原理我们在 vue 项目中主要使用 v-model 指令在表单 input、textarea、select 等元素上创建双向数据绑定，我们知道 v-model 本质上不过是语法糖，v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件： • text 和 text 阅读全文

posted @ 2020-08-10 14:08 Daeeman 阅读(430) 评论(0) 推荐(0) 编辑

Vue 组件 data 为什么必须是函数

摘要： Vue组件 data 为什么必须是函数因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被阅读全文

posted @ 2020-08-10 13:35 Daeeman 阅读(316) 评论(0) 推荐(0) 编辑

你对keep-alive 理解

摘要：谈谈你对 keep-alive 的了解？ keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，避免重新渲染，其有以下特性：一般结合路由和动态组件一起使用，用于缓存组件；提供 include 和 exclude 属性，两者都支持字符串或正则表达式， include 表示阅读全文

posted @ 2020-08-10 13:33 Daeeman 阅读(279) 评论(0) 推荐(0) 编辑

vue-router

摘要： #请介绍一下你对vue-router的理解？ vue-router实现原理？ vue-router 有 3 种路由模式：hash、history、abstract， hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏览器； histo 阅读全文

posted @ 2020-08-10 12:55 Daeeman 阅读(127) 评论(0) 推荐(0) 编辑

Vue的双向数据绑定原理是什么？

摘要：重中之重、Vue的双向数据绑定原理是什么？答：vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。具体步骤：第一步：需要observe的数据对象阅读全文

posted @ 2020-08-10 12:24 Daeeman 阅读(333) 评论(0) 推荐(0) 编辑

MVC和MVVC

摘要： 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 阅读(5038) 评论(0) 推荐(1) 编辑

http状态码

摘要：请介绍常见的 HTTP 状态码(至少五个) 状态码是由 3 位数组成，第一个数字定义了响应的类别，且有五种可能取值: ####1xx：指示信息–表示请求已接收，继续处理。 100 客户必须继续发出请求 101 客户要求服务器根据请求转换HTTP协议版本 ####2xx：成功–表示请求已被成功接收、理阅读全文

posted @ 2020-08-10 11:02 Daeeman 阅读(91) 评论(0) 推荐(0) 编辑

call,apply,bind

摘要： call,apply,bind三者的区别？ ## 都是用来改变this指向的 call和apply都是function原型上的方法，每一个函数作为function的实例都可以调用这两个方法，而这两个方法都是用来改变this指向的一般情况下this指向其调用者（） call fun.call(thi 阅读全文

posted @ 2020-08-10 10:55 Daeeman 阅读(131) 评论(0) 推荐(0) 编辑

vue扩展

摘要： 1. slot/插槽 1). 插槽的作用: 父组件向子组件传递标签结构(也可以是数据) 通过标签体传递, 而不再是标签属性 2). slot的分类普通插槽(slot) 命名插槽(named slot) 作用域插槽(scoped slot) 3). 区别普通插槽: 子组件只能有一个插槽, 标签体内阅读全文

posted @ 2020-08-10 10:08 Daeeman 阅读(140) 评论(0) 推荐(0) 编辑

2020年8月9日

网络相关

摘要： 1.TCP/IP的三次握手和四次挥手三次握手: 第一次握手：客户端向服务端发送SYN码数据包，表示客户端要求和服务端建立连接；第二次握手：服务端收到客户端的连接请求后，会发送ACK数据包给客户端，表示你的连接请求已经收到，询问客户端是否真的需要建立连接；第三次握手：客户端收到ACK码以后会检阅读全文

posted @ 2020-08-09 20:52 Daeeman 阅读(110) 评论(0) 推荐(0) 编辑

2020年8月6日

封装组件(2)

摘要：四、封装一个element-ui风格的dialog组件前置知识： vue过渡动画 sync修饰符具名插槽与v-slot指令参数支持：参数名参数描述参数类型默认值 title 对话框标题 string 提示 width 宽度 string 50% top 与顶部的距离 string 15 阅读全文

posted @ 2020-08-06 22:35 Daeeman 阅读(189) 评论(0) 推荐(0) 编辑

组件封装

摘要：实例内容封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。涉及知识点 vue基础语法组件基本语法字键通讯（sync，provide，inject）插槽使用 prop校验过渡与动画处理计算属性与监听属性 v-model语法糖 vue插阅读全文

posted @ 2020-08-06 14:37 Daeeman 阅读(954) 评论(0) 推荐(0) 编辑

Vue 中 key 的作用

摘要： 23. Vue 中 key 的作用 Vue 中 key 的作用是： key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速更准确：因为带 key 就不是就地复用了，在 sameNode 函数 a.key b.key 对比中可以避免就地复用的情况阅读全文

posted @ 2020-08-06 11:25 Daeeman 阅读(215) 评论(0) 推荐(0) 编辑

null和undefined区别

摘要： 1. null和undefined的区别： 1.1995 null, c语言 2.null Java中是对象 null 是一个表示"无"的对象的初始值，空对象的引用 ; 转为数值时为 0 null 用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象 undefined 是一个表示"无" 阅读全文

posted @ 2020-08-06 11:22 Daeeman 阅读(216) 评论(0) 推荐(0) 编辑

Vue组件传参

摘要：父传子（props 、 refs） props 通常，父组件的模板中包含子组件，父组件要正向地向子组件传递数据或参数，子组件收到后根据参数的不同来渲染不同的内容，或者执行操作。这个正向传递数据的过程是通过props来实现的。在组件中，子组件使用props来声明需要从父组件接受的数据。但是父组件阅读全文

posted @ 2020-08-06 11:20 Daeeman 阅读(208) 评论(0) 推荐(0) 编辑

2020年8月4日

JS判断一个变量是否为数组

摘要：在我们平时的工作中经常会用到如何判断一个变量是否为数组。常用的方法很多，有用常用框架里面的，isArray。但是关于这个isArray的实现，各有不同。常用的方法有如下几种 # 1、instanceof 这个操作符和JavaScript中面向对象有点关系，了解这个就先得了解JavaScript中的阅读全文

posted @ 2020-08-04 09:30 Daeeman 阅读(1663) 评论(0) 推荐(0) 编辑

2020年8月3日

JS闭包

摘要：一. 基本数据类型和引用数据类型# <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 阅读(107) 评论(0) 推荐(0) 编辑

JS原型和原型链

摘要： # 一、前言在js中，原型和原型链是一个很重要的知识点，只有理解了它，我们才能更深刻的理解js，在这里，我们将分成几个部分来逐步讲解。当谈到继承时，JavaScript 只有一种结构：对象。每个对象（object）都有一个私有属性指向另一个名为**原型**（prototype）的对象。原型对象也阅读全文

posted @ 2020-08-03 16:34 Daeeman 阅读(119) 评论(0) 推荐(0) 编辑

JS深拷贝和浅拷贝

摘要： 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 阅读(116) 评论(0) 推荐(0) 编辑

2020年8月2日

前端什么是BFC？

摘要：块格式化上下文（Block Formatting Context，BFC） BFC是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 ##MDN 常用BFC触发条件：【1】根元素，即HTML元素【2】float的值不为none 【3】overf 阅读全文

posted @ 2020-08-02 23:31 Daeeman 阅读(779) 评论(0) 推荐(0) 编辑

JS面试题

摘要： 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 阅读(263) 评论(1) 推荐(0) 编辑

JS防抖和节流

摘要： JS防抖和节流防抖 (debounce 弟棒死)：指触发事件后在n秒内函数只执行一次，若在n秒内再次触发则重新计算常见应用：搜索、下拉触底加载下一页节流 (throttle 死rua头)：连续发生的事件在n秒内只执行一次防抖 <!DOCTYPE html> <html> <head> <me 阅读全文

posted @ 2020-08-02 11:15 Daeeman 阅读(125) 评论(0) 推荐(0) 编辑

2020年8月1日

回流和重绘

摘要：回流和重绘 https://segmentfault.com/a/1190000017329980 阅读全文

posted @ 2020-08-01 19:40 Daeeman 阅读(110) 评论(0) 推荐(0) 编辑

overflow之文字单行显示/三行显示

摘要： overflow: 内容溢出处理 overflow: 值如下 visible（默认）/ 溢出部分可见 hidden（超出部分隐藏）/ scroll（出现滚动条）/ auto（浏览器自动处理） text-overflow：clip（不显示省略标记，简单裁切） | ellipsis（文本溢出显示省略标阅读全文

posted @ 2020-08-01 19:15 Daeeman 阅读(490) 评论(0) 推荐(0) 编辑

css经典布局

摘要：经典布局方案圣杯布局双飞翼布局（左右固定，中间自适应）圣杯布局： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文

posted @ 2020-08-01 19:02 Daeeman 阅读(158) 评论(0) 推荐(0) 编辑

css 盒居中五大方案

摘要： #盒子水平居中五大方案定位：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 阅读(207) 评论(0) 推荐(0) 编辑

2020年7月19日

网络基础

摘要： HTTP 的15个常见知识点复习 #一. 简述浏览器输入 URL 地址后发生的事情 1.1 描述浏览器向 DNS 服务器查找输入 URL 对应的 IP 地址。 DNS 服务器返回网站的 IP 地址。浏览器根据 IP 地址与目标 web 服务器在 80 端口上建立 TCP 连接。浏览器获取请求页阅读全文

posted @ 2020-07-19 18:22 Daeeman 阅读(221) 评论(0) 推荐(0) 编辑

2020年7月17日

vue面试题目录

摘要： 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 阅读(257) 评论(0) 推荐(0) 编辑

2020年7月16日

vue面试题

摘要： Vue 什么是mvvm Vue的优点是什么对于生命周期的理解组件传值 vue数据绑定原理 vue-router原理 vuex原理 v-if和v-show的区别 vue怎么实现页面的权限控制 keep-alive有什么作用计算属性有什么作用 $route和$router的区别 watch的作用是阅读全文

posted @ 2020-07-16 18:37 Daeeman 阅读(146) 评论(0) 推荐(0) 编辑

如果爱，请深爱 ......