自己一直在用并不断完善的重置样式表，直接放到项目里面可让浏览器样式基本统一，现分两个版本，针对不同平台作出优化。 PC端 html{font-family:"Microsoft YaHei UI","Microsoft …

[github地址：https://github.com/ABCDdouyae…] group-array 对数组里面的多项按照指定的key进行整合 用法：group-array(arr, key1, key…

简介 前一段时间找工作，苦于没有自己满意的简历样式，虽然说用photoshop可以满足，但是作为一个前端程序员，总是希望用代码来实现。 参考了其他人的模版，我按照自己的口味，修改出一个版本 一个灵活的数据模板分离的在线简…

【前端芝士树】纯CSS实现多行文本溢出显示省略号 使用-webkit-line-clamp来控制行数 由于-webkit-line-clamp 用来限制在一个块元素显示的文本的行数,这是一个不规范的属性（unsuppor…

欢迎关注前端小讴的github，阅读更多原创技术文章 非常简单： 外层（被遮挡的层）{ pointer-events: none; } 内层（要发生事件的层）{ pointer-events: auto; } point…

webpack4 单独抽离打包 css 的新实现 前言 之前我们使用的打包 css 无非两种方式：① 将 css 代码打包进 入口 js 文件中；② 使用第三方插件(extract-text-webpack-plugin…

get 参数拼接在浏览器的地址栏 url?k=v&k=v 请求报文格式： GET /sms/register.action?name=terry&password=123 Content-size:12 …

CSS1、2、3选择器统览 css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了：Click 通过测试：有如下更正或说明： 注：下述浏览器兼容性以x+表示，表明x以及x以上版本。 动态伪类选择器E…

纯CSS实现水平垂直居中 最近的几场面试都问了这个问题，自己也只答了2种，感觉面试官不满意，特地总结了几种在开发中比较实用的方法，与大家分享。 一、需要知道width,height的方案 1.绝对定位 + 负外边距 &l…

HTML、CSS部分 要点：对Web标准的理解、浏览器差异、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端开发 技术等 1.Doctype作用? 严格模式与混杂模式-如何触发这两种模式，区…

上一篇详述了Sass如何嵌套、导入和注释这3个基本方式来保持条理性和可读性，这一篇更进一步地阐述sass保持样式复用和简洁的方式——混合器和选择器继承——这两种方式都能复用样式，使用它们也不难，但一定要注意什么时候该用什…

HTML学习 请带着以下几个问题进行学习： 什么是HTML、HTML文档类型起到什么作用、HTML5和HTML4有哪些区别、pc端和移动端页面有什么区别、什么是块级元素什么是内联元素、块级元素和内联元素的区别、什么是HT…