04 2021 档案
《CSS揭秘》 |用户体验与结构布局
摘要：用户体验 1 鼠标光标 cursor: crosshair;//十字 cursor: help;//问号 cursor: move;//十字锚 cursor: pointer;//手指 cursor: not-allowed;//禁用 cursor: wait;//加载 cursor: zoom-i
《CSS揭秘》 |阴影
摘要：引例 box-shadow:2px 3px 4px rgba(0,0,0,.5); 绘制原理： 以该元素相同的尺寸和位置，画一个rgba(0,0,0, .5)的矩形 向右移2px；向下移3px 使用高斯模糊算法进行4px模糊处理 模糊后的形状与原始元素的交集会被切除掉 单侧阴影 div { widt
《CSS揭秘》 |形状
摘要：本章示例：https://codepen.io/sanhuamao1/pen/XWpPgeL?editors=1100 引入：border-radius border-radius可以单独指定水平和垂直半径，只要用一个斜杠（/）分隔这两个值即可。这个特性允许我们在拐角处创建椭圆圆角： border-
《CSS揭秘》 |前言
摘要：书本介绍 书名：《CSS 揭秘》，英文名《CSS Secrets: Better Solutions to Everyday Web Design Problems》 作者：[希］Lea Verou， 译：CSS魔法 思维导图
《CSS揭秘》 |背景与边框
摘要：本章例子：https://codepen.io/sanhuamao1/pen/YzNOZqY 1 透明边框 你可能会这样写： border: 10px solid hsla(0,0%,100%,.5); background: white; 然而，半透明白色边框处透出了自己的纯白实色背景，而并没有半
《CSS揭秘》 |CSS编码技巧
摘要：本章例子：https://codepen.io/sanhuamao1/pen/eYgLvYm 减少重复代码 更改大小 font-size: 20px; line-height: 30px; padding: 6px 16px; 改进：（1）将需要同步改变大小的属性值单位用相对属性代替，如em。这时大
《CSS揭秘》 |检测属性与属性值
摘要：检查属性是否存在 var root = document.documentElement; if ('textShadow' in root.style) { root.classList.add('textshadow'); }else { root.classList.add('no-texts
综合 |vuex与websoket应用
摘要：需求是获取导出记录。特点，无论哪个路由都能访问记录；进行导出操作时，等待后台处理后会通过websocket传来下载数据并重新渲染记录 效果 vuex import { getExportLogs } from "@/api/login"; const store = new Vuex.Store({
