分类目录归档：WEB开发

2019
01-09

不要再问我移动适配的问题了

移动端适配的问题，一般来说我们都不会去深究，因为这种东西都是配置一次就再也不用管的了，接到设计图就按照祖传套路撸就完事了。按部就班的必定只能成为活动页写手，研究透彻以后，才能成为一名专业的活动页写手嘛。纠缠不清的关系文章开始，我们需要来捋清楚像素、视口以及缩放之间种种藕断丝连的关系，来抽丝剥茧一波。像素像素我们写得多了，不就是px嘛，为什么要拿出来说呢？因为像素还不仅仅就是px... 继续阅读 >
2019
01-03

2018 年浏览器混战：为什么技术救不了 Edge？

随着微软正式确认放弃Edge，并基于Chromium引擎重启新的浏览器，我想借此机会分享一些有关当前Web浏览器格局的想法。Edge：注定要失败在推出3年之后，从市场份额来看，Edge无疑是失败的。根据用户的使用数据来看，它的份额仅为4-5％。这个数字居然是来自一家半垄断运营桌面操作系统的公司，而它曾经拥有80-90％的市场份额，几乎是完全垄断的。更糟糕的是，如果再算上移动市场，市场份额急剧下降至2％... 继续阅读 >
2019
01-03

前端模块化详解(完整版)

前言在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会考虑使用模块化规范去管理。本文内容主要有理解模块化，为什么要模块化，模块化的优缺点以及模块化规范,并且介绍下开发中最流行的CommonJS,AMD,... 继续阅读 >
2019
01-03

ES6核心特性

前言ES6虽提供了许多新特性，但我们实际工作中用到频率较高并不多，根据二八法则，我们应该用百分之八十的精力和时间，好好专研这百分之二十核心特性，将会收到事半功倍的奇效！一、开发环境配置这部分着重介绍：babel编译ES6语法，如何用webpack实现模块化。1.babel为啥需要babel？ES6提供了许多新特性，但并不是所有的浏览器都能够完美支持。下图是各个浏览器对ES6兼容性一览表(以export为例)由上图可知，有些浏览... 继续阅读 >
2019
01-03

浅探前端图片优化

性能优化是前端开发必不可少的一环，而图片优化又是性能优化中必不可少的一环，但不知道有多少开发者在网页的开发过程中会注意图片的使用，图片使用不当可能会导致网页加载卡顿、网页加载速度慢等问题，这篇文章将会将我以往对图片的处理做个总结。不同格式图片优劣对比有人可能会问说好的图片优化呢？怎么说到图片格式了，其实在不同的场景选择使用不同格式的图片就是对图片的一种优化，这是最直接最重要但是最容易... 继续阅读 >
2018
12-13

2018年值得期待11个Javascript动画库

在浏览网页寻找一个整洁的Javascript动画库时，我发现很多“recommended”的动画库一段时间都没有维护。经过一些研究，我收集了11个最好的库，在你的应用程序中使用。我还添加了一些，主要是非维护的，有用的库。使用UI组件时，您还可以使用Bit轻松地在不同应用程序之间共享这些组件，而不是复制粘贴它们，从不同项目进行更改并与其他项目协作。Bit-使用代码组件共享和构建_Bit可帮助您在项目和应用程序之间... 继续阅读 >
2018
12-07

如何优雅处理前端异常？

前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。1.增强用户体验；2.远程定位问题；3.未雨绸缪，及早发现问题；4.无法复线问题，尤其是移动端，机型，系统都是问题；5.完善的前端方案，前端监控系统；对于JS而言，我们面对的仅仅只是异常，异常的出现... 继续阅读 >
2018
12-03

jQuery的没落和技术发展的一般规律

jQuery的成就jQuery是一个伟大的库，它解决了domapi兼容的问题，使得dom操作更简便它支持类似css选择器的方式来选择组件支持批量的操作数组中的元素，也叫隐式迭代支持链式操作，可以在一条语句中完成很复杂的逻辑有易于使用的插件扩展机制deffered的异步方案比promise更早。等等。jquery可以说在dom操作领域做的很棒了，几乎统治了一个时代，甚至影响了w3c，domapi中的querySelector就有j... 继续阅读 >
2018
11-16

JavaScript 箭头函数：适用与不适用场景

现代JavaScript中最引人注目的功能之一是引入了箭头函数，用 => 来标识。这种函数有两大优点–非常简洁的语法，和更直观的作用域和 this的绑定。这些优点有时导致箭头函数比其他形式的函数声明更受欢迎。例如，受欢迎的 airbnbeslint配置 会在您创建匿名函数时强制使用JavaScript箭头函数。然而，就像工程中的任何东西一样，箭头函数优点很明显，同时也带来了一些负面的东西。使用他们的时候... 继续阅读 >
2018
11-13

2018回顾前端技术清单

2018眼看就要过去了，今年的你相较去年技术上有怎样的收获呢？记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此，我结合工作体会抽象出了一些前端基础技... 继续阅读 >
2018
10-13

JavaScript和JSON创建者对JavaScript未来的展望

近期在伦敦召开的FullStack大会上，BrendanEich和DouglasCrockford分别做演讲探讨了JavaScript的未来。Eich是JavaScript的创建者；Crockford是JSON的创建者，也是《JavaScript语言精粹》（“JavaScript:TheGoodParts”）一书的作者。Eich的大会演讲主要聚焦于一些需迭代改进的语言特性。Crockford引导听众聚焦于JavaScript软件工程的下一步发展，他称之为一种全球分布的、安全的异步编程模式。Crockford指出，包... 继续阅读 >
2018
09-13

JavaScript性能优化小窍门实例汇总

在众多语言中，JavaScript已经占有重要的一席之地，利用JavaScript我们可以做很多事情，应用广泛。在web应用项目中，需要大量JavaScript的代码，将来也会越来越多。但是由于JavaScript是一个作为解释执行的语言，而且它的单线程机制，决定了性能问题是JavaScript的弱点，也是开发者在写JavaScript的时候需注意的一个问题。因为经常会遇到Web2.0应用性能欠佳的问题，主因就是JavaScript性能不足，导致浏览器... 继续阅读 >