02 2020 档案
摘要：网页元素名称的规范性有助于团队内部成员的沟通，同时还能够提高后期的维护性，网页元素的命名主要是针对id和class进行的，针对网页元素的命名没有业界标准，但有一些大家公认的规则。 一般情况下id我们通常采用camelCase命名规则（首字母小写，其它单词首字母大写），比如：studentName和f
阅读全文
摘要：坊间传闻，现在的前端面试者的简历都写精通JS，那就拿这些题考考，若不能全答对，就不要说精通了，这只是中高级前端的基础题而已。 JS选择题 1.请问JS中的基本数据类型有几种？（ ） A.5 B.6 C.7 2.下面代码的输出是什么？（ ） function sayHi() { console.log
阅读全文
摘要：CSS篇 1.CSS 盒子模型，绝对定位和相对定位 css盒模型有两种，一种是标准盒模型 一种是怪异盒子模型 1.box-sizing: content-box; // width = content + padding + border 2.box-sizing: border-box; // w
阅读全文
摘要：转化为Boolean类型所有JavaScript中的值都能隐式的转化为Boolean类型，比如： 0 == false; // true 1 == true; // true '' == false // true null == false // true 但是这些值都不是Boolean类型。因此
阅读全文
摘要：声明前置 变量的声明前置：指在变量被定义时，会在代码执行之前将变量放在最前面进行初始化。 函数的声明前置：会将函数声明放在代码执行之前先去生成该函数，所以函数声明受到函数提升机制的影响，所以无论放在什么位置都可以被调用。 作用域 每当声明一个新的函数就进入一个新的作用域下； 函数里需要用到的变量（或
阅读全文
摘要：Web前端工程师是近几年的新兴职业，也是目前火爆而且高薪的职业。不同的公司也有不同的叫法，比如：网页界面开发，网站设计等，要学好web前端开发，需要掌握什么方法与技巧？ 一、Div和Table 这个是最简单的，也是最基础的。要熟练掌握div、form table、ul li 、p、span、font
阅读全文
摘要：经常code review，我发现很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”，看看如何减少JS里的条件判断。 提前返回，少用if...else 但是过多的嵌套，还是挺令人抓狂的。这里有一个很典型的条件嵌套： function func() { var result; if (con
阅读全文
摘要：在日常开发中有很多场景我们都需要用到节流函数和防抖函数，比如：实现输入框的模糊查询因为需要轮询ajax，影响浏览器性能，所以需要用到节流函数；实现手机号、姓名之类的的验证，往往我们只需要验证一次，这个时候我们就需要用到防抖函数；但是网上的很多资料都是不够具体和便于理解。今天自己翻阅了一些资料之后，来
阅读全文
摘要：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(
阅读全文
摘要：前端正则表达式书写 一.写法 写法一 /正则表达式/修饰符 修饰符 /i (忽略大小写) /g (全文查找出现的所有匹配字符) /m (多行查找) 例子:/a/gi 查找内容中的a 不写修饰符默认只匹配一个 写法二 let a = new RegExp('/正则表达式/','修饰符'); 二.常用几
阅读全文
摘要：前言 JavaScript在ES6之前严格意义上是没有像JAVA,C#这种语言中类的概念的。ES6添加了class,但其实这个class也只是ES6以前的构造函数和原型的语法糖而已。要想真正了解JavaScript中最复杂的部分,就得从最初的构造函数和原型讲起。 类 在ES6以前，我们是这样实例化一
阅读全文
摘要：闭包，其实是一种语言特性，它是指的是程序设计语言中，允许将函数看作对象，然后能像在对象中的操作般在函数中定义实例（局部）变量，而这些变量能在函数中保存到函数的实例对象销毁为止，其它代码块能通过某种方式获取这些实例（局部）变量的值并进行应用扩展。 我们的理解： 其实闭包就是一个函数，一个外部函数通过调
阅读全文
摘要：我们知道 js 是单线程执行的，那么异步的代码 js 是怎么处理的呢？例如下面的代码是如何进行输出的： <script> console.log(1); setTimeout(function () { console.log(2); }, 0); new Promise(function (res
阅读全文
摘要：当今的网络中，页面加载速度是最重要的网站指标之一。即使是毫秒也会对用户体验、产品产生巨大影响，而缓慢的页面加载会轻易的的降低转化率。您可以采用许多工具和技术来加快网站速度。在本文中，我们将介绍可用于改善前端性能的最佳CSS优化技巧。 1.查找性能瓶颈 所有优化中最重要的事情是从全面诊断开始。幸运的是
阅读全文
摘要：如果你想提高编码的能力，最容易想到的一个方法就是多敲代码。每个人都知道这点。然而，另外一种我认为绝对也能提高的方法： 阅读别人的代码能让你的编码能力得到明显的提升！ 这样说，可能很多人都抱有怀疑的态度，但是我觉得你应该相信。如果你愿意尝试，我相信你将会得到巨大的回报！ 这篇文章将告诉你如何阅读代码，
阅读全文
摘要：前言 要想写出优美的CSS作品，想象力固然很重要，然而基础也是不可忽略的。相信大部分人怕写CSS的原因是被它庞大的基础知识体系给吓到了，在此笔者推荐一个叫freecodecamp的网站，通过闯关的方式来学习前端三剑客，用它入门CSS是最佳的选择！ 当你成功地入了门之后，便可以开始探索CSS的全貌了。
阅读全文
摘要：在用 CSS 进行绘图和布局时，除了借助浏览器开发工具之外，还经常需要绘制一些辅助线，以便定位参考。今天就以第 170 号作品中使用的网格线为例，详细讲解一下辅助线的原理和画法。 为了使辅助线明显可见，把线的颜色设置为和背景对比强烈的白色，并且线也粗一些，在实际使用时，你应该降低辅助线与背景的对比并
阅读全文
摘要：单行文本溢出掩藏 语法：white-space: nowrap| pre | pre-wrap | pre-line | inherit nowrap：单行文本不换行，文本显示一行； pre: 保留空白(在游览器显示时，保留空格)； pre-wrap: 保留空白序列，正常换行； pre-line:
阅读全文
摘要：人头值几何 早年刚毕业，找了一份工作。虽然不是外包公司，但由于承接的都是国有大型金融企业的项目，所以谈项目合同金额时，基本都是按这个项目大约需要多少人，投入多久，每个人的成本来计算的。 那时，甲方给的单人报价大约在 2.5 万，而我当时税前工资在 5 千，算上五险一金，公司办公场地、设备和后勤支持部
阅读全文
摘要：2019转眼就结束了，很多小伙伴正在为明年的金三银四找工作而操劳，也有的小伙伴在准备着2020年的实习。而进入国企，事业单位、BAT、500强这都是很大部分人选择。而在求职或求实习的过程中，很多职场新人都希望看到职场老鸟的一些实际求职经历以及经验心得。我们一起来看一下下面这位求职者的分享。 据该职场
阅读全文
摘要：在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前并不都是block，还有可能是inline、inline-b
阅读全文
摘要：1. attr() CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值，并用于其样式。它也可以用于伪元素，属性值采用伪元素所依附的元素。 例子 <p data-unit="天">过去了5</p> <style> [data-unit]:after { content: attr(d
阅读全文
摘要：前言 随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。 有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这篇文章就是让你明白如何选择正确的图片，并且让你明白这么多
阅读全文
浙公网安备 33010602011771号