摘要: 距离上个移动端重构系列已是两年了(不得不感叹时间是把杀猪刀)。这次将会带来实战系列,将欠下两年的债现在还上,给七年的重构赋予一次新生。 既然是新的开始,先简单说下这个系列要用到的一些技术吧。同时也是对移动端重构一些技术的一个简单回顾。 viewport 关于viewport详细请参考移动前端开发之v 阅读全文
posted @ 2018-03-20 11:11 luckylou 阅读(161) 评论(0) 推荐(0) 编辑
摘要: HTML Doctype作用?严格模式与混杂模式如何区分?它们有何意义? HTML5 为什么只需要写 <!DOCTYPE HTML>? 行内元素有哪些?块级元素有哪些? 空(void)元素有那些? 页面导入样式时,使用link和@import有什么区别? 介绍一下你对浏览器内核的理解? 常见的浏览器 阅读全文
posted @ 2018-03-20 11:10 luckylou 阅读(256) 评论(0) 推荐(0) 编辑
摘要: 一、站在用户的角度看问题 一个用户,访问一个web页面的真实场景是怎样的呢? 下面是某用户访问某站点的一个场景: 1. 小明打开了自己的电脑,访问了鑫空间-鑫生活; 2. 小明体内洪荒之力无法控制,疯狂拖动浏览器改变其宽度感受页面布局变化; 3. 卧槽,发现页面居然是响应式的,不由得感叹:实现的够骚 阅读全文
posted @ 2018-03-20 11:00 luckylou 阅读(283) 评论(0) 推荐(0) 编辑
摘要: 背景 某天老板在群里反馈,英文单词为什么被截断了? 很显然,这是我们前端的锅,自行背锅。这个问题太简单了,css里加两行属性,分分钟搞定。 开心的提交代码,刷新页面。我擦,怎么还是没有断词?不可能啊!!! 难道这两个属性有什么兼容性问题或者有什么限制条件?为了不搬石头砸自己的脚,还是去深入了解一下。 阅读全文
posted @ 2018-03-20 10:57 luckylou 阅读(10087) 评论(1) 推荐(0) 编辑
摘要: HTML head 头部分的标签、元素有很多,涉及到浏览器对网页的渲染,SEO 等等,而各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,这就造成了很多差异性。移动互联网时代,head 头部结构,移动端的 meta 元素,显得更为重要。了解每个标签的意义,写出满足自己需求的 head 头标签 阅读全文
posted @ 2018-03-20 10:51 luckylou 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 三月中旬跳完槽之后就好好久没写博客了,跳到某公司之后,怀揣着满腔热水的我又投入了工作中,从面试、办理离职到入职只用了一个星期。这效率也没谁了,入职之后给了一个小项目,用Vue全家桶开发一个简易的个人博客。因为之前自学了解过,于是很快就上手,原本要求用两周的时间用了三天就完成了全部的功能,于是就一周之 阅读全文
posted @ 2018-03-20 10:49 luckylou 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? 标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin 2 box-sizing 阅读全文
posted @ 2018-03-20 10:48 luckylou 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 修改选中颜色和文字颜色 修改文件如下 修改窗口底色 阅读全文
posted @ 2018-03-20 10:44 luckylou 阅读(277) 评论(0) 推荐(0) 编辑