- 博客(22)
- 收藏
- 关注
RSS订阅转载 存储
LocalStorage特点:生命周期是永久性的。即使关闭浏览器，数据也不会销毁存储大小一般为5M需要主动去销毁储存的对象类型均为字符串类型同源可以读取并修改localStorage数据SessionStorage特点:生命周期是在浏览器关闭前。即关闭浏览器数据就会销毁存储大小一般为5M储存的对象类型均为字符串类型只允许同一窗口访问使用cookie内存Cookie： 内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。磁盘Cookie： 硬盘
2021-03-25 07:34:53
66
原创 ajax
1:什么是ajax？ajax作用是什么？异步的javascript和xml AJAX 是一种用于创建快速动态网页的技术。 ajax用来与后台交互2:原生js ajax请求有几个步骤？分别是什么//创建 XMLHttpRequest 对象var ajax = new XMLHttpRequest();//规定请求的类型、URL 以及是否异步处理请求。ajax.open('GET',url,true);//发送信息至服务器时内容编码类型ajax.setRequestHeader("Cont
2021-03-24 07:43:16
118
原创 事件
事件流的三个阶段捕获阶段：事件从Document节点自上而下向目标节点传播的阶段目标阶段：真正的目标节点正在处理事件的阶段冒泡阶段：事件从目标节点自下而上向Document节点传播的阶段事件委托事件委托，又称事件代理。就是把原本需要绑定在子元素的响应事件委托给父元素，让父元素来当事件的监听者，原理就是DOM元素的事件冒泡。事件委托有什么好处呢？可以大量的节省内存，减少事件的注册可以实现当新增子元素时无需再对其绑定事件（动态绑定）...
2021-03-23 07:40:57
88
转载 js
虚拟DOM和diff算法虚拟dom就是用对象的方式区代真实的dom操作。当页面打开时浏览器解析HTML元素，构建一个dom树，将状态保存起来，在内存中模拟dom操作，又会生成一个dom树，两个进行比较，根据diff算法找出不同的地方，之渲染一次不同的地方diff算法：就是进行虚拟节点对比，并返回一个patch对象，用来存储两个节点不同的地方，最后用patch记录的消息去局部更新DomJS中所有全局都是window的window的作用:在封闭空间中声明一个全局的变量全局变量和函数都属于window
2021-03-22 07:35:01
83
转载 js
1，DOM的本质：DOM可以理解为浏览器把拿到的html代码，结构化一个浏览器能识别并且js可操作的一个模型当网页被加载时，浏览器会创建页面的文档对象模型javascript能改变页面中的所有HTML元素javascrip能改变页面中的所有HTML属性javascrip能改变页面中的所有CSS样式javascrip能对页面中的所有事件做出反应DOM是哪种数据结构树（DOM树）DOM树形结构2， js获取DOM节点的几种方式document.getElementById(); //i
2021-03-22 07:31:37
85
转载 js
1，event loop（事件轮询/事件循环）首先我们要知道 由于js是单线程的脚本，异步事件要基于回调来实现的而event loop 就是异步回调的实现原理1，js的执行顺序从前到后，一行一行执行如果有一行执行报错，就会停止下面代码的执行先执行同步代码，后执行异步举个例子这上面是一个js执行顺序的小案例上面是浏览器运行首先运行第一行代码，显示console.log(‘Hi’)，然后清空调用栈。然后调用函数，函数会进入异步函数队列中最后执行log代码，然后清空然后
2021-03-22 07:29:05
79
转载 同步异步
1，什么是同步，异步在我们学习的传统单线程编程中，程序的运行是同步的（同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行）。JavaScript的单线程浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。为了利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完全受主线程控制，且不得操作DOM。这样
2021-03-19 07:32:05
70
原创 js
作用域变量的作用域分为全局作用域、局部作用域和块级作用域全局作用域：最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的 var count = 0 function fn(){ console.log(count); } fn()//result:0局部作用域：局部作用域一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的<script> function fn(){ var count
2021-03-17 20:38:32
55
转载 2021-03-17
Vue 基础使用**指令，插值插值，表达式指令，动态属性v-html：这个会有 XSS 风险，会覆盖子组件 （用了之后内部自己写的所有代码块都会被覆盖，失效）computed（计算） 和 watch（监听）computed 有缓存，data不变则不会重新计算（缓存意味着不用重复加载）当 dom 是通过 v-model 绑定时 要 get() 和 set() 否则会报错watch 本身是浅度监听 如何深度监听？要用到 handler 以及 deep : true 深度监听 引
2021-03-17 07:38:03
66
转载 vue一些面试题
1.vue为什么要使用key？ key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。2.vue中组件的通信父组件传给子组件//App.vue父组件<template> <div id="app">
2021-03-16 07:39:02
72
原创 css
1，盒模型宽度的计算1，什么是盒模型所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。2，盒模型分为标准盒模型和怪异盒模型box-sizing: content-box;标准盒模型是默认值，width是内容宽度 ，元素真正的宽度计算时要加上border（边框）和padding（内边距）box-siz
2021-03-14 21:23:35
84
原创 js
1，常见的数据类型的判断，深拷贝与浅拷贝详情见博主写的另一篇博客^_^2，"===" 与 “==” 的区别== 检查值相等, 允许类型转换:两个等号我们称为等值符，当等号两边的值为相同类型时比较值是否相同，类型不同时会发生类型的自动转换，转换为相同的类型后再作比较=== 检查值和类型相等， 不允许类型转换:三个等号我们称为等同符，当等号两边的值为相同类型的时候，直接比较等号两边的值，值相同则返回true，若等号两边的值类型不同时直接返回false3，## 垃圾回收机制js垃圾回收机制有引用
2021-03-14 21:22:29
69
原创 面试准备
【如何进行自我介绍】自我介绍这个问题，不用多说了，面试必定会问！如果想要在自我介绍的时候就能够打动面试官，吸引面试官对我们的兴趣，那么像我们这种接受过Java培训的程序员的自我介绍当然不能和应届生或者其他非技术岗位一样。如何进行自我介绍比较好？有没有什么套路呢？当然有。如何进行自我介绍？1、我叫xxx,来自于湛江赤坎，从网上看得到公司招聘的这个职位，觉得非常适合自己的发展。所以来这里争取下这份工作。2、接下来可以讲解自己的核心竞争力（最强的技能、最深入研究的知识领域、个性中最积极的部分）和闪光点（做
2021-03-14 21:13:43
76
原创 性能优化
代码层面的优化v-if 和 v-show 区分使用场景v-if 是 真正 的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show 就简单得多， 不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 display 属性进行切换。所以，v-if 适用于在运行时很少改变条件，不需要频繁切换条件的场景；v-show 则适用于需要非常频繁切换条件的场
2021-01-19 19:31:07
52
原创 promise和async
Promise是异步编程的一种解决方案是为了解决js中的回调地狱问题什么是回调地狱当回调函数嵌套过多时就会出现回调地狱ajax(url1,function(res1){ console.log(res1) ajax(url2,function(res2){ console.log(res1,res2); ajax(url3,function(res3){ console.log(res1,res2,res3); }) }) })Pro
2021-01-16 19:26:33
134
原创 rem
remrem是相对长度单位、相对根元素（既html元素）font-size计算值的倍数的一个css单位，fontsize=100px=1rem，也就是我们前端常说的设配单位rem例如：设计稿宽度：600px移动设备：600px设置html的 font-size= 移动设备 / 设计稿宽度 * 100 = 100px，那么 1rem = 100pxfunction rem(){ //根据设备的宽设置html的字体大小 document.documentElement.style.fontSiz
2021-01-14 20:47:09
107
原创 js单线程，事件循环，微任务宏任务
js单线程和异步js引擎执行js代码的时候是单线程的，即同一时刻只会有一个进程执行JS代码，回调函数也是一个一个执行的（按照事件发生的顺序，而不是代码的顺序）JS中的异步通信和定时是由另外的线程实现的，脱离js线程上下文。以JS定时操作举例，当JS引擎执行setTimeout(callbackFunction, 100)操作时，它会通知定时线程我需要100毫秒的定时，之后JS引擎进入事件循环。100毫秒之后，定时引擎向事件队列中加入一个时间已到的事件。JS引擎从队列中读取时间已到的事件，执行callba
2021-01-14 20:40:34
75
原创 github使用，小型服务器，查询项目，协同开发等
github使用和小型服务器注册账号点击输入仓库名字即可创建，如果需要小型服务器，仓库名为用户名.github.io小型服务器创建完成后可通过用户名.github.io访问多人协同开发A在自己的计算机中创建本地仓库A在github中创建远程仓库A将本地仓库推送到远程仓库B克隆远程仓库到本地进行开发B将本地仓库中开发的内容推送到远程仓库A将远程仓库中的最新内容拉去到本地ssh免登陆1 先在命令提示框内输入 ssh-keygen 生成密钥2 秘钥存储目录：C:\Users\用户.
2021-01-13 20:41:20
134
原创 关于深拷贝浅拷贝，原型，类型校验，递归深拷贝
浅拷贝是拷贝一层，深层次的对象级别的就拷贝引用；深拷贝是拷贝多层，每一级别的数据都会拷贝出来；浅拷贝和深拷贝都只针对于引用数据类型，浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存；但深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象；区别：浅拷贝只复制对象的第一层属性、深拷贝可以对对象的属性进行递归复制；深拷贝方式JSON.parse(JSON.stringify(obj)) //最简单的深拷贝方式//递归进行深拷贝funct.
2021-01-13 19:32:43
119
原创 vuex核心和辅助函数
state 数据源，所有共享的数据都要统一放到store的state中进行存储通过this.$store.state.属性名访问但是访问次数较多或者state存放数据较多时，重复使用这句会比较繁杂可使用mapState辅助函数import { mapState } from 'vuex'//先从vuex里导入辅助函数computed: { //需要写在conputed里面 ...mapState(['属性名'])， //也可以传一个对象进行重命名操作 ...mampState({ren.
2021-01-12 20:06:11
67
原创 git常用命令
git 常用命令git init 作用是初始化一个能让git进行管理的仓库git add ‘文件名称’ 提交单个文件 git add . 提交所有修改的文件git status 可以查看当前git所处的状态 比如放在git add 后执行git status命令可以查看当前都添加了那些修改的内容git commit -m “描述” 描述内容需要表达本次修改的内容git checkout – file 可以撤销当前文件提交的更改git log 查看git使用的记录（日志）
2021-01-12 19:32:14
43
原创 冒泡排序和递归
冒泡排序基本思想: 冒泡排序，类似于水中冒泡，较大的数沉下去，较小的数慢慢冒起来，假设从小到大，即为较大的数慢慢往后排，较小的数慢慢往前排。直观表达，每一趟遍历，将一个最大的数移到序列末尾。算法描述比较相邻的元素，如果前一个比后一个大，交换之。第一趟排序第1个和第2个一对，比较与交换，随后第2个和第3个一对比较交换，这样直到倒数第2个和最后1个，将最大的数移动到最后一位。第二趟将第二大的数移动至倒数第二位function arr_sort(data) { var temp fo
2021-01-11 19:00:14
707
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人