标签目录：前端

2019
01-03

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

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

如何优雅处理前端异常？

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

2018回顾前端技术清单

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

你不是一个前端

你不是一个前端 Mentor：“你不是一个前端”我："？？？"Mentor：“你不要老想着自己是一个前端，你不是一个前端”我：“可是把我招来不就是写前端的吗？？”Mentor：“你可以写前端，但是你不要限制自己只作为一个前端，不要把自己的眼光局限在前端。你应该从整个项目、从工程的角度blablablabla...”我：（打断）“不，我就是一名前端，我特别喜欢前端，特别喜欢JS”Ment... 继续阅读 >
2018
04-03

前端静态资源缓存最优解以及max-age的陷阱

前端静态资源缓存最优解以及max-age的陷阱 合理的使用缓存可以极大地提高网站的性能优势，还可以节约带宽从而降低服务器成本。但是很多站点有只弄对了一半或者一半都没有，如果是这样，就完全没有发挥出缓存的优势。很大程度上产生会由于静态资源的竞争关系而导致依赖的静态资源不同步。以下为两个最佳静态资源缓存实践的例子。一、资源内容不变+设置长时间max-age//设置缓存时间为1年Cache-Control:max-age=31536000资源的内容不会更改，所以。。。... 继续阅读 >
2018
03-12

面试的信心来源于过硬的基础

面试的信心来源于过硬的基础 在过去的一年很多人不满于公司没有福利、人际关系不好相处、没有发展前途的境遇等等，想着在开年来换一份工作来重新开始自己，那么你准备好了吗？下面是本人整理的一份面试材料，本想自己用的，但是新年第一天公司突然给了我个惊喜，涨工资了！！！1、viewport<metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>//width设置view... 继续阅读 >
2017
12-06

这么多前端优化点你都记得住吗？

这么多前端优化点你都记得住吗？ 围绕前端的性能多如牛毛，涉及到方方面面，以下我们将围绕PC浏览器和移动端浏览器的优化策略进行罗列。注意，是罗列不是展开，遇到不会不懂的点还请站外扩展。开车速度有点快，坐稳了。tips:这么多前端优化点你都记得住吗？反正我是收藏起来备查的。PC浏览器前端优化策略PC端优化的策略很多，如YSlow（YSlow是Yahoo发布的一款Firefox插件，现Chrome也可安装，可以对网站的页面性能进行分析，提... 继续阅读 >
2017
08-27

浏览器前端优化

浏览器前端优化 优化全都是与速度和满意度有关。从用户体验的角度，我们希望前端提供可以快速加载和执行的网页。而从开发者体验的角度，我们希望前端是快速、简单而规范的。这不仅会给我们带来快乐的用户和快乐的开发者，而且由于Google偏向于优化，SEO排名也会显著提高。如果你已经花费了大量时间来改善你网站的GooglePagespeedInsights分数，那么这将有助于揭示这一切实际上意味着什么，以及我们必须为优化前端所采取的... 继续阅读 >
2016
12-16

前端优化：9 个技巧，提高 Web 性能

前端优化：9 个技巧，提高 Web 性能 当今数字世界，存在着无数的网站，每天都需要处理各种不同的原因的访问。然而，这些网站中有很大一部分显得笨重，使用起来也很麻烦。没怎么优化的网站会被各种各样的问题困扰，包括加载时间、不支持移动设备、浏览器兼容性问题，等等。这篇文章讲述可以帮助改善优化前端的技术，非常有用。主要内容有清理代码、压缩图片、压缩外部资源、使用CDN，以及一些其它方法。这些方法会为你的网站带显著的速度提升和整体性能提升... 继续阅读 >
2016
11-13

如何识别牛逼的前端工程师

如何识别牛逼的前端工程师 如何定义牛逼工程师有软件工程方面的研究说，对于开发者个体而言，最优秀的开发者的生产效率约为平均值的2倍，而优秀的开发者会吸引其它优秀的人，或者激励与帮助团队中的其它成员，最终使团队之间的生产效率差异达到10倍之多。所谓牛逼的工程师，就是那些个体效率是其它人2倍，形成团队之后达到10倍差异的一群人。前端领域这几年发展速度非常快，人才分布呈两级分化趋势，大家都在说缺前端，其实缺的是牛逼前端... 继续阅读 >
2016
10-27

作为前端需要了解的B/S架构

作为前端需要了解的B/S架构 C/S架构简要介绍在了解什么是B/S架构之前，我们有必要了解一下什么是C/S架构：C/S架构是第一种比较早的软件架构，主要用于局域网内。也叫 客户机/服务器模式。它可以分为客户机和服务器两层：第一层是在客户机系统上结合了界面显示与业务逻辑，第二层是通过网络结合了数据库服务器。简单的说就是第一层是用户表示层，第二层是数据库层。这里需要补充的是，客户端不仅仅是一些简单的操作，它也是... 继续阅读 >
2016
09-21

前端开发框架对比

前端开发框架对比 近几年随着jQuery、Ext以及CSS3的发展，以Bootstrap为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript&CSS目前前端框架主要采用JavaScript+CSS模式，... 继续阅读 >
2016
09-12

前端安全之路-代码保护

前端安全之路-代码保护 0x00前言在信息安全领域，可信系统（Trustedsystem）是一个让人心动的目标，它指的是一个通过实施特定的安全策略而达到一定可信程度的系统。在计算机中，可信平台模块（TrustedPlatformModule，TPM）已经投入使用，它符合可信赖计算组织（TrustedComputingGroup，TCG）制定的TPM规范，是为了实现可信系统目标的而打造的一款安全芯片。作为可信系统的信任根，TPM是可信计算的核心模块，为计算机安全提供了强有力的保障... 继续阅读 >
2016
09-10

超级有用的前端基础技术面试问题收集

超级有用的前端基础技术面试问题收集 说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性：1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定的域名... 继续阅读 >
2016
09-06

论一个前端的自我修养

论一个前端的自我修养 今天给大家分享的主题是前端的自我成长，这是一个关于成长的话题。很多人都有这样的感觉：听了很多技术圈子的分享，有的有深度，有的循循善诱，深入浅出，但是呢，几年下来，到底哪些用上了，哪些对自己真的有帮助了?反而有些模糊。2015年我在不同的场合分享了很多内容：有移动端的性能、有适配、有WebvsNative，也有hybrid，但是其实我一直比较担心，真正有深度的内容，其实面向的是比较小众的群体，比如说Hybrid，其... 继续阅读 >