提高开发效率 简单的集成到了vue-cli生成的项目上 项目github地址 A Vue.js project Build Setup # install dependencies npm install # serve…
分类:css
【每日一包0012】to-camel-case,to-no-case,to-space-case
github地址:https://github.com/ABCDdouyaer/a_pack_per_day_NO.1 to-camel-case 将被其他符号分割的字符串转换为驼峰形式的字符串 用法:toCamelCa…
使用inline-flex让容器自适应宽度
想必flex大家都不陌生,但是你知道还有一种布局叫inline-flex吗? inline-flex和flex的区别很简单,除了inline-flex可以让容器根据子元素内容的宽高自适应容器的宽度外,其他和flex几乎一…
vertical-align 和 line-height | 垂直居中
今天在写样式时,icon和文字都进行了垂直居中的处理,但是icon并没有垂直居中,后来发现由于 line-height 和 vertical 一起使用导致与预期样式不同,特此对 vertical-align 总结进行! …
淘宝css初始化代码
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, …
pc端页面到移动端显示时,相同字体大小移动端显示不一致的问题
https://github.com/amfe/article/issues/10 原来这个特性被称做**「Text Autosizer」,又称「Font Boosting」、「Font Inflation」**,是 W…
怎样才能在WEB前端、HTML5开发的路上,越走越远,越笑越好?!
HTML5学堂(码匠):在北上广等大城市工作,高强度的工作节奏让每个人在工作日都处于一种紧张的状态。不知不觉的打拼几年之后,突然发现原来处于类似水平的伙伴们,都拉开了不少的差距。在职场这漫长的几十年,怎样才能笑到最后,笑…
前端技术演进(九):参考文章
下面列出了前端技术演进系列的大部分参考文章,如果没有列出的,请私信我告知,么么哒 😘~ 特别感谢《现代前端技术解析》的作者张成文。 https://book.douban.com/subject/2702…
移动端input框问题
部分问题可参考:https://www.cnblogs.com/ljx20… 失焦之后webview没有回到原来位置 input.addEventListener('blur', () => { set…
【VUE入门】父组件给子组件传值
父组件传值给子组件 【 各位看的时候记得要看代码中的注释!!记得!!】 父组件给子组件传值,最最要记得【 props】,在子组件中用 props 来接收父组件传来的数据,之后展示在子组件中。 例如: 子组件 child.…
用纯CSS实现简单的相册幻灯片
之前发了两篇关于CSS的文章,大家都比较关注,看来大家对这块东西都是很感兴趣的,现在趁热打铁再来一发~~ 简介 一个用纯CSS实现的简单幻灯片效果,仅供实验,要看Demo请自备Chrome浏览器,勿用于生产环境,不然后果…
块级元素和行内元素的区别
区别: 注:行内元素会在一条直线上,是在同一行的。 //我是行内元素SPAN标签//我是行内元素strong标签// 注:块级元素各占一行。是垂直方向的! 我是块级元素div标签我是块级元素P标签 如果你要将行内元素变成…