按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 画的抽象小鸟https://codepen.io/gregoryb/f… 纯 css 制作的左侧弹出菜单https://c…
分类：css
getComputedStyle与currentStyle获取样式
CSS的样式分为三类： 内嵌样式：是写在标签里面的，内嵌样式只对所在的标签有效内部样式：是写在HTML里面的，内部样式只对所在的网页有效外部样式表：如果很多网页需要用到同样的样式，将样式写在一个以.css为后缀的CSS文…
bootstrap4学习总结
快速开始 css 复制粘贴样式表到head <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/b…
原型模式故事链(4)--JS执行上下文、变量提升、函数声明
上一章：JS的数据类型 传送门：https://segmentfault.com/a/11… 好！话不多少，我们就开始吧。对变量提升和函数声明的理解，能让你更清楚容易的理解，为什么你的程序报错了~哈哈哈 我们…
前端切图工具_08
前端切图工具 作为一个前端切图仔总是避免不了切图的痛苦 强大的PxCook PxCook不得不说这个工具强大，不仅由MAC版也有Windows，也不收费。 具体看官网的安装和教程就好了，真的强大 分享一下photosho…
Web页面中png jpg gif webp svg的区别和使用
PngPNG包括png-8和png-24 png-32 相对来说体积小；支持透明 24（160W）比8（256） 像素 色块 色彩 要多很多 8位保存的时候会有锯齿边缘 24位是透明边缘 24位PNG，支持160万种不同…
小程序输入框文字上移问题 文字弹出输入框
输入框文字上移问题 wxlm <input autoFocus="true" bindconfirm="confirmSearch" bindinput="search" class="srch-ipt" conf…
CSS中几种常用的选择器
类a和b的背景颜色都为白色 大于号‘ > ’指子代元素(子代选择器) .a>.b{ background-color:#fff; } 类a下的类b元素的背景颜色为白色 空格‘ ’指后代元素(后代选择器) .a…
Codepen 每日精选（2018-4-5）
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 纯 css 画的自行车https://codepen.io/elorenn/fu… 纯 css 画的家具安装图https://code…
关于页面优化
作为一名前端工程师，能做的优化有哪一些呢？主要包括两方面：页面性能与代码可维护性。 HTML篇 减少不必要的嵌套 适当且精简的id/class名称 有意义地使用id（利用选择符属性） 减少link、script请求 底部…
vue
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </h…
符合ARIA的radiogroup
HTML <html> <head> <meta charset="utf-8"> <title></title> <meta name="descrip…
