摘要: 一、DOMContentLoaded 与 load 事件 关于 DOMContentLoaded 和 load 事件,MDN对他们是这样描述的:DOMContentLoaded 文档地址、load 文档地址。 DOMContentLoaded 意思就是:当初始的 HTML 文档被完全加载和解析完成之 阅读全文
posted @ 2020-03-17 20:45 奋起直追 阅读(1297) 评论(0) 推荐(0) 编辑
摘要: 网页元素名称的规范性有助于团队内部成员的沟通,同时还能够提高后期的维护性,网页元素的命名主要是针对id和class进行的,针对网页元素的命名没有业界标准,但有一些大家公认的规则。 一般情况下id我们通常采用camelCase命名规则(首字母小写,其它单词首字母大写),比如:studentName和f 阅读全文
posted @ 2020-02-16 13:36 奋起直追 阅读(831) 评论(0) 推荐(0) 编辑
摘要: 坊间传闻,现在的前端面试者的简历都写精通JS,那就拿这些题考考,若不能全答对,就不要说精通了,这只是中高级前端的基础题而已。 JS选择题 1.请问JS中的基本数据类型有几种?( ) A.5 B.6 C.7 2.下面代码的输出是什么?( ) function sayHi() { console.log 阅读全文
posted @ 2020-02-16 13:17 奋起直追 阅读(2113) 评论(0) 推荐(0) 编辑
摘要: CSS篇 1.CSS 盒子模型,绝对定位和相对定位 css盒模型有两种,一种是标准盒模型 一种是怪异盒子模型 1.box-sizing: content-box; // width = content + padding + border 2.box-sizing: border-box; // w 阅读全文
posted @ 2020-02-16 10:00 奋起直追 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 转化为Boolean类型所有JavaScript中的值都能隐式的转化为Boolean类型,比如: 0 == false; // true 1 == true; // true '' == false // true null == false // true 但是这些值都不是Boolean类型。因此 阅读全文
posted @ 2020-02-15 20:19 奋起直追 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 声明前置 变量的声明前置:指在变量被定义时,会在代码执行之前将变量放在最前面进行初始化。 函数的声明前置:会将函数声明放在代码执行之前先去生成该函数,所以函数声明受到函数提升机制的影响,所以无论放在什么位置都可以被调用。 作用域 每当声明一个新的函数就进入一个新的作用域下; 函数里需要用到的变量(或 阅读全文
posted @ 2020-02-15 19:19 奋起直追 阅读(201) 评论(0) 推荐(0) 编辑
摘要: Web前端工程师是近几年的新兴职业,也是目前火爆而且高薪的职业。不同的公司也有不同的叫法,比如:网页界面开发,网站设计等,要学好web前端开发,需要掌握什么方法与技巧? 一、Div和Table 这个是最简单的,也是最基础的。要熟练掌握div、form table、ul li 、p、span、font 阅读全文
posted @ 2020-02-14 21:43 奋起直追 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 经常code review,我发现很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”,看看如何减少JS里的条件判断。 提前返回,少用if...else 但是过多的嵌套,还是挺令人抓狂的。这里有一个很典型的条件嵌套: function func() { var result; if (con 阅读全文
posted @ 2020-02-14 21:34 奋起直追 阅读(639) 评论(0) 推荐(0) 编辑
摘要: 在日常开发中有很多场景我们都需要用到节流函数和防抖函数,比如:实现输入框的模糊查询因为需要轮询ajax,影响浏览器性能,所以需要用到节流函数;实现手机号、姓名之类的的验证,往往我们只需要验证一次,这个时候我们就需要用到防抖函数;但是网上的很多资料都是不够具体和便于理解。今天自己翻阅了一些资料之后,来 阅读全文
posted @ 2020-02-14 18:06 奋起直追 阅读(651) 评论(0) 推荐(0) 编辑
摘要: function fun(a, b) { console.log(b); return { fun: function (c) { return fun(c, a); } }; } var d = fun(0); d.fun(1); d.fun(2); d.fun(3); var d1 = fun( 阅读全文
posted @ 2020-02-12 22:41 奋起直追 阅读(152) 评论(0) 推荐(0) 编辑