- 博客(20)
- 收藏
- 关注
RSS订阅原创 2021-03-22
1.什么是模块化模块化是指把一个复杂的系统分解到一个一个的模块，再用一定的方式拼装起来。2.模块化开发的优点(1)一个单独的文件就是一个模块，是一个单独的作用域，只向外暴露特定的变量和函数。这样可以避免污染全局变量，减少变量命名冲突。(2)代码复用，让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。3.js模块化规范Js模块化规范有：CommonJS、AMD、CMD、以及本文要总结的ES6的模块系统。其中，CommonJS是服务端的模块规范，AMD和CMD是浏览器端的模块规范。Co
2021-03-22 08:01:00
36
原创 2021-03-22
1.什么是模块化模块化是指把一个复杂的系统分解到一个一个的模块，再用一定的方式拼装起来。2.模块化开发的优点(1)一个单独的文件就是一个模块，是一个单独的作用域，只向外暴露特定的变量和函数。这样可以避免污染全局变量，减少变量命名冲突。(2)代码复用，让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。3.js模块化规范Js模块化规范有：CommonJS、AMD、CMD、以及本文要总结的ES6的模块系统。其中，CommonJS是服务端的模块规范，AMD和CMD是浏览器端的模块规范。Co
2021-03-22 08:00:28
45
原创 2021-03-22
异步:异步 async 是相对于同步 async 而言的，同步就是一件事一件事的执行。只有前一个任务执行完毕，才能执行后一个任务。js中使用:当JS解析执行时，会被引擎分为两类任务，同步任务（synchronous） 和 异步任务（asynchronous）。对于同步任务来说，会被推到执行栈按顺序去执行这些任务。对于异步任务来说，当其可以被执行时，会被放到一个 任务队列 里等待JS引擎去执行。当执行栈中的所有同步任务完成后，JS引擎才会去任务队列里查看是否有任务存在，并将任务放到执行栈中去执行，
2021-03-22 07:59:18
70
原创 2021-03-19
异步和单线程同步和异步的区别？ajax 同步和异步区别？我们在使用 ajax 一般都会使用异步处理。异步处理呢就是我们通过事。00件触发到 ajax，请求服务器，在这个期间无论服务器有没有响应，客户端的其他代码一样可以运行。同步处理：我们通过实践触发 ajax，请求服务器，在这个期间等待服务器处理请求， 在这个期间客户端不能做任何处理。当 ajax 执行完毕才会继续执行其他代码。同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事异步: 请求通过事件触发
2021-03-19 08:29:50
53
原创 2021-03-18
vue3全部天使、重写 响应式 vdom 模板等性能提升 代码减少proxy实现响应式、回顾 object definpropertyproxy实现响应式两者对比缺点 深度箭头需要一次性递归响应式dom作用域分为全局 局部 函数 块级js中首先有一个最外层的作用域 全局作用域js中可以通过函数创建一个独立的作用域称为函数作用域 函数可以嵌套函数 所以 作用域也可以嵌套函数es6中新增了块级作用域 大括号 比如if for while作用域链 自由变量的向上级一层一层的查找 知道
2021-03-18 07:35:44
40
原创 2021-03-17
自己觉得是面试重点网上收集的重点热门技术和知识点input 元素value=this.name绑定input事件this.name=$event.target.valuedata更新触发re-renedmvvm的理解mvvm概念：MVVM是 Model-View-ViewModel 的缩写，分别对应着：数据，视图，视图模型。Model是我们应用中的数据模型，View是我们的UI视图层，通过ViewModle，可以把我们Modle中的数据映射到View视图上，同时，在View层修改了一些数据，也
2021-03-17 07:56:40
41
原创 2021-03-15
mvvm概念：MVVM是 Model-View-ViewModel 的缩写，分别对应着：数据，视图，视图模型。Model是我们应用中的数据模型，View是我们的UI视图层，通过ViewModle，可以把我们Modle中的数据映射到View视图上，同时，在View层修改了一些数据，也会反应更新我们的Modle。简单理解就是双向数据绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。————————————————版权声明：本文为CSDN博主「星空之火@田兴」的原创
2021-03-15 21:44:27
49
原创 2021-03-15
一、相同点都可以动态控制着dom元素的显示隐藏一、区别v-if: 控制DOM元素的显示隐藏是将DOM元素整个添加或删除;v-show: 控制DOM 的显示隐藏是为DOM元素添加css的样式display，设置none或者是block，DOM元素是还存在的二、性能对比v-if有更高的切换消耗；v-show有更高的初始渲染消耗————————————————版权声明：本文为CSDN博主「星空之火@田兴」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接
2021-03-15 07:42:44
47
原创 2021-03-15
一、 什么是自定义指令我们看到的v-开头的行内属性，都是指令，不同的指令可以完成或实现不同的功能，对普通 DOM元素进行底层操作，这时候就会用到自定义指令。除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令v-model 多用于表单元素实现双向数据绑定v-for 格式： v-for="（item,index) in/of 数组json" 循环数组或jsonv-show 显示内容 ,通过display=block/none来控制元素隐藏出现v-hide 隐
2021-03-15 07:39:39
43
原创 2021-03-12
面试题第一章1.v-show和v-if的区别？v-show false相当于给元素加了display;non隐藏起来v-if false相当于从页面删除了元素 remove掉了2.为何v-for中要用key？key是唯一表示尽量是item里面id等3.描述vue生命周期创建前befor created 创建后 create载入前 beformount 载入后 mounted更新前beforupdate 更新后updated销毁前destroy
2021-03-12 10:55:06
81
原创 2021-01-19
性能调优简介1.1为什么要进行性能调优？1.1.1 编写的新应用上线前在性能上无法满足需求，这个时候需要对系统进行性能调优1.1.2 应用系统在线上运行后随着系统数据量的不断增长、访问量的不断上升，系统的响应速度通常越来越慢，不满足业务需要，这个时候也需要对系统进行性能调优一、渲染问题先来看看造成应用UI卡顿的常见原因都有哪些？1、人为在UI线程中做轻微耗时操作，导致UI线程卡顿；2、布局Layout过于复杂，无法在16ms内完成渲染；3、同一时间动画执行的次数过多，导致CPU或GPU负载过
2021-01-19 21:55:37
38
原创 2021-01-18
在项目的根目录下创建一个utils文件夹（随便命名）在utils文件下创建一个api.js文件和http.js文件在http.js中引入axios在http.js中创建一个axios实例，并设置timeout(请求时长)、baseURL(地址)；如下：import axios from ‘axios’const server = axios.create({baseURL: ‘/api/app’,timeout: 10000, // 请求超时的时间headers: {‘content-t
2021-01-18 07:43:57
60
原创 2021-01-18
什么是promise解决地狱回调可以链式调用Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，promise 是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。Promise是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch等方法。asyncasync 是“异步”的简写， async 用于申明一个异步的 functionawaitawait 可以认为
2021-01-18 07:39:53
47
原创 2021-01-14
、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？为了
2021-01-14 21:44:29
41
原创 2021-01-14
1.rem是根据html的font-size大小来变化，正是基于这个出发，我们可以在每一个设备下根据设备的宽度设置对应的html字号，从而实现了自适应布局2.采用flex布局的元素，称为flex容器，它的所有子元素自动成为容器成员，称为flex项目。如下图：容器默认存在2根轴，水平的主轴和垂直的侧轴，主轴的开始位置(与边框的交叉点)叫做main start, 结束位置叫做 main end.交叉轴的开始位置叫做 cross start，结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的
2021-01-14 21:40:38
60
原创 2021-01-13
深拷贝浅拷贝1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用”为什么要使用深拷贝？我们希望在改变新的数组（对象）的时候，不改变原数组（对象）var obj = {name: {firstName: ‘张’,lastName: ‘三’},job: ‘学生’}var copyObj = Object.assign({}, obj)c
2021-01-13 21:26:43
44
原创 2021-01-13
vuex辅助函数Vuex是实现组件全局状态（数据）管理的一种机制，vuex的出现是为了解决web组件化开发的过程中，各组件之间传值复杂和混乱的问题。使用vuex统一管理状态的好处：1.能够在vuex中集中管理共享的数据，便于开发和后期进行维护2.能够高效的实现组件之间的数据共享，提高开发效率3.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新将想要全局存储的数据存放在state中state: {vuex_user:{name:‘oange’,age: 16,
2021-01-13 21:21:40
38
原创 2021-01-13
vuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它由五部分组成：分别是：state,actions,mutations,getters,modules在这里插入图片描述state: 数据actions:可以包含异步操作mutations: 唯一可以修改state数据的场所getters: 类似于vue组件中的计算属性，对state数据进行计算（会被缓存）modules:模块化管理store（仓库），每个模块拥有自己的 state、mutation、action、get
2021-01-13 08:32:57
32
原创 2021-01-11
冒泡排序2种方法冒泡排序得原理如何冒泡？也就是说，把数组中最小的那个往上冒，冒的过程就是和他相邻的元素交换。这个冒的过程就是内循环。经过了一个冒的过程，可以使一个最小的元素冒出来，如果数组里面有 n 个元素，就得冒 n-1 次，这就是外循环。第一种let arr = [10000, 5888, 12000, 6999, 7000, 3000, 4500, 1200, 6000, 500, 99]let index = nullfor (let i = 0; i < arr.length
2021-01-11 19:38:04
46
原创 11.20知识点
今日内容git基本工作流程1 工作目录2暂存区3git仓库提交得步骤gitin 初始化git仓库git status查看文件状态git add文件列表 追踪文件git commit -m提交信息 向仓库中 提交代码git log 查看提交记录撤销撤销用暂存区中得文件覆盖工作目录中得文件 gitcheckout --文件名将文件从暂存区中删除 git rm–cached 文件名分支得命令git branch 查看分支git branch 分支名称 创建分支git checko
2020-11-21 21:25:01
64
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人