HTML 篇 样式兼容性问题 <!-- IE 按 Edge 模式渲染 --> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <…
分类：css
浮动的label
在web项目中，有一个很重的模块就是登陆/注册模块，这个模块的主体部分就是一个form表单，这个form表单包含两个重要input组（用户名/密码），每个input组都包含label和input，而关于 label+in…
【每日一包0013】to-capital-case,to-constant-case,to-dot-case
[github地址：https://github.com/ABCDdouyae…] to-capital-case 将用符号分开的字符串用空格分隔开，并且每个单词首字母大写 用法：toCapitalCase(…
第三方CSS安全吗？
原文： https://jakearchibald.com/201… 翻译：疯狂的技术宅 本文首发微信公众号：jingchengyideng欢迎关注，每天都给你推送新鲜的前端技术文章 前一段时间，有很多关于用…
实现图片恒定宽高比的属性 — intrinsicsize
开发中可能会遇到这样的需求：一个响应式页面，它的图片宽度是随页面大小变化的，并且图片高度和宽度要保持固定的比率。（这里假设图片是<img>元素，不是作为background，页面上要显示图片的宽高比与图片本身…
Codepen 每日精选（2018-3-31）
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 制作像素画的画板https://codepen.io/abeatrize/… 纯 css 画的晚上的风车https://codepen…
点击input时，不显示边框！
点击input时，不显示边框！ ① input{ outline: none; } ②:focus 伪类选择器 ① input{ outline: none; } 鼠标点击input时，出显的黑色边框，怎么去除的问…
Web前端开发规范文档
Web前端开发规范文档 规范目的： 使开发流程更加规范化。 通用规范： TAB键用两个空格代替（WINDOWS下TAB键占四个空格，LINUX下TAB键占八个空格）。 CSS样式属性或者JAVASCRIPT代码后加“;”…
document.write知多少
原生JavaScript的API里document.write绝对是重量级的。如果大家对他的使用场景、注意事项、原理等不明晰，欢迎阅读本文。 使用场景 第三方合作 <div id="third"> <!…
Sublime Text3 配置less保存自动编译
Sublime Text3 配置less保存自动编译 Mac OSX环境下 Sublime Text3 需要安装less，语法高亮插件 Install NodeJS，通过npm在mac终端全局安装less npm ins…
nodejs 基础篇整合
nodeJs 基础篇整合 最近有朋友也想学习nodeJs相关方面的知识，如果你是后端想接近前端，node作为一门跑在服务端的JS语言从这里入门再好不过了。如果你正好喜欢前端，想走的更高，走的更远。nodeJs同样也是不二…
less常用技巧
本文主要是记录自己日常工作中用到过的一些less小技巧 1. 组件库主题定制 一般组件库的样式编写都会为使用者设计一些主题样式更换方案，我这里根据自己对主流组件库antd和iview的研究，总结出这两类： iview引入…
