随笔档案「2017年3月」 - Mr.白日梦想家

函数防抖动

摘要：有一些浏览器事件可以在很短的时间内快速启动多次，例如调整窗口大小或向下滚动页面。例如，如果将事件侦听器绑定到窗口滚动事件上，并且用户继续非常快速地向下滚动页面，你的事件可能会在3秒的范围内被触发数千次。这可能会导致一些严重的性能问题。函数防抖动(Debouncing) 是解决这个问题的一种方式，通阅读全文

posted @ 2017-03-28 17:06 Mr.白日梦想家阅读(2363) 评论(0) 推荐(0)

js 数组算法题收集

摘要：找出某段连续数组的缺失值总结思路：阅读全文

posted @ 2017-03-26 16:08 Mr.白日梦想家阅读(482) 评论(0) 推荐(0)

未知高度多行文本垂直居中

摘要：方法一，使用display：inline-block+伪元素方法2：使用display：table-cell 阅读全文

posted @ 2017-03-25 21:42 Mr.白日梦想家阅读(156) 评论(0) 推荐(0)

Block formatting contexts （块级格式化上下文）简称 BFC 的特性

摘要：如何触发BFC呢？ float 除了none以外的值 overflow 除了visible 以外的值（hidden，auto，scroll ） display (table-cell，table-caption，inline-block) position（absolute，fixed） field 阅读全文

posted @ 2017-03-24 20:21 Mr.白日梦想家阅读(123) 评论(0) 推荐(0)

实现一个函数clone，可以对JavaScript中的5种主要的数据类型（包括Number、String、Object、Array、Boolean）进行值复制。

摘要：functionclone(obj) {var o;switch (typeof obj) {case"undefined":break;case"string": o = obj +"";break;case"number": o = obj -0;break;case"boolean": o = 阅读全文

posted @ 2017-03-17 12:13 Mr.白日梦想家阅读(2748) 评论(0) 推荐(0)

获取非行间样式的函数

摘要：getStyle 函数有 2 个参数，第一个参数 obj 为要获取的对象，第二个参数 name 为要获取的属性，并且做了兼容处理，currentStyle 针对 IE 浏览器，getComputedStyle 针对火狐浏览器。阅读全文

posted @ 2017-03-16 11:24 Mr.白日梦想家阅读(2184) 评论(0) 推荐(0)

文字随着浏览器窗口大小改变而改变(自适应?)

摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #box { width: 100%; } #content { display: inline-block; width: 10 阅读全文

posted @ 2017-03-13 21:44 Mr.白日梦想家阅读(7804) 评论(0) 推荐(0)

前端页面有哪三层构成，分别是什么？作用是什么

摘要：分成：结构层、表示层、行为层。结构层（structural layer）由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。”表示阅读全文

posted @ 2017-03-09 16:31 Mr.白日梦想家阅读(2213) 评论(0) 推荐(0)

js 数组去重方法总结

摘要：1. 遍历数组，利用object对象保存数组值，判断数组值是否已经保存在object中，未保存则push到新数组并用object[arrayItem]=1的方式记录保存数组下标判断法, 遍历数组，利用indexOf判断元素的值是否与当前索引相等，如相等则加入阅读全文

posted @ 2017-03-09 16:14 Mr.白日梦想家阅读(263) 评论(0) 推荐(0)

css引入方式 link 和@import区别

摘要：1.行内式 2.内嵌式 3.导入式 4.链接式阅读全文

posted @ 2017-03-09 15:41 Mr.白日梦想家阅读(235) 评论(0) 推荐(0)

行内元素和块级元素有哪些区别？ css盒子模型

摘要：区别： 1）块级元素会独占一行，其宽度自动填满其父元素宽度行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容而变化 2）块级元素可以设置 width, height属性，行内元素设置width, height无效【注意：块级元素即使设置了宽度，阅读全文

posted @ 2017-03-09 15:35 Mr.白日梦想家阅读(500) 评论(0) 推荐(0)

对js offset位置宽高的理解

摘要：clientTop,clientLeft:元素边框宽度。 clientWidth:元素width+元素padding。 offsetWidth:元素width+元素padding+元素边框宽 offsetWidth,offsetHeight: 元素的可见宽度和高度。只跟该元素的本身有关 offset 阅读全文

posted @ 2017-03-08 21:11 Mr.白日梦想家阅读(232) 评论(0) 推荐(0)

Doctype 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?

摘要：如何触发文档模式：触发混杂模式:如果在文档开始处没有发现文档类型声明，则所有浏览器都会默认开启混杂模式。但采用混杂模式不是什么值得推荐的做法，因为不同浏览器在这种模式下的行为差异非常大，如果不使用某些hack技术，跨浏览器的行为根本就没有一致性可言。触发标准模式: <!-- HTML 4.01 阅读全文

posted @ 2017-03-07 21:45 Mr.白日梦想家阅读(528) 评论(0) 推荐(0)

css动效keyframe 鼠标事件触发

摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 300px; height: 300px; background: red; position: rela 阅读全文

posted @ 2017-03-07 21:01 Mr.白日梦想家阅读(1105) 评论(0) 推荐(0)

xhtml和html区别

摘要：XHTML 元素必须被正确地嵌套。 XHTML 元素必须被关闭。标签名必须用小写字母。 XHTML 文档必须拥有根元素。 xhtml是用xml的规则重新规范html，xhtml是xml的一个子集，所以具备了xml的特性。阅读全文

posted @ 2017-03-06 21:37 Mr.白日梦想家阅读(137) 评论(0) 推荐(0)

对WEB标准以及W3C的理解与认识

摘要：1.对于结构要求：（标签规范可以提高搜索引擎对页面的抓取效率，对SEO很有帮助） 1）。标签字母要小写 2）。标签要闭合 3）。标签不允许随意嵌套 2.对于css和js来说 1）。尽量使用外链css样式表和js脚本。是结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。 2）。阅读全文

posted @ 2017-03-06 21:31 Mr.白日梦想家阅读(171) 评论(0) 推荐(0)

css实现文本单行居中多行省略

摘要：嵌套3层元素给最内层的元素设置阅读全文

posted @ 2017-03-06 11:06 Mr.白日梦想家阅读(369) 评论(0) 推荐(0)

测试

摘要：今天刚开通阅读全文

posted @ 2017-03-06 10:36 Mr.白日梦想家阅读(87) 评论(0) 推荐(0)

03 2017 档案

公告