本来很久以前就该把前端面试系列的文章更新完，但是自己懒，加上发现网上有些文章确实写的不错，就一直拖着没写。但是有次去图书馆，看到一本书叫《前端面试江湖》，索性找了一个时间，把全部内容整合到一起。这里面肯定有你不了解的东西…
标签：html
同一行内 不同字体大小的文本 底部对齐
核心思想是将每个大小的字体单独作为独立的行，单独设置line-height，而不是在同一行 HTML <div class="a"> <div class="b c"></div> &…
竖直居中方式总结
已知有 html, body { margin: 0; height: 100%; } #child { width: 200px; height: 200px; background: black; } <div…
网页三栏布局常用方法
三栏布局 三栏布局 在网页布局中算是 比较长江的一种，比如淘宝等，诸多网站都是用的三栏布局 它是 两边元素固定，中间自适应，并且 中间的元素优先渲染 第一种：定位 也是比较粗暴的一种 定位 但本人不建议使用 布局容易混乱…
前端面试题总结
另有7天，2018年便过去了，转头看看，这段时刻本身有出去口试过，也遇到了很多口试题，以下是我的一些总结，这篇关于口试的文章，我也会不定时的更新。 HTML 1.说一下你对HTML语义化的明白？ 语义化就是依据内容的构造…
30 Seconds of Interviews（HTML篇）
easy image标签的alt属性的目标是什么？ 在用户没法检察图象的情况下，alt属性会为图象供应备用信息。 alt属性应当用于形貌任何图象（除了仅用于装潢目标的图象，在这类情况下它应当留空） Good to hea…
d3.js实现svg缩放功能
本文代码转载自Stack Overflow，通过d3.js实现缩放很简单，但是滚轮和按钮能够完美缩放就不那么容易了，如果有对d3感兴趣的小伙伴可以参考下面代码。 JSFiddle地址: Demo online 看本帖前最…
Array、Set、Map、Object学习总结
Array和Set对比 都是一个存储多值的容器，两者可以互相转换，但是在使用场景上有区别。如下: Array的indexOf方法比Set的has方法效率低下 Set不含有重复值（可以利用这个特性实现对一个数组的去重） S…
《JavaScript Dom编程艺术》读书笔记（一）
执行Javascript的方式 第一种方式是将JS代码放到 < head > 标签中的 < script > 标签之间： <head> <script> ....... /…
JavaScript sort() 对json进行排序(数组)
function up(x,y){//升序 return x[val.prop] - y[val.prop] } function down(x,y){//降序 return y[val.prop] - x[val.pr…
web学习笔记13-移动端搜索框提示功能
最近项目一直在迭代更新，没有什么新的东西做，所以拿出来一个搜索的小模块分享下，功能就是输入关键字能出来相关字的联想吧，删除一些字的时候顺带可以保存上一段的联想，从外观上来看…
fixed固定定位 定位元素的层级和float层级的区别 遮盖效果
71讲 固定定位 固定定位与上一讲的绝对定位很相似，不同点是： 固定定位永远是浏览器窗口左上角 不会随着滚轴滚动，常用来做广告 72讲 元素的层级 相对定位没有脱离文档流，但是会灵魂出窍进行元素遮盖。绝对定位脱离了文档流…
