Learning_xzj的博客

转载！！！原文地址：https://blog.csdn.net/weixin_44710964/article/details/104502602?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0.control&spm=1001.2101.3001.4242last-child选择器查了下W3C的文档发现我想的没那么简单。就拿:last-child举例，文档中对其的解释是：

转载！！！原文地址：http://www.itcast.cn/news/20201016/16152387135.shtml1. 引言在前端的布局手段中，一直有这么一个知识点，很多前端开发者都知道有它的存在，但是很多人也仅仅是知道它的存在而已，对它的作用也只是将将说得出来，可是却没办法说得非常的清晰。这个知识点，就是BFC。想要了解BFC的规则，前提必须是熟悉前端网页的多种布局手段，例如盒的显示模式display，三种布局手段标准流(normal)、浮动流(float)、定位流(position)等

转载！！！原文地址：https://segmentfault.com/a/1190000017329980回流和重绘可以说是每一个web开发者都经常听到的两个词语，我也不例外，可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享，所以对其进行了一些研究，看了一些博客和书籍，整理了一些内容并且结合一些例子，写了这篇文章，希望可以帮助到大家。浏览器的渲染过程本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，可以跳到后面。（这个渲染过程来自M

转载！！！原文地址：https://srtian96.gitee.io/blog/2018/06/01/%E6%B5%8F%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93%E5%8E%9F%E7%90%86/一、浏览器如何渲染网页要了解浏览器渲染页面的过程，首先得知道一个名词——关键路径渲染。关键渲染路径（Critical Rendering Path）是指与当前用户操作有关的内容。例如用户在浏览器中打开一个页面，其中页面所显示的东西就是当前用户操作相关的内容，也就是浏览器从

说明：转载转载！！！https://juejin.cn/post/6844903990648389645一、前言先来观察这两张图，第一张访问域名http://www.12306.cn，谷歌浏览器提示不安全链接，第二张是https://kyfw.12306.cn/otn/regist/init，浏览器显示安全，为什么会这样子呢？2017年1月发布的Chrome 56浏览器开始把收集密码或信用卡数据的HTTP页面标记为“不安全”，若用户使用2017年10月推出的Chrome 62，..

https://blog.csdn.net/weixin_43870744/article/details/118224087

function ajax( options ){ // options是一个对象，包含请求所需的参数 // 为ajax函数设置默认值，有些不需要传递的参数或者不需要经常改变的参数给一个 默认值，需要改变的时候再用传递进去的值覆盖默认值 var defaults = { type:'get', url:'', async:true, data:{}, header:{ 'content-type':'ap.

什么是iframe标签？ iframe标签是一个双标签/围堵式标签<iframe></iframe>，是一个内联框架iframe标签的作用？ 用于在当前的HTML页面中嵌入另一个文档，比如当好几个页面都有大部分的相同内容（相同的页面头部和底部），那么这些相同的页面部分可以放在新的页面中，然后就可以使用<iframe>标签将重复的内容嵌入到各个页面中。iframe标签的优点？ 使用iframe标签的好处是可以减少代码的重复...

转载：https://www.cnblogs.com/huayang1995/p/13828071.htmlthis.$el获取Vue实例关联的DOM元素；vue中也是允许进行dom操作的（但是不建议）注意this.$el关联的是真实Dom，所以需要在mounted渲染真实Dom之后才可以使用了this.$refs获取页面中所有含有ref属性的DOM元素（如vm.$refs.hello，获取页面中含有属性ref = “hello”的DOM元素，如果有多个元素，那么只返回最后一个）t.

京东商品首页随便选择一个商品进入到商品详情页，商品放大镜就是如下图所示的效果：从图中分析可得：（1）首先在鼠标放置在商品上的时候会出现一个黄色的透明遮罩层（2）遮罩层会随着鼠标的移动一起移动，这里要注意遮罩层的移动范围在图片盒子内部（3）当出现遮罩层的时候右边同时也会出现一个盒子，盒子里面是放大后的商品图PS：看起来好像右边盒子里的图片是左边遮罩层所覆盖部分的放大—专业称为“放大镜”效果，但实际上这里是两张图片，一张小图片放在左边的盒子里，一张大图片放在右边的盒子里，遮罩层在左边盒子

网址：http://www.spritecow.com/把精灵图上传，然后选中自己想要的图标，复制下面的代码（记住改url为自己项目中精灵图的路径）