摘要：
viewport、强制浏览器全屏、IOS的Web APP模式、可点击元素出现阴影（这个我觉得真没必要去掉，用户点击是需要反馈的，而这个背景色刚刚好提供了一种反馈）等等，太多啦，这些相信大家百度一下就可以查到很多资料 本篇文章主要是讲一些其他的或者优化手段。内容不多 1. 弹出数字键盘 <!-- 有" 阅读全文
摘要：
Mixins 具有多个参数 * 参数可以使用逗号或分号分隔。 （建议使用分号，因为逗号具有双重含义：可以将其解释为mixin参数分隔符或者是css列表分隔符）；使用逗号作为mixin分隔符使不可能创建逗号分隔的列表作为参数。 参数mixin使用一个或多个参数，通过参数和它的属性来扩展Less的功能， 阅读全文
摘要：
写在前面 在真正的前端开发中，我们很少去写行内样式和内嵌样式，通常都是去引用外部样式。 而在我们学习之初的外部样式表都是用link引入的，但是当后来我们学习的逐渐深入，发现@import也可以引入样式。那么同样是引入外部样式，这两者有什么区别呢，下面请跟随我来详细了解一下link和@import的区 阅读全文
摘要：
作为前端，在工作中难免会遇到关于排版的问题，以下是我整理的一些关于css的技巧，希望对你能有帮助。 1、每个单词的首字母大写 一般我们会用js实现，其实css就可以实现。js代码： var str = 'hello world'; str.replace(/( |^)[a-z]/g,(L)=>L.t 阅读全文
摘要：
定义及用法 ⑴<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 ⑵<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 ⑶元数据（metadata）是关于数据的信息。元数据总 阅读全文
摘要：
webp 是目前 Web 比较流行的解决方案，相对于 Jpeg/png, 基于 VP8 的压缩，有着非常不错的压缩率。 <pliga' 1,="" 'onum'="" 'kern'="" 1;="" color:="" rgb(58,="" 65,="" 69);="" font-family:=" 阅读全文
摘要：
一、什么是URL/URN/URI URI=URL+URNURI：统一资源标识符URL：统一资源定位符URN：统一资源名称 二、传输协议 用来传输客户端和服务器端交互的信息的（类似于快递小哥）HTTP（顺丰）：超文本传输协议（除了传递普通的文本，还可以传递文件流或者进制编码等信息），是目前最常用的WE 阅读全文
摘要：
块（Block） /* 常规写法和BEM写法相同 */ .list 元素(Element) 块中的子元素是块的子元素，并且子元素的子元素在 bem 里也被认为是块的直接子元素。一个块中元素的类名必须用父级块的名称作为前缀。如上面的例子，li.item 是列表的一个子元素 /* 常规写法 */ .li 阅读全文
摘要：
一、心形 使用transform-origin属性实现设置不同的点为原点 1、改变元素基点transform-origin（transform-origin是变形原点，原点就是元素绕着旋转或变形的点） 注意：该属性只有在设置了transform属性的时候才起作用； 如果在不设置的情况下，元素的基点默 阅读全文
摘要：
对于首屏的定义，浏览器没有给出标准的指标，因为不同网站对于首屏的要求也是不尽相同的。我们从谷歌的第一次有效时间（first meaningfull paint）得到了一些启发，例如，一个新闻网站文字跟字体对于它来说是更重要的，而图片是次要的。新闻网站可以认为所有文字或字体加载出来即为首屏。但是对于电 阅读全文