补充一点 {代码...}

本文的题目是 CSS 阴影技巧与细节。CSS 阴影，却不一定是 box-shadow 与 filter:drop-shadow，为啥？因为使用其他属性也可以模拟阴影，而且是各种各样的阴影。下面且听我娓娓道来~

settings.json 里添加设置 {代码...} 参考链接

CSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线（column-rule）的样式。

工作中做了很多生成海报的功能，不同需求，不同场景，使用了几种方案，各有优劣。一直想要整理一下，但这个过程中的思考和遇到的问题没有记录下来，比如图片的跨域问题，文字的问题，做完没有记录，无迹可寻，以至于很难开始。最近重新回顾了一下，整理了一篇文档，...

某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱...

在路由元信息中添加缓存标识: {代码...} 2 . 使用v-if判断是否缓存 {代码...} 这种方法是比较早版本时使用的方法，当时<keep-alive>还没有include属性。这个方法虽然方便，但是会带来很多bug，比如无法使用<transition>、缓存了不必要的，用来实现嵌套路...

我们知道，通过点或者方括号可以获取对象的属性值，如果对象上不存在该属性，则会返回 undefined。这种方式可以判断指定对象的自有属性和继承属性，如果对象自身没有检测的属性，而原型链上有该属性，则会返回原型链上的属性值。

到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

由于疫情的原因啊，我猜大多数人都跟我一样，在家里度过，偶尔学习学习。这不，我遇到了一个如何手动一个v-model的问题，由此展开了学习。在开始之前我们先需要知道一些知识，v-model是一个语法糖，如下：<input type="text" v-model="name">实则是等于下面的...

不久前，我在在前后端分离实践中提到了基于 Token 的认证，现在我们稍稍深入一些。 通常情况下，我们在讨论某个技术的时候，都是从问题开始。那么第一个问题： 为什么要用 Token？ 而要回答这个问题很简单——因为它能解决问题！ 可以解决哪些问题呢？ Token 完全由应...

即使进行了适当的优化，图像也可能会很重。 这会对访问者必须等待才能访问您网站上的内容的时间产生负面影响。 除非您想出一种不会影响速度感知的图像加载解决方案，否则离开你的网站。

线上体验地址[链接] 先说优缺点，毕竟骨架屏实现的方案有很多种 优点 简单，不需要工程，不用puppeteer生成骨架dom，也不需要二次开发维护 定制程度高，想怎么搞就怎么搞 不臃肿，只给你想要的 缺点 自动化程度低，需要在骨架dom上手动添加类 协同要求高，不像工程化...

本文依赖于一个基础却又容易混淆的css知识点：当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！也许你会说，left/right以父元素的width为参照物好理解，但是top/bottom为什么也是以父元素的width为参照物...

vue-waterfall21.不需知道元素宽高，可宽高自适应2.支持无图模式,内容自定义程度高3.支持懒加载(lazy-src)4.提供Event:loadmore (pc/android端滑动到底部触发，ios端需要上拉触发)5.使用极为简便,适用于PC/ios/android有问题欢迎提issues、suggestions;Thank you for...

 vue项目的package.json中显示的"vue-awesome-swiper": "^2.5.4"，用npm install自动安装依赖时装的版本为"version": "2.6.7"       2.5.4与2.6.7都是基于swiper3的，从官网上swiper3的教程来看并不需要单独引入样式文件，而2.6.7版本需要单独引入swiper/dist/css目...

使用了 vconsole 后，如果打印了复杂的对象会出现这种问题，比如说下面这种情况： {代码...}