自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 es6 新数据结构 Map和Set

Set类似于数组,但是成员的值是唯一的,没有重复的值创建实例Set本身是一个构造函数,用来生成Set数据结构var set = new Set();Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化。var set = new Set([1,2,3,4,1,2,3,4]);set // Set(4){1,2,3,4}// 注意,不可以使用set[index]来获取值;向Set添加值的时候,不会发生类型转换var set = new Set();

2021-01-15 22:10:23 126

原创 从渲染过程看待link和@import

前言在网上查看link和@import的区别的时候,可以搜到很多相关的文章,大致总结起来,其区别有3点,如下所示:1、原理不同:link是html的标签,必须写在 .html文件里面,@import是css的语法,需要写在style标签或者 .css文件里面。2、兼容性不同:link在所有的浏览器里面都兼容,而@import是css2.1引入的,所以一些低版本的浏览器无法兼容(ie6等)3、加载顺序不同:@import会比link加载慢(这是网上很多文章的观点)正文第1、2点没什么好说的,

2020-12-22 20:05:23 175

原创 性能优化之CSS

性能优化之CSS在浏览器渲染中,css的渲染过程会经历以下步骤:Recalculate Style --> Layout --> Paint --> Composite Layers中文意思就是:计算样式大小 --> 排布 --> 绘制 --> 组合层。知道了css的渲染过程有什么呢? 这对只能优化十分重要,从上面我们可以看出:一旦触发重排,必然会触发重绘,影响到组合层一旦触发重绘,就会影响到组合层。所以为了避免性能不好,我们需要尽量避免重排

2020-12-22 16:44:21 127

原创 浏览器的渲染过程

浏览器的渲染过程前言最近在面试的时候遇到了一个前端的优化问题,答得不好,回来之后,就想系统的学习一下,发现想掌握好性能优化,就必须了解好浏览器的整个渲染过程。所以需要先学习渲染过程,却发现网上的相关资料少的可怜,能找到的只有一张很常见的图和几句话:http解析器解析生成DOM树,css解析器解析css生成CSSOM,DOM树和CSSOM树结合生成Render Tree之类的话,完全get不到重点。在经过自己几天的努力之后,大致了解了其渲染过程。接下来,让我们一起来深入了解其渲染过程。渲染过程我

2020-12-20 17:32:41 187 1

原创 2020-11-24

vue-router路由拆分多文件与组合随着我们一个项目的开发,其路由文件会越来越复杂,首先,不利于我们的阅读,其次,其维护难度也会大大的增加,因此,我们需要其拆分成多个路由文件来书写。在拆分文件的时候,我们需要将其分类为两种:主路由、子路由和其他路由模块。首先,我们需要一个index.js。这是主路由,是项目启动时一定会访问到的路由文件。// 引入Vueimport Vue from 'vue'// 引入路由import Router from 'vue-router'// 引入组件

2020-11-24 21:52:24 111 1

原创 spring注解之@RequestParm,@PathVariable,@RequestBody的使用

一、@RequestParm这个注解可以帮助我们从前端获取传递的值,值得注意的一个点是前端的form表单中input中的name的值必须和@RequestParm()中的值一样,如下例子,都需要写为username。1、后端Controller类中的代码:package Controller;import org.springframework.web.bind.annotation.R...

2020-02-25 16:19:33 2000

原创 SpringMvc框架中如何使用Aop面向切面编程

一、配置文件1、配置pom.xml配置文件,导入所需要的类 <dependency> <groupId>aopalliance</groupId> <artifactId>aopalliance</artifactId> <version>1.0</version> ...

2020-02-18 14:29:08 527

空空如也

空空如也

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

TA关注的人

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