Pei71320的博客

原创 优化网页渲染

css的文件放在头部，js文件放在尾部或者异步尽量避免內联样式「css文件放在头部加载」，可以保证解析DOM的同时，解析css文件。因为，CSS（外链或内联）会阻塞整个DOM的渲染，然而DOM解析会正常进行，所以将css文件放在头部进行解析，可以加快网页的构建速度。假设将其放在尾部，那时DOM树几乎构建结束，这时就得等到CSSOM树构建完成，才能够继续下面的步骤。「js放在尾部」：js文件不同，将js文件放在尾部或者异步加载的原因是JS（外链或内联）会阻塞后续DOM的解析，后续DOM的渲染也将被.

原创 JavaScript 原型链

转载 清除浮动的四种方式及其原理理解

有一篇总结的特别特别好的文章：请移步：清除浮动的四种方式及其原理理解

转载 跨域资源共享 CORS 详解

跨域资源共享 CORS 详解阮一峰老师对其有很详尽的描述，这里留下地址方便以后查看：https://www.ruanyifeng.com/blog/2016/04/cors.html

原创 a标签的伪类样式 顺序注意

a标签常用的伪类包括:link – 定义正常链接的样式:visited – 定义正常链接的样式:hover – 定义鼠标悬浮在链接上时的样式:active – 定义鼠标点击链接时的样式但是，在设置a标签的这四个伪劣的样式时，需要注意他们的顺序；如果这四项的书写顺序稍有差错，链接的效果可能就没有了，所以每次定义链接样式时务必确认定义的顺序，link–visited–hover-acti...

原创 js复制一个对象给另一个变量

js中如果只是用var objNew = objOld来将一个对象赋值给另一个对象，这实际上是将objOld的内存地址值赋值到给了objNew，当之后objNew对象发生的任何变化都会同样作用于objOld对象中；现在的需求是：我只想要一个和objOld对象内部结构及内容一模一样的对象，但是对这个新变量的任何修改操作都不会作用到objOld对象中，具体实现代码如下：function clo...

原创 div内元素居中（水平居中、垂直居中、水平和垂直都居中）

1. 水平和垂直都居中效果图相关代码 <!-- html相关代码 --> <div id="outer"> <div id="insider"></div> </div> /* css相关代码 */ html, body { width: 100%; height: 100%; }...

原创 display:flex简单介绍

参考链接：https://www.cnblogs.com/qingchunshiguang/p/8011103.html容器的属性：flex-direction:-- 决定主轴的方向（即项目的排列方向）- row（默认）：主轴水平方向，起点在左端；- row-reverse：主轴水平方向，起点在右端；- column：主轴垂直方向，起点在上边沿；- column-reserve：主轴...

转载 this.$router.push、replace、go的区别

转载链接：https://www.cnblogs.com/hwldyz/p/9204346.html1. this.$router.push()描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面用法： // 字符串 this.$router.push('home') // 对象 this.$router.push({path: 'ho...

原创 vue-cli2.x和vue-3.x安装区别

vue-cli2.x安装如果就是想单纯的安装vue-cli2.x的话，依次执行一下语句：1. npm install vue-cli -g -- 安装vue-cli2.x脚手架2. vue init webpack xxx -- 使用vue-cli2.x来创建一个名称为xxx的项目3. cd xxx -- 进入刚创建好的项目的路径下4. npm inst...

原创 点击链接/按钮显示div区域，点击其他区域再隐藏之前显示的div

情形：页面上有一个链接（也可以写成按钮），当点击该链接时，显示出一个div框，框内的内容自定义代码：页面上的两个控件，div的样式可以自定义进行修改：<a id="myA" href="#" onclick="showDiv()">显示div</a><div id="myDiv" style="display: none; background-c...

原创 向大家推荐一款可以免费在线Word转pdf，jpg转pdf，ppt转pdf等各种格式转换的网站

先上网址：https://www.ilovepdf.com/zh-cn/word_to_pdf效果如下（仅演示一下word转pdf，剩下的大家自己操作）：1.初始界面：2.无需登录注册（不介意的话也可以注册登录），按图所示，直接将word文件拖入其中就行：3.拖入之后如下，点右下方的转换4.转换中：5.转换完毕：6.其他功能可以点击左上角“所有...