自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 Vue生命周期

Vue实例有一个完整的生命周期,从开始创建、初始化数据、编译模板、挂载Dom等成为Vu beforeCreate:实例刚在内存中被创建出来,此时,还没有初始化好 data 和 methods 属性; created:实例已经在内存中创建,此时 data 和 methods 已经创建,此时还没有开始编译模板; beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中;...

2019-11-22 16:18:43 116

原创 Promise的理解与使用

promise对象有两个特点:(1)对象的状态不受外界外界影响.promise对象代表一个异步操作,有三种状态;pending(进行中),fulfilled(已成功)和rejected(已失败).只有异步操作的结果,可以决定当前是哪一种状态;(2)一旦状态改变,就不会再改变,任何时候都可以得到这个结果.promise的状态改变,只有两种可能:从pending变为fulfilled和从pendi...

2019-10-07 01:39:08 211

原创 cookie和session区别?

cookie,sessioncookie数据存放在客户的浏览器是上,session是放在服务器上;cookie不是很安全,别人可以分析存放在本地的cookie并进行欺骗;(安全方面应当使用session)session会在一定时间内保存在服务器上,当访问增多,会比较占用你服务器的性能;(考虑到减轻服务器性能方面,应当使用cookie)单个cookie保存的数据不能超过4...

2019-09-20 20:40:02 93

原创 移动端性能优化

尽量使用css3动画,开启硬件加速;适当使用touch事件代替click事件;避免使用css3渐变阴影效果;可以用transfrom:translateZ(0)来开启硬件加速;不滥用float,float在计算时它的计算量会比较大,尽量减少使用;不滥用web字体,web字体需要下载,解析,重绘当前页面,尽量减少使用;合理使用requestAnimationframe动画代替setTim...

2019-09-20 20:14:23 120

原创 浏览器是如何渲染页面的?

流程如下:解析HTML文件,创建DOM树【自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)】;.解析CSS。优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式;将CSS与DOM合并,构建渲染树;布局和绘制,重绘(repaint)和重排(reflow)重排: 当渲染树中...

2019-08-12 17:33:44 98

原创 CSS优化、提高性能的方法有哪些?

CSS优化、提高性能的方法将样式尽量写在单独的一个css文件中,然后在head元素中引用;好处:1.内容和样式分离,易于管理和维护;2.减少页面体积;3.css文件可以被缓存、重用,维护成本降低;不使用@import, @import影响css文件的加载速度;避免使用复杂的选择器,层级越少越好,建议选择器的嵌套最好不要超过三层简洁的选择器不仅可以减少css文件大小,提高页面的加载性...

2019-08-04 16:30:01 300

转载 原生js面试题:请问JavaScript中的内置对象,本地对象,宿主对象分别是什么?

先分两类一、宿主对象:宿主就是寄生,就是寄生在JavaScript里的对象。即对象不是JavaScript语言本身的,但是可以在JavaScript中使用的对象,如DOM,BOM。DOM对象:就是HTML标签寄放在javascript中,叫作对象。即用JavaScript可以操作HTML标签BOM对象:是把浏览器窗口及其浏览器的组成部分寄放在JavaScript中,叫作对象,即可以用Ja...

2019-08-01 21:16:51 341

原创 this代表谁

this代表谁this:代名词,这个的意思。this到底代表谁是要看环境的,这个环境就是函数。this必须出现在函数里(调用函数时,说this才有意义)当this所在函数是构造函数时,this是new出来的对象;当this所在函数是事件处理函数时,this代表事件源;当this所在函数是类的方法时,this是调用该函数的主体;(即该函数所属的对象,也就是写在函数调用代码前面的对象)当...

2019-08-01 10:26:41 247

原创 构造函数的特点

构造函数的特点在代码的写法上:函数名首字母大写(建议)构造函数的调用时new调用构造函数虽然没有返回值,在预编译的时候,会自动增加return this构造函数一开始默认会有new Object()...

2019-08-01 10:15:47 439

原创 冒泡排序和选择排序

冒泡排序和选择排序冒泡排序:以下代码 var arr=[4,2,5,1,6,7,8,5,6]; document.write(arr); for(var i=0;i<arr.length-1;i++){ for(var y=0;y<arr.length-1-i;y++){ if(arr[y]>arr[y+1]){...

2019-07-30 14:41:15 78

原创 cookies sessionStorage和localstorage区别

cookies,sessionStorage和localstorage区别?储存大小cookie数据大小不超过4ksessionStorage和localstorage的储存大于cookie的储存数据,能达到5m左右有效时间sessionStorage关闭浏览器窗口数据就会被删除localstorage数据储存时间长,除非自己手动删除cookie设置有效时间之前一直有效,包括关...

2019-07-30 14:36:42 132

原创 对BFC的理解

BFC概念:中文名为“块级格式化上下文”,它是block formatting context的缩写。 它是一个独立的渲染区域,(Block-level box)规定内部的Block-level Box如何布局,并且与外部没有任何关系。如何触发BFC:设置float除none以外的值;设置display(如inline-block,flex,table-cell);设置overfl...

2019-07-30 09:28:54 96

原创 优雅降级和渐进增强

优雅降级和渐进增强优雅降级:从一开始就构建完整功能,然后针对浏览器进行恢复和测试。渐进增强:一开始就针对低版本浏览器进行页面的构建,完成基本的功能,然后再对高版本浏览器进行追加,交互,效果等,已达到更好的效果。在传统软件开发中,经常会提到向上兼容和向下兼容的概念。渐进增强相当于向上兼容,而优雅降级相当于向下兼容...

2019-07-29 20:09:23 96

转载 你有用过哪些前端性能优化的方法?

你有用过哪些前端性能优化的方法?(1) 减少http请求次数:CSS Sprites, JS、CSS源码压缩、图片大小控制合适;网页Gzip,CDN托管,data缓存 ,图片服务器。(2) 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数(3) 用innerHTML代替DOM操作,减少DOM操作次数,优化jav...

2019-07-24 15:21:37 2173

原创 link和@import的区别?

link和@import的区别?link属于HTML标签,除了引入css文件,还能引入其他文件;@import属于css范畴,它只能引入css文件link引入的css文件和页面同时加载;@import引入的css文件要等到页面加载完之后才会加载link样式的权重高于@import@import低版本浏览器不支持;link是html标签,支持js改变DOM...

2019-07-24 11:31:33 90

原创 http状态码

http状态码有那些?分别代表是什么意思?1**:代表信息类2**:代表响应成功3**:代表重定向4**:客户端错误5**:代表服务端错误常见的http状态码200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求,但尚未处理303 See Other 临时性重定向,且总...

2019-07-24 11:12:47 185

原创 什么是http和https?

http和httpsHTTP协议通常是承载于TCP协议之上的,而在HTTP和TCP之间添加了一个安全协议层(SSL或TSL),他就是我们所说的HTTPS。HTTP默认端口为80;HTTPS默认端口号为443。...

2019-07-24 10:48:06 131

原创 看下列代码,输出什么?

输出什么?var undefined;undefined == null; // true1 == true; // true2 == true; // false0 == false; // true0 == ''; // trueNaN == NaN; // false[] == false; // true[] == ![]; // trueUn...

2019-07-22 14:22:29 182

原创 什么是垃圾回收机制(GC)

JS的垃圾回收机机制什么是垃圾回收机制(GC)?内存管理Javascript垃圾回收方法哪些操作会造成内存泄漏?什么是垃圾回收机制(GC)?早期的计算机语言,比如C和C++,需要开发者手动的来跟踪内存,这种机制的优点是内存分配和释放的效率很高。但是它也有着它的缺点,程序员很容易不小心忘记释放内存,从而造成内存的泄露。新的编程语言,比如JAVA, C#, javascript, 都提供了所谓“...

2019-07-19 14:30:49 1160

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除