html+css
文章平均质量分 74
Vin1992
我是一名工程师
展开
-
CSS 中的鲜为人知的zoom属性(揭密)
这里我们介绍一下CSS中的Zoom属性,这个属性一般不为人知,甚至有些CSS手册中都查询不到转载 2017-03-04 10:47:46 · 1528 阅读 · 0 评论 -
CSS3 弹性盒布局总结(一)
一、css3弹性盒是什么? 一种提供响应式布局的解决方案,与传统的CSS2盒模型在子元素表现上有很大不同。具体不同是在盒子会自动随着外部元素的宽度或者设备宽度不同而动态分配宽度。二、布局结构:父元素+n个子元素 父元素以box-开头的相关属性:1. display:flex 声明弹性盒布局2. box-orient(horizontal|ve原创 2017-03-25 13:45:32 · 1111 阅读 · 0 评论 -
CSS3弹性盒布局总结(二)
昨天发现flex属性的总结(一)里的属性和w3cschool里的flex属性有很多都是重复的功能。今天翻了一篇w3cplus里的一篇文章:戳这里,发现其实是flex语法的两个不同的版本。昨天那个比较老,今天总结的是最新的语法标准。原创 2017-03-28 13:15:31 · 420 阅读 · 0 评论 -
CSS3过渡和动画
随想:为什么要写博客,原因之一:写博客也是大脑缓存的一种方式。可以把写博客看做是将知识碎片整理并写入一个“缓存文件”,当每次需要使用这个知识点的时候,直接回头看博客,而不用转动大脑搜索知识碎片,而且大多是不完整的,碎片化的,无法系统的连接起来,博客也一定程度上起到了缓解CPU(大脑)的运行压力。有意思正题: CSS3 过渡和动画,区别这两个概念,有助于记忆其属性。过渡:一点到另一点;没有完成时间原创 2017-03-28 12:55:50 · 779 阅读 · 0 评论 -
细节决定成败
用flex 写一个简单的响应式多栏布局,自己写的和demo里写的一模一样,但是就是看不到想要的效果。 那一刻,我心里有一万只草泥马奔腾而过,开始严重怀疑自己的智商是否低级到照猫画猫的事情都做不了! what the F**K! 憋住心里的复杂的心情,点了一支烟,默默抽完。 回来之后,继续复查,把所有代码删了重写再写了一遍,这次却意外成功了!我擦,看来世界上没有鬼! 最后,我把错误揪出来了,原创 2017-03-30 00:01:27 · 504 阅读 · 0 评论 -
浏览器内核的解析和对比
要搞清楚浏览器内核是什么,首先应该先搞清楚浏览器的 构成。简单来说浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏 等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。也有一些 浏览器并不区分外壳和内核。从Mozilla将Gecko独转载 2017-03-07 11:01:08 · 360 阅读 · 0 评论 -
JS异步加载的三种方式
一:同步加载我们平时使用的最多的一种方式。同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解析,只有当当前加载完成,才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为,就会造成页面堵塞。所以一般建议把标签放在结尾处,这样尽可能减少页面阻塞。二:异步加载异步加载又叫非阻转载 2017-03-07 10:01:48 · 755 阅读 · 0 评论 -
JS中的短路运算
原文链接 尊重原创在逻辑运算中,转换为boolean类型的值后为false的情况: 0、""、null、false、undefined、NaN,其他都为true。1. && 找假 结果==》 总结: &&是找假 (先看第一个表达式的值,如果第一个表达式不是boolean类型,会先将此值隐式转换,转成boolean的值) 如果第一个转载 2017-03-10 10:56:07 · 1711 阅读 · 0 评论 -
现代Web开发需要学习的15大技术
译文链接:http://www.codeceo.com/article/15-teches-web-developer-need.html英文原文:Things to learn for Modern Web Development翻译作者:码农网 – 小峰将近4年前,我写了一篇名为《Future of Web and Mobile: HTML5, CSS3 a转载 2017-03-05 11:04:19 · 336 阅读 · 0 评论 -
彻底弄懂CommonJS和AMD/CMD!
JS中的模块规范(CommonJS,AMD,CMD),如果你听过js模块化这个东西,那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯,我也听过,但之前也真的是听听而已。 现在就看看吧,这些规范到底是啥东西,干嘛的。本文包括这三个规范的来源及对应的产物的原理。 一、CommonJS1.一开始大家都认为JS是辣鸡,没什么用,官方定义的API只能构建基于浏览器的应用程序,逗我转载 2017-03-08 12:16:29 · 3695 阅读 · 0 评论 -
总结移动端页面开发时需要注意的一些问题
1、防止手机中网页放大和缩小,这点是最基本的,最为手机网站开发者来说应该都知道的,就是设置meta中的viewport有些手机网站我们看到如下声明:DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">设置了转载 2017-05-21 11:35:53 · 642 阅读 · 0 评论