标签：css

Web前端开发标准规范

web前端开发规范的意义提高团队的协作能力提高代码的复用利用率可以写出质量更高，效率更好的代码为后期维护提供更好的支持一、命名规则命名使用英文语义化，禁止使用特殊字符，禁止使用拼音，禁止使用中英文混合！项目…

Styled-Components 它是通过JavaScript改变CSS编写方式的解决方案之一，从根本上解决常规CSS编写的一些弊端。通过JavaScript来为CSS赋能，我们能达到常规CSS所不好处理的逻辑复杂、…

关于一像素显示的问题可以参考从1px像素问题剖析像素及viewport 和 iPhone 6 屏幕揭秘。解决方案如何解决一像素显示问题可以参考博客 7种方法解决移动端Retina屏幕1px边框问题。方案/优缺点 …

技能考察：一、关于Html 1、html语义化标签的理解; 结构化的理解; 能否写出简洁的html结构; SEO优化 a、理解：根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代…

awesome-pure-css-no-javascript 纯 CSS + HTML，不使用 JavaScript，能实现怎样的视觉效果? 这里收集整理了一些相关资源与工具，欢迎各位补充。 GitHub地址，欢迎sta…

按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。图片切换效果https://codepen.io/suez/full/… 可交互的粒子撞击效果https://codepen.io/d…

近来做了一些嵌入视频的运动，积聚了点视频方面的履历，下面记录下别人和本身踩过的坑以及响应的处理方案。1、碰到题目和处理方案1.1、ios 网页中播放视频默许全屏（点击视频会弹出播放器举行全屏播放）。处理不全屏播放能够增加…

按下右边的“点击预览”按钮能够在当前页面预览，点击链接能够翻开原始页面。纯 css 画的笼统小鸟https://codepen.io/gregoryb/f… 纯 css 制造的左边弹出菜单https://c…

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </h…

github地址：https://github.com/ABCDdouyae… dedupe 对数组进行去重，也可以自定义去重（比如要求数组的每一个对象的某个属性不重复）文档地址:https://www.n…

前两种方法称为大致居中，一般误差随高度的减小而减小，不过一般来说不怎么看得出来，除非你用javascript调用offsetTop来查看。不然没有强迫症的比较难看出来。但是兼容性很好，尤其是table-cell的从IE6…

首先需要为meta标签加上viewport-fit=cover，默认viewport-fit=contain，跟background-size类似。当值设置为cover既可让安全区域铺满全屏，就跟适配其他设备没什么区别了…