前端工作总结（汇编十七篇）

前端工作总结（汇编十七篇）。

前端工作总结（1）

前端工作总结（2）

三个月来，我与同事们能搞好团结，服从领导的安排，积极主动的做好工作，后线虽然工作人员少，但是在领导的带领下，大家团结一致取得了一定的成绩。

1、勤勤恳恳的完成领导交办的工作；

2、在领导的指导下，和其他同事一起钻研业务，摸索好的工作方式和方法；

3、在领导的指导下，树立大局观，踏实工作。

三个月来，我能够认真学习公司相关政策和规定，合规工作。除了日常的审、录单，客户签约等工作，在催收、温馨提醒及追加贷款的工作中努力学习好的方式方法，在领导的指导和同事的帮助下，逐渐有了一套行之有效的工作方法。

我热爱自己的本职工作，能够正确认真的去对待每一项工作任务。

1、提高工作质量，及时准确的做好资料的管理。如资料的交接、登记、管理，坚持做到了当天工作当天处理完毕。

2、严格规章制度，把好资料审核的第一道关口。作为一名客服，我深感自己肩上的责任重大，稍有疏忽就有可能出现信贷风险。因此，我不断的提醒自己，不断的增强责任心。

3、坚持工作原则，做好签约核实。我深知：客户的签约审核，责任重于泰山，丝毫马虎不得。三个月来，我坚持执行公司的相关制度，在领导的指导下，对每一个客户认真核实，从客户的主体资质、信用情况、生产经营项目的现状与前景到还款能力，每一个环节我都是仔细审查，没有一丝一毫的懈怠。

1、只是满足自身任务的完成，工作不灵活；

2、业务素质提高不快，对新的业务知识学的还不够；

3、本职工作与其他同行相比还有差距。

我将努力克服自身的不足，在领导的指导下，认真学习，努力提高自身素质，积极开拓，履行工作职责，服从领导。与全体同事一起，团结一致，为完成公司新年度的各项目标任务作出自己应有的贡献。

前端工作总结（3）

近一年半的实习生生涯即将结束，我感到非常激动。面对即将到来的转正申请，我深入思考了自己的成长经历和职业目标，认真总结了自己的优点和不足，也制定了自己未来的发展计划。在这里，我想与大家分享我的申请个人总结。

首先，我想分享我在前端技能方面的成长。在实习期间，我主要参与了项目的开发和维护。在这个过程中，我学习并完善了自己的前端技能，如HTML、CSS、JavaScript和jQuery等知识，具备了前端开发的基本能力。同时，我也积极学习新的技术，并实践了React框架的使用。我也了解了前端与后端的交互流程，熟悉了HTTP协议和AJAX技术，为项目的开发提供了有力的支持。我的技能成长主要得益于团队的培养和自己的勤奋学习，同时也受到了优秀的前辈的指导和帮助。

其次，我想强调我在项目管理和团队协作方面的表现。作为一名前端开发的实习生，我不仅负责自己的任务，还积极参与到需求分析、设计和测试中。我能够快速适应项目工作流程和团队管理模式，通过自己的努力和沟通，与其他成员良好合作，共同完成了团队项目。在组织项目会议和撰写项目文档方面，我也展现了不错的能力，受到了团队领导的赞扬。

当然，作为一名成长中的前端开发，我也存在一些问题和不足。首先是技能上的不足，虽然我熟悉了前端开发的基本技能，但是在动画效果、响应式设计和优化方面还需要加强。其次是团队合作能力的提升，我需要更好地理解其他成员的需求和业务流程，加强自己的沟通和协作能力。最后是职业规划方面的思考，我需要对自己的职业目标进一步明确，学习和实践更多的技术，并有意识地提高自己的组织管理能力。

针对以上问题，我已经制定了自己的发展计划和目标。首先，我将加强自己的技能，学习更多前端新技术，深入研究项目的实现原理和优化方法。其次，我将积极参与团队的协作和管理，提高自己的组织协调能力，更好地理解团队的需求和业务流程。最后，我将加强自己的职业规划和发展目标，不断探索更广阔的职业空间，努力实现自己的目标。

在这个实习的过程中，我从团队领导和优秀前辈们学到了很多知识和经验，也结识了很多优秀、热心、友好的同事和朋友，我非常感谢公司给我提供了这个实习机会。我认为，通过自己的努力和团队的支持，我有信心成为一名合格的前端开发。

最后，再次感谢公司的培养和关怀，同时也希望能够得到大家的认可，加入公司的正式团队，为公司的发展贡献自己的力量。

前端工作总结（4）

随着互联网时代的快速发展，前端工程师的工作也越来越热门和重要。2021年，作为一名前端开发工程师，我非常荣幸能够参与多个项目，学习新技术并为公司创造了不少价值。在本文中，我将回顾过去的一年，总结我的工作成果，分享我的经验和教训，并对未来做出展望。

一、项目经验总结

在过去的一年里，我参与了四个重要的项目：一家传统行业大型企业的官网重构、一家在线旅游网站的纯前端页面制作、一家电子商务平台的移动端开发、以及一个基于React Native的社交App的开发。这几个项目各有不同的难度和特点，但都是成功完成了的。

在官网重构项目中，我担任了主要的前端工程师，负责整个网站的架构和开发。我针对公司品牌和目标用户进行了设计和开发，采用了响应式布局和高性能的技术。通过组件化和模块化的方法，我能够方便地维护和更新整个网站，并且成功地增加了许多新用户。

在在线旅游网站的纯前端页面制作项目中，我与另外两名前端工程师一起合作，使用了Vue.js框架完成了整个项目。我们通过精细化的交互设计和高质量的动画效果，实现了较高的用户满意度，并且成功的促销了公司的产品。

在电子商务平台的移动端开发项目中，我使用了React Native框架，同时也借鉴了Flutter、Weex和Ionic的技术。我通过学习用户需求和市场趋势，带领团队开发了一个稳定、快速、易用的APP，并获得了公司领导的认可。

在基于React Native的社交App的开发项目中，我与一名UI设计师一起合作，独立完成了整个项目。我们通过有效的测试和代码规范，确保了代码的质量和可测性。我们还使用了Redux和Mobx等状态管理工具，让项目的开发更高效。

二、技术储备和进步

除了项目经验外，我的技术储备和进步也是我前进的重要因素。在这一年里，我主要学习了以下几个方面的技术：

1、JavaScript、CSS、HTML基础。我重新复习了这些基础知识，并尝试了一些新的API和技术，如ES2022、CSS Grid和Web Speech API等。

2、前端框架和库。我学习了Vue.js、React.js和AngularJS等流行的框架和库，并在实际项目中使用了它们，加深了我的理解和熟练程度。

3、前端测试和部署。我使用了Jest、Mocha、Chai等测试框架，了解了CI/CD(持续集成和持续交付)的概念，并将它们成功地应用到了几个项目中。

4、前端性能优化。我学习了如何执行代码分割、延迟加载和缓存等技术，同时也学习了如何执行SEO优化、跨域处理和CDN加速等技术。

以上技术都不是孤立的，而是相互联系的。对于我来说，学习技术不是只知道它，而是将它放入实战中去，并不断试验新的方法并探索它们的局限性和优势。

三、经验和教训

尽管这一年我取得了一些成就，但我也遇到了一些挑战和教训。以下是我总结的一些重要的经验和教训，它们可以作为参考和反思的重要因素：

1、理解用户需求和公司目标。前端工程师不仅仅是技术的应用者，还需要理解公司的业务和目标，以及用户的需求和行为，这样才能更好地开发出优质的产品。

2、坚持学习和精进。前端技术更新速度很快，而且技术也很复杂，因此前端工程师需要不断学习和探索新的技术，然后将它们应用到实战中。坚持学习和精进是必要的条件。

3、善于沟通和协作。前端工程师不仅需要熟练掌握技术，还需要与其他团队成员进行良好的沟通和协作。这些包括UI设计师，产品经理，后端和测试等，都需要相互理解和支持，才能完成一个成功的项目。

4、注重代码质量和可维护性。前端工程师的代码质量和可维护性直接影响到整个项目的后期维护成本，因此，前端工程师必须注重代码质量和可维护性，并尽可能在代码中使用设计模式、代码规范和测试等技术工具来提高。

四、未来展望

最后，我对未来有一些展望和计划。基于前面的总结和回顾，我认为未来的重点是：

1、深入掌握一门技术。虽然我已经掌握了多种前端技术，但我计划深入掌握一门技术，并在这个领域做出更大的贡献。

2、尝试新的技术和框架。尽管我已经使用了多种技术和框架，但我仍然有很多新的技术和框架可以学习和探索，我计划在未来尝试一些新的挑战。

3、跨终端开发经验。目前，前端工程师的应用领域已经超出了Web浏览器，跨Web、移动端、桌面等多个终端平台已经成为一个严峻的挑战。因此，我打算深入掌握跨终端开发经验，并将其应用到实战中去。

4、培养新的技能。通常来说，前端开发不仅仅是编写代码。这也需要其他的技能方面，比如用户体验设计、交互设计、项目管理等。因此，我将努力培养新的技能，以便更好地担当起前端工程师的角色。

结语

在2021年度，我学习了更多的技能，拥有了更多的项目经验，并对自己未来的职业发展有了更为明确的方向。随着技术的不断变化，每个前端工程师都需要不断学习和进步，以便更好地适应市场需求。在未来，我希望能够在多个角色中做出更大的贡献，并与其他领域的专业人才保持紧密合作，为推动互联网的进步而努力。

前端工作总结（5）

前端开发是当下互联网行业中极具发展前景的一个职业方向，具有挑战性和创造性。在这个领域中，转正工作是每个前端工程师迈向职业成功的重要一步。在我个人的转正过程中，经历了种种挑战和收获，下面我将对这个过程进行总结和分享。

转正工作需要具备的技能和素质是非常重要的。作为一名前端工程师，必须具备扎实的基础知识，包括HTML、CSS、JavaScript等方面的技能。同时，还需要具备团队合作能力、问题解决能力、沟通能力等软实力，才能更好地适应工作环境和完成工作任务。在我个人的经验中，我发现不断学习和提升自己的能力是至关重要的，只有不断保持学习状态，才能在这个快速发展的行业中立于不败之地。

转正工作的关键在于实际工作表现和业绩。在我的转正过程中，我认真对待每一个工作任务，努力完成并超越老板的期望。我注重团队合作，及时沟通和协调，与同事共同努力完成项目，取得了良好的业绩。我还不断关注行业前沿技术和趋势，主动学习和尝试新的技术，为公司带来更多的创新和发展。

转正工作不仅仅是一份工作，更是对自己职业生涯的肯定和激励。在我的转正过程中，我体会到了专业技能的重要性，团队合作的价值，以及自我提升的动力。通过这个过程，我不仅更加自信和成熟，也更加清晰和坚定地规划了自己的职业发展路线。转正工作对于我来说，是一次难忘的成长之旅，将成为我职业生涯中的宝贵经历和财富。

前端开发转正工作是一个充满挑战和机遇的过程，需要我们具备扎实的技能和素质，在工作中不断学习和提升自己，取得业绩和成就。通过这个过程，我们不仅可以获得职业成功和发展，更可以充实和完善自己，实现自身的价值和梦想。希望每个前端工程师都能在转正工作中取得成功，实现自己的职业目标和价值。

前端工作总结（6）

Doctype作用?严格模式与混杂模式如何区分?它们有何意义?

HTML5 为什么只需要写 ?

行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

页面导入样式时，使用link和@import有什么区别?

介绍一下你对浏览器内核的理解?

常见的浏览器内核有哪些?

html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?

简述一下你对HTML语义化的理解?

HTML5的离线储存怎么使用，工作原理能不能解释一下?

浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

请描述一下 cookies，sessionStorage 和 localStorage 的区别?

iframe有那些缺点?

HTML5的form如何关闭自动完成功能?

页面可见性(Page Visibility)API 可以有哪些用途?

如何在页面上实现一个圆形的可点击区域?

实现不使用 border 画出1px高的线，在不同浏览器的Quirksmode和CSSCompat模式下都能保持同一效果。

网页验证码是干嘛的，是为了解决什么安全问题?

tite与h1的区别、b与strong的区别、i与em的区别?

介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?

CSS选择符有哪些?哪些属性可以继承?

CSS优先级算法如何计算?

CSS3新增伪类有那些?

如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?

display有哪些值?说明他们的作用。

position的值relative和absolute定位原点是?

CSS3有哪些新特性?

请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?

用纯CSS创建一个三角形的原理是什么?

一个满屏 品 字布局 如何设计?

常见兼容性问题?

li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?

经常遇到的浏览器的兼容性有哪些?原因，解决方法是什么，常用hack的技巧 ?

为什么要初始化CSS样式。

absolute的containing block计算方式跟正常流有什么不同?

CSS里的visibility属性有个collapse属性值是干嘛用的?在不同浏览器下以后什么区别?

position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?

对BFC规范(块级格式化上下文：block formatting context)的理解?

CSS权重优先级是如何计算的?

请解释一下为什么会出现浮动和什么时候需要清除浮动?清除浮动的方式

移动端的布局用过媒体查询吗?

使用 CSS 预处理器吗?喜欢那个?

CSS优化、提高性能的方法有哪些?

浏览器是怎样解析CSS选择器的?

在网页中的应该使用奇数还是偶数的字体?为什么呢?

margin和padding分别适合什么场景使用?

抽离样式模块怎么写，说出思路，有无实践经验?

元素竖向的百分比设定是相对于容器的高度吗?

全屏滚动的原理是什么?用到了CSS的那些属性?

什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?

视差滚动效果，如何给每页做不同的动画?(回到顶部，向下滑动要再次出现，和只出现一次分别怎么做?)

::before 和 :after中双冒号和单冒号 有什么区别?解释一下这2个伪元素的作用。

如何修改chrome记住密码后自动填充表单的黄色背景 ?

你对line-height是如何理解的?

设置元素浮动后，该元素的display值是多少?(自动变成display:block)

怎么让Chrome支持小于12px 的文字?

让页面里的字体变清晰，变细用CSS怎么做?(-webkit-font-smoothing: antialiased;)

font-style属性可以让它赋值为“oblique” oblique是什么意思?

position:fixed;在android下无效怎么处理?

display:inline-block 什么时候会显示间隙?(携程)

overflow: scroll时不能平滑滚动的问题怎么处理?

有一个高度自适应的div，里面有两个div，一个高度100px，希望另一个填满剩下的高度。

png、jpg、gif 这些图片格式解释一下，分别什么时候用。有没有了解过webp?

什么是Cookie 隔离?(或者说：请求资源的时候不要让它带cookie怎么做)

style标签写在body后与body前有什么区别?

介绍JavaScript的基本数据类型。

说说写JavaScript的基本规范?

JavaScript原型，原型链 ? 有什么特点?

JavaScript有几种类型的值?(堆：原始数据类型和 栈：引用数据类型)，你能画一下他们的内存图吗?

Javascript如何实现继承?

Javascript创建对象的几种方式?

Javascript作用链域?

谈谈This对象的理解。

eval是做什么的?

什么是window对象? 什么是document对象?

null，undefined的区别?

写一个通用的事件侦听器函数(机试题)。

.map(parseInt) 答案是多少?

关于事件，IE与火狐的事件机制有什么区别? 如何阻止冒泡?

什么是闭包(closure)，为什么要用它?

javascript 代码中的”use strict”;是什么意思 ? 使用它区别是什么?

如何判断一个对象是否属于某个类?

new操作符具体干了什么呢?

用原生JavaScript的实现过什么功能吗?

Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是?

对JSON的了解?

.forEach.call($$(“*”),function(a){ a.style.outline=“1px solid #”+(~~(Math.random()*(1<<24))).toString(16) }) 能解释一下这段代码的意思吗?

js延迟加载的方式有哪些?

Ajax 是什么? 如何创建一个Ajax?

同步和异步的区别?

如何解决跨域问题?

页面编码和被请求的资源编码如果不一致如何处理?

模块化开发怎么做?

AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?

requireJS的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何 缓存的?)

让你自己设计实现一个requireJS，你会怎么做?

谈一谈你对ECMAScript6的了解?

ECMAScript6 怎么写class么，为什么会出现class这种东西?

异步加载的方式有哪些?

documen.write和 innerHTML的区别?

DOM操作怎样添加、移除、移动、复制、创建和查找节点?

.call() 和 .apply() 的含义和区别?

数组和对象有哪些原生方法，列举一下?

JavaScript中的作用域与变量声明提升?

如何编写高性能的Javascript?

那些操作会造成内存泄漏?

JQuery的源码看过吗?能不能简单概况一下它的实现原理?

jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?

jquery中如何将数组转化为json字符串，然后再转化回来?

jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝?

jquery.extend 与 jquery.fn.extend的区别?

jQuery 的队列是如何实现的?队列可以用在哪些地方?

谈一下Jquery中的bind(),live(),delegate(),on()的区别?

JQuery一个对象可以同时绑定多个事件，这是如何实现的?

是否知道自定义事件。jQuery里的fire函数是什么意思，什么时候用?

jQuery 是通过哪个方法和 Sizzle 选择器结合的?(jQuery.fn.find()进入Sizzle)

针对 jQuery性能的优化方法?

Jquery与jQuery UI有啥区别?

JQuery的源码看过吗?能不能简单说一下它的实现原理?

jquery 中如何将数组转化为json字符串，然后再转化回来?

jQuery和Zepto的区别?各自的使用场景?

针对 jQuery 的优化方法?

Zepto的点透问题如何解决?

jQueryUI如何自定义组件?

需求：实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。给出你的技术实现方案?

移动端最小触控区域是多大?

jQuery 的 slideUp动画 ，如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行，该如何处理呢?

把 Script 标签 放在页面的最底部的body封闭之前 和封闭之后有什么区别?浏览器会如何解析它们?

移动端的点击事件的有延迟，时间是多久，为什么会有? 怎么解决这个延时?(click 有 300ms 延迟,为了实现safari的双击事件的设计，浏览器要知道你是不是要双击操作。)

知道各种JS框架(Angular, Backbone, Ember, React, Meteor, Knockout…)么? 能讲出他们各自的优点和缺点么?

Underscore 对哪些 JS 原生对象进行了扩展以及提供了哪些好用的函数方法?

解释JavaScript中的作用域与变量声明提升?

那些操作会造成内存泄漏?

JQuery一个对象可以同时绑定多个事件，这是如何实现的?

Node.js的适用场景?

(如果会用node)知道route, middleware, cluster, nodemon, pm2, server-side rendering么?

解释一下 Backbone 的 MVC 实现方式?

什么是“前端路由”?什么时候适合使用“前端路由”? “前端路由”有哪些优点和缺点?

知道什么是webkit么? 知道怎么用浏览器的各种工具来调试和debug代码么?

如何测试前端代码么? 知道BDD, TDD, Unit Test么? 知道怎么测试你的前端工程么(mocha, sinon, jasmin, qUnit..)?

前端templating(Mustache, underscore, handlebars)是干嘛的, 怎么用?

简述一下 Handlebars 的基本用法?

简述一下 Handlerbars 的对模板的基本处理流程， 如何编译的?如何缓存的?

检测浏览器版本版本有哪些方式?

我们给一个dom同时绑定两个点击事件，一个用捕获，一个用冒泡，你来说下会执行几次事件，然后会先执行冒泡还是捕获

前端工作总结（7）

作为一名前端实习生，我参加了为期三个月的实习，与团队成员一起工作并学习了许多宝贵的经验和知识。在这篇文章中，我将详细介绍我在这次实习中的经历和收获。

实习的第一天，我受到了热情的欢迎，并且立即加入到一个正在进行的项目中。作为一个新手，我感到有些紧张，但我的导师非常耐心地指导和教导我。他们逐步介绍了我们使用的技术栈，如HTML、CSS和JavaScript，并解释了它们的作用和用途。

在接下来的几天里，我开始参与项目的开发。我负责实现一些基本的页面布局和设计，并与后端开发人员协作，确保前后端的数据交互正常进行。在这个过程中，我学到了许多关于响应式设计、浏览器兼容性和性能优化的技巧。我采用了媒体查询和Flexbox等技术来确保我们的页面在不同设备上都能正常显示，并使用Webpack进行代码打包和压缩以提高加载速度。

随着项目的进行，我逐渐接触到了一些高级的前端开发技术。我学习了Vue.js框架，并使用它来构建动态的用户界面。我使用组件化的思想，拆分页面为可复用的模块，并利用Vue的生命周期钩子函数实现不同的功能。我还学习了Vuex，这是一个状态管理库，使得前端数据的处理和管理更加方便和一致。

除了技术方面的学习，我还参与了团队的日常工作和沟通。我们每天都进行团队会议，讨论项目的进展和遇到的问题。在这些会议中，我学会了如何与其他成员合作，提出问题并提供解决方案。我也学会了如何有效地沟通和表达自己的意见。

在实习期间，我还参加了一些培训和研讨会。我参加了一次关于前端性能优化的讲座，学习了一些优化技巧和工具的使用。我还参与了一个关于用户体验设计的工作坊，学习了如何设计一个易用和直观的用户界面。

小编认为，这次前端实习为我提供了一个宝贵的学习和成长机会。通过实践和团队合作，我掌握了许多前端开发的基本技能，并学会了如何应用它们解决实际问题。我也收获了一些团队合作和沟通的经验，这对我未来的职业发展非常有帮助。

我非常感激我的导师和团队成员在这段时间的指导和支持。他们不仅帮助我解决了技术上的问题，还鼓励我主动思考和探索。我相信这次实习对我来说是一个宝贵的里程碑，将对我的职业生涯产生深远的影响。

作为一名前端实习生，我现在更加自信和有能力面对未来的挑战。我期待着继续学习和成长，并将这次实习的经验应用到将来的工作中。我相信这将是一个令人兴奋和有意义的旅程。

前端工作总结（8）

怎样添加、移除、移动、复制、创建和查找节点?

1)创建新节点 createDocumentFragment //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点

2)添加、移除、替换、插入 appendChild() //添加 removeChild() //移除 replaceChild() //替换 insertBefore() //插入

3)查找 getElementsByTagName() //通过标签名称 getElementsByName() //通过元素的Name属性的值 getElementById() //通过元素Id，唯一性

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

*/

function clone(obj) {

var o;

switch (typeof obj) {

break;

break;

break;

case “object”: // object 分为两种情况 对象(Object)或数组(Array)

if (obj === null) {

o = null;

} else {

if (totype.toString.call(obj).slice(8, -1) === “Array”) {

o = ;

for (var i = 0; i < obj.length; i++) {

o.push(clone(obj));

}

} else {

o = {};

for (var k in obj) {

o = clone(obj);

}

}

}

break;

}

return o;

}

如何消除一个数组里面重复的元素?

arr2 = ;

for(var i = 0,len = arr1.length; i< len; i++){

if(arr2.indexOf(arr1) < 0){

arr2.push(arr1);

}

}

document.write(arr2); // 1,2,3,4,5,6

在Javascript中什么是伪数组?如何将伪数组转化为标准数组?

伪数组(类数组)：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用totype.slice.call(fakeArray)将数组转化为真正的Array对象。

8function log(){

var args = totype.slice.call(arguments);

//为了使用unshift数组方法，将argument转化为真正的数组

args.unshift('(app)');

console.log.apply(console, args);

};

Javascript中callee和caller的作用?

caller是返回一个对函数的引用，该函数调用了当前函数;

callee是返回正在被执行的function函数，也就是所指定的function对象的正文。

请描述一下cookies，sessionStorage和localStorage的区别

sessionStorage用于本地存储一个会话(session)中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。Cookie的大小是受限的，并且每次你请求一个新的页面的时候Cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。 除此之外，Web Storage拥有setItem,getItem,removeItem,clear等方法，不像cookie需要前端开发者自己封装setCookie，getCookie。但是Cookie也是不可以或缺的：Cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存在 ，而Web Storage仅仅是为了在本地“存储”数据而生。

统计字符串中字母个数或统计最多字母数。

16var str = “web前端面试题目及答案web前端面试题目及答案bbbccccddfgh”;

var obj = {};

for(var i=0;i

var v = str.charAt(i);

if(obj && obj.value == v){

unt = ++ unt;

}else{

obj = {};

unt = 1;

obj.value = v;

}

}

for(key in obj){

document.write(obj.value +'='+unt+' '); // a=4 b=3 c=4 d=2 f=1 g=1 h=1

}

jQuery的事件委托方法on、live、delegate之间有什么区别?

一次完整的HTTP事务是怎样的一个过程?

基本流程： a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户

HTTP的状态码有哪些?

关于快排算法的详细说明，可以参考阮一峰老师的文章快速排序 “快速排序”的思想很简单，整个排序过程只需要三步： (1)在数据集之中，选择一个元素作为”基准”(pivot)。 (2)所有小于”基准”的元素，都移到”基准”的左边;所有大于”基准”的元素，都移到”基准”的右边。 (3)对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。 参考代码：

16var quickSort = function(arr) {

if (arr.length <= 1) { return arr; }

var pivotIndex = Math.floor(arr.length / 2);

⬬66职场网dM566.cOm小白避坑大全:
• web前端工作总结 | web前端开发工作总结 | 前端年终述职 | 前端年终述职报告 | 工作总结汇编 | 前端工作总结

var pivot = arr.splice(pivotIndex, 1);

var left = ;

var right = ;

for (var i = 0; i < arr.length; i++){

if (arr < pivot) {

left.push(arr);

} else {

right.push(arr);

}

}

return quickSort(left).concat(, quickSort(right));

二分法查找，也称折半查找，是一种在有序数组中查找特定元素的搜索算法。查找过程可以分为以下步骤： (1)首先，从有序数组的中间的元素开始搜索，如果该元素正好是目标元素(即要查找的元素)，则搜索过程结束，否则进行下一步。 (2)如果目标元素大于或者小于中间元素，则在数组大于或小于中间元素的那一半区域查找，然后重复第一步的操作。 (3)如果某一步数组为空，则表示找不到目标元素。 参考代码:

function binary_search(arr, key) {

var low = 0,

high = arr.length - 1;

while(low <= high){

var mid = parseInt((high + low) / 2);

if(key == arr){

return mid;

}else if(key > arr){

low = mid + 1;

}else if(key < arr){

high = mid -1;

}else{

return -1;

}

}

};

var arr = ;

var result = binary_search(arr,10);

function binary_search(arr,low, high, key) {

if (low > high){

return -1;

}

var mid = parseInt((high + low) / 2);

if(arr == key){

return mid;

}else if (arr > key){

high = mid - 1;

return binary_search(arr, low, high, key);

}else if (arr < key){

low = mid + 1;

return binary_search(arr, low, high, key);

}

};

var arr = ;

var result = binary_search(arr, 0, 13, 10);

前端工作总结（9）

这里跟大家谈谈个人对WEB前端开发的一些经验(当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正)，这里我就从WEB标准开始吧。

WEB标准是什么?

说是WEB标准，不过我这里主要是对_HTML1.1和CSS2.1的一些经验总结。因为WEB含盖的内容实在是太多了，“WEB标准”是一系列标准的总称，包括HTML4.0、_HTML1.1、CSS2.1、_ML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。所以这里要跟大家指出来一下，WEB标准不是我们所说的DIV+CSS。刚刚上面提到了——DIV+CSS，这里要说明下，这样说其实是不正确的。DIV+CSS准确的说法(个人的理解)应该是：采用W3C推荐的WEB标准中的_HTML1.1结合CSS2.0样式表制作页面的方法，DIV应该指的是_HTML标签，而CSS显示是指的CSS样式表了。

采用WEB标准开发的好处?

那么W3C为什么会推荐这样的页面制作方法呢?下面我们就简单的看看采用WEB标准开发(个人理解的)相对以前TABLE布局的优势有哪些?

1、节约运营成本

看看我们的WEB标准制作方法是如何做到的?

采用WEB标准制作，我们可以做到表现很形式的分离，我们用_HTML来表现(数据)，用CSS来控制(页面元素呈现的)形式。写的好的页面，_HTML代码中基本上都是用户要看的数据，还其他修饰性的东西，全部由我们的CSS来控制。这样一来我们的(_HTML)页面的体积就大大减小了，这样你在带宽上的费用就会大家降低了，这个怎么降低的，你可以想象一下，YAHOO的首页小1K，100W个人一起访问，那么带宽节约了多少?而且可以更充分的利用带宽。

而我们的CSS控制了，所有的页面元素的样式，现在想改网站的整体风格，你只需要花几分钟修改一下一个CSS文件，就可以轻松搞定了。维护的成本也下来了，省了不少钱了吧?还有，你开这个页面的速度会快很多啊，一个让你等半分钟的页面，除非里面的信息对你很有用，不然我们大家基本都没有太多的时间去用来等待的。

2、对用户友好更友好，且有机会获得更多的用户。

现在来说说用户友好。首先我想把我们的用户来分下类。

第一类：普通用户(每个访问我们网站的人);

第二类：搜索引擎;

采用WEB标准开发的页面，结构清晰，页面体积小，浏览器兼容性好。普通用户访问的时候，页面打开速度快，而且不管用户使用那种浏览器，都能够正常访问(显示)页面，且页面的结构清晰，要找的数据可以很方便的浏览到。

而对搜索引擎来说，一个好的采用WEB标准开发的页面，都是做过SEO优化的，它访问起来很友好，很容易理解你的页面中哪里是标题(H1~H6标签)，哪里是段落(p标签)，哪里是段落里要强调的内容(strong标签)等，它可以很容易的分析出来。而一个SEO好的站点，大家都知道，被搜索引擎收录的机会更多，这个也意味着您的网站会被更多的普通用户访问到，给你的站点带来更多的用户。

一个能帮我们省下大笔费用，提高工作效率。同时又能够提高页面浏览速度，对用户友好，甚至能够不花钱宣传，就能给你带来更多用户的技术。你说你会不会去使用它?这个也正式我们的W3C推荐使用WEB标准开放网站的原因啊。而这个技术也得到了我们广大用户的认可，所以您现在需要学习WEB标准啊。温习完了基础课程，现在正式开始讲_HTML和CSS的技巧了。

合理的布局

有朋友会开始问了，怎么一开始就开始讲合理的布局了呢?前面我们提到了一些知识点——“结构清晰、SEO优化、页面体积小、_HTML代码中基本上都是用户要看的数据”。这些东西，都是我们做了合理布局的结果。而且我个人觉得，我们采用WEB标准制作的一切都是从这个知识点开始的，所以我这里就先来说这个话题。

那么大家又会开始问，怎样的一个页面，才算是合理的布局的呢?这个问题问题问得好，也是我们大家刚开始学用WEB标准的问得最多的问题之一，我也曾经常被这个问题所困扰，这里就说说我对合理布局的一些理解。

在开始讲合理布局的页面要达到的要素前，我们还是用个实例来讲解会更直观些。先来看看这个图片：不错，这个是一个文章详细页，没有左右两栏布局，不过这里我重点要讲的是合理的布局，在稍后的文章中我会详细的介绍浮动元素。好，回到刚才的话题，大家看到了这个页面了。

前端工作总结（10）

前言

随着互联网的发展，前端技术日新月异，前端工程师的工作也变得越来越重要。作为一名前端工程师，我们面临的挑战和机遇也在不断地增加。回顾过去一年的工作，我深深地感受到了前端工程师的使命和责任。在这篇文章中，我将结合我自己的实践经验，对前端工程师一年来的工作进行总结和分析。

一、技术进步

在过去的一年里，前端技术发展迅速，新技术层出不穷，其中最显著的是 Vue、React、Angular 等前端框架。在这些框架的推动下，前端工程师们的开发效率得到了极大提高，同时还能够更好地提高网页的性能和用户体验。

在我所在的公司中，我们采用了 Vue 作为主要的前端框架，通过它实现组件化开发，节省开发时间和人力成本。同时，我们也注重前端的性能优化和代码优化，运用 Webpack 和 Gulp 等工具进行打包、压缩等操作，大大提高了网页的加载速度和性能。

二、项目实践

随着前端技术的进步，我们在项目实践中也遇到了不少的挑战。作为一名前端工程师，我们需要深入了解业务需求，熟悉产品和设计的需求，并根据需求进行相应的开发。在过去一年中，我参与了多个项目的开发，包括移动端 H5、后台管理系统等。

其中，我特别想说一下我们的移动端 H5 项目。这是一款在线游戏，需要和后台系统进行数据交互，同时还需要考虑到不同机型的兼容性问题。在项目实践中，我们采用了 Vue 作为前端框架，使用 Axios 进行数据交互，同时还使用了在学习过程中掌握的 CSS3 和动画技术，给用户带来更好的视觉效果。

在项目实践中，我们还经常遇到一些问题和 Bug。作为开发者，我们需要耐心地进行调试和解决问题，同时也需要注重代码的可维护性和可扩展性，避免后期出现问题。

三、自我提升

作为一名前端工程师，我们需要不断地学习和提升自己的技能，才能在技术的竞争中脱颖而出。在过去一年中，我在技术学习和团队建设中得到了很大的提升。

技术学习方面，我注重学习新技术和框架，尤其是 Vue 和 React 等前端框架，在参与项目实践中不断地提高技能。同时也关注前端的新闻和动态，扩展自己的知识面。

团队建设方面，我注重团队合作和沟通，鼓励成员之间产生深度的技术讨论，提高团队的技术能力。我们还建立了前端技术分享会和集中学习时间，共同提高前端技术水平。

结语

这一年的工作历程，让我深深地感受到了前端工程师的使命和责任。我们需要不断地学习、提升自己的技术能力，同时也需要注重团队合作和沟通，才能在竞争中立于不败之地。展望未来，我会继续努力，为更好的前端技术贡献力量。

前端工作总结（11）

回首昨天，我们要问心无愧，尽管太多的苦涩融进了昨日的犁铧，尽管太多的忧伤充斥着我们的心灵，尽管太多的无奈写在我们的脸上，尽管太多的精力挥洒在昨日的流程上;立足今日，我们擦亮双眼，走过昨日逝去的岁月，点燃新的希望，放飞新的梦想。

一个开发人员，技术上的提高是必须的，但这是不够的，还得加强管理方面的学习，自己将朝着这一目标迈进。学历代表过去、能力代表现在、学习代表未来。虽然我现在需要学习的东西还很多，但是我仍然会不断加油学习，让知识充实自己的脑袋，让情感融入自己的精神。不管怎么样，我们要怀揣一颗感恩的心，感谢曾经帮助过我们的人，感谢公司、感谢朋友、感谢同事，真心的谢谢您们!

前端工作总结（12）

前端开发是近年来迅速发展的一项技术领域，随着互联网的普及和移动设备的快速发展，对于优秀的前端开发人员的需求也越来越高。为了提高自己的技能并获得更多就业机会，我参加了一次前端开发培训。

这次培训持续了一个月，内容非常丰富。从最基础的HTML、CSS开始，一直到JavaScript、React等高级技术，系统地学习了前端开发的各个方面。培训中，通过理论学习、实践操作和项目实战相结合的方式提高了自己的技术水平。

在培训的一开始，首先学习了HTML和CSS。HTML是网页的基础，通过学习HTML，了解了网页的结构和语义化标签的重要性。CSS则负责网页的样式设计，学习了如何使用CSS选择器、盒模型、浮动等知识，进一步提升了页面的美观度和布局。

进入了JavaScript的学习。JavaScript是一门广泛应用于网页和移动端开发的脚本语言，是前端开发的核心之一。通过学习JavaScript，能够实现网页的交互效果和动态效果。学习了JavaScript的基本语法、变量、条件语句、循环语句等，同时也学习了DOM操作，使能够通过JavaScript来操作网页元素。

在学习了基础知识后，开始进入了一些框架和库的学习。其中，React是一款非常热门的前端框架，深入学习了React的组件化开发和虚拟DOM的概念。通过实践项目，掌握了React的使用技巧，并且学会了使用React开发单页面应用。

除了React，也学习了Vue和Angular这两款流行的前端框架。通过与React的对比，能够更好地理解前端框架的优势和特点。同时，还学习了一些常用的库，如jQuery、Bootstrap等，这些库能够帮助更快速地开发和美化网页。

在培训的过程中，进行了大量的实践操作和项目实战。通过实践，不仅巩固了理论知识，还能够更好地应用到实际开发中。在项目实战中，分组进行开发，通过团队合作，增强了的沟通和协作能力。

在这次前端开发的培训中，我学到了很多东西。不仅提高了我的技术水平，还对前端开发的整体了解更加深入。通过深入学习HTML、CSS、JavaScript以及各种前端框架和库，我对前端开发有了更全面的认识，也为将来的职业发展打下了坚实的基础。

通过这次培训，我也认识了很多志同道合的前端开发者，并且建立了长期的合作关系。相互学习、分享经验，共同进步。培训还为提供了与一些知名企业进行面试的机会，通过这些面试的机会，可以更好地了解企业的需求，并且增加了自己的求职竞争力。

通过这次前端开发的培训，我获益匪浅。不仅提高了技术水平，还培养了团队合作和沟通能力。在未来的工作中，我将继续学习前端开发的最新技术，不断提升自己，为公司的发展贡献自己的力量。

前端工作总结（13）

Web前端开发实训总结

在我参加的这次web前端开发实训中，我获得了许多宝贵的经验和技能。通过这次实训，我对Web前端开发的理论知识有了更深入的了解，并且通过实践项目，我学会了如何运用这些知识来实现一个完整的网站。

首先，在实训的开始阶段，我们学习了网页的基本结构和常用的前端开发语言，比如HTML、CSS和JavaScript。我们通过实践，在一个空白的网页中逐步添加各种元素，了解了如何使用HTML标记来创建网页的结构，如何使用CSS样式来美化网页，以及如何使用JavaScript来实现交互功能。这些基础知识为我们后续的实践项目打下了坚实的基础。

接着，我们进行了一个小型的个人网页项目，这个项目要求我们设计并实现一个展示个人信息和作品集的网页。在这个项目中，我们运用了之前学习的HTML和CSS技术，将页面进行了结构化和美化。我们还使用了JavaScript，添加了一些交互效果，比如通过点击按钮展示隐藏的作品集或切换图片等。通过这个项目，我们不仅熟悉了前端开发的整个流程，还锻炼了我们的设计能力和创造力。

随后，我们进行了一个更复杂的团队合作项目，这个项目是一个电子商务网站的前端开发。在这个项目中，我们需要设计并实现网站的整体布局和各种功能。我们通过分工合作，将网站分为多个页面，并为每个页面设计了独特的布局和样式。我们还使用了一些开源的前端框架，比如Bootstrap和jQuery，以加快开发速度并增加网站的响应性。通过这个项目，我学会了如何与团队合作，如何有效地分工和交流，并体会到了团队合作的重要性。

在整个实训过程中，我还学会了怎样利用调试工具来排查和解决前端开发中的问题。有时候，我们的代码会出现bug或者样式不如预期，这时候通过使用浏览器的开发者工具，我们可以查看页面的实时效果并且检查代码中的错误。这个工具非常有用，它帮助我快速定位并修复问题，提高了我的开发效率。

总的来说，这次web前端开发实训给了我很多宝贵的经验和技能。通过实践项目，我不仅加深了对前端开发理论的理解，还锻炼了自己的设计和开发能力。我学会了如何使用HTML、CSS和JavaScript来创建网页的结构和样式，并通过各种交互效果增强了用户的体验。我还学会了与团队合作，如何有效地分工和交流，并且在与他人的合作中提升了我的沟通和协调能力。这次实训对我的职业发展非常有帮助，我相信我将能够在未来的工作中充分发挥所学，并取得更大的成就。

前端工作总结（14）

Web前端工作总结

Web前端工作是一个广泛且充满挑战的领域，随着互联网的快速发展，前端工程师承担着设计和开发用户界面的重要任务。在过去的一年里，我有幸在一家中型互联网公司担任前端工程师，通过与团队合作和不断学习，总结出以下经验与教训。

首先，作为一名前端工程师，对各种前端技术的熟悉是必不可少的。在过去的一年中，我不断学习和掌握了HTML、CSS和JavaScript等基础知识，并学习了流行的前端框架如React和Vue.js。通过深入了解这些技术，我能够更快速地构建高品质的用户界面，并且能够解决一些常见的兼容性和性能问题。因此在每天的工作中，我始终保持对新技术和新工具的学习和掌握，并不断提升自己的技能水平。

其次，与团队的合作能力对于前端工程师来说也是非常重要的。作为一个团队，我们必须充分理解项目的需求，并与设计师、后端工程师和产品负责人进行紧密的沟通与协作。在过去的一年中，我发现与团队合作的关键是主动沟通和及时反馈。及时沟通问题，征求他人的意见和建议，能够帮助我们更快地解决问题并取得更好的结果。此外，我还学到了耐心倾听与尊重他人意见的重要性。只有通过良好的团队合作，我们才能共同完成一个出色的项目。

另外，前端工程师在处理兼容性和性能问题时也需要花费相当的精力。在不同的浏览器和设备上测试和优化网页的兼容性，确保用户在任何平台上都能正常访问网页，是前端工程师的重要任务。通过使用一些常见的兼容性和性能工具，如Lighthouse和PageSpeed Insights等，我们可以更快速地找出和修复问题。此外，在编写代码时，注重优化和加载速度也非常重要。压缩和合并代码、使用CDN来加速资源加载，优化图片和字体等，都可以有效地提高网页的性能。通过不断使用和熟悉这些工具和技术，我能更好地解决兼容性和性能问题，并提供更好的用户体验。

最后，作为一名前端工程师，不断学习和保持自我驱动是非常重要的。在互联网行业中，技术和工具都在不断变化和更新，只有通过持续学习和自我驱动，我们才能跟上时代的步伐。在过去的一年中，我积极参加各种技术讲座、研讨会和在线课程，不断拓宽自己的技术视野。同时，我也会定期阅读各种前端博客和技术文章，关注业界的最新趋势和动态。通过这些努力，我能更好地应对挑战，并保持自己在前端领域的竞争力。

总结起来，作为一名前端工程师，在过去的一年中，我通过不断学习和与团队的紧密合作，积累了丰富的前端开发经验。我学会了熟练运用各种前端技术，与团队成员密切合作，并解决了一些复杂的兼容性和性能问题。同时，我也深刻认识到前端工作是一个不断学习和成长的过程，我会继续保持自我驱动，不断提升自己的技术水平。我对未来充满信心，相信在这个快速发展的行业里，前端工程师的角色将越来越重要。

前端工作总结（15）

这周在课长和各位同事的提携和帮助下，业务水平方面有了较大的进步，对于胜任本职工作起到了巨大的作用。针对____，在对它们的维护过程中得到了更深入的了解。在平时护线期间，同时接受上级指派的任务，与同事一起完成测试连接架连接工作，在解决接触不良问题上取得一定的效果。

平时，坚持认真对待工作中的每一件事情，做到不焦躁、不浮夸，当生产线机台出现故障时，绝对不推委、不后退，担负起作为一名设备工程师应负的责任，保障设备正常运转。正因为这是我们每位工程师共同的认识，所以一直以来我们所负责的设备都能保证运转率达标。

在保证设备正常运转的同时，我们也在进行设备的保养和改造。出国留学网机器的正常工作是靠保养来实现的，毕竟维修只是当设备发生故障时不得以之的手段。春节以后正是加大了保养力度，使得设备的运转更加稳定和高效，实现了质与量的提高。改造是对设备的进一步发掘和探讨，只有在对设备充分了解的情况下，才可能进行改造。在课长和同事的带领下，针对设备实施了部分的改造，同时也取得了显著的效果。

这期间的进步是明显的，随着能力的提高，能够承受的责任也更加大，因此在工作之余不忘进取，积极学习相关知识，提高业务水平。作为年轻人，希望自己能够焕发年轻的朝气，努力工作、刻苦学习，适应更高的要求。但是经验不足仍旧是我的缺点，对于这一点我坚持用努力去克服，相信在工作的过程中能实现经验的积累，从而克服这一不足!

工作是平淡的、是乏味的、当中更有不少的烦恼，但是我保持着一种平和的心境去看待工作中的烦恼，于是烦恼变少;以乐观的态度对待工作，将获得的欢乐放大，看待事物的心情自然也就好了。观看于丹教授的《论语心得》，似乎把自己的经验和她所说的相互对照，有合的上的，不免高兴，于是在心中的愉悦程度更甚。当下，最重要的是我们以怎样的心情去看待我们的工作，然后我们才能得到它的反馈，是正反馈还是负反馈，全在于本身、全在于本身的付出。

前端工作总结（16）

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。下面是整理的web前端年度工作总结范文，欢迎参考。

web前端年度工作总结(1)

从入职到现在，我在XXX导师的指导下走上了前端之路。在这段时间的学习和项目中使我对前端业务需求和项目开发流程有一定的了解和认识，对前端也有自己的理解。前端是建立在以产品为核心，用户体验为基础的一门技术(其实我个人更喜欢用艺术来形容前端)，每一个细微的视觉效果、交互体验都能给用户带去不同的感受，舒适、简单、不失高雅的前端产品更能获得用户的好评。

项目中我参与讨论产品实现的技术方案，例如：移动端中webview空页面加载方式和有内容页面加载方式是采用进度条还是蒙层加载，对比分析那种加载方式对用户更加友好;PC端中置顶小动画按钮应该在什么情况下出现，是在出现滚动条的情况下马上出现，还是滚动到一定距离的时候再出现会对用户更加友好。前端开发中“细心”极为重要，任何一个页面的行为，它都可能关系着产品的成败，更是对用户的责任。作为一名前端，在项目上需要熟悉整个业务才能更好的开发，例如：花币领取项目中，由于对需求了解的不够透彻，在完成开发后发现有很多场景未考虑完全而大大的延迟了迭代周期，如果一开始就熟悉业务，了解需求，考虑到所有的场景，那么可以大大的减少开发的时间。

学习中在我导师的指导下了解到前端基础的重要性，了解结构和表现在前端技能中的分量。前端基础就好比大楼的地基，只有拥有坚固的地基，才能搭建起一座摩天大厦。结构和表现是区分后端的重要凭证，前端注重视觉效果，后端着重功能实现，作为一名合格的前端，在结构和表现的技能上必须具备自己的专业优势。

前端是整个项目的桥梁，沟通产品、后台、和设计。整个项目中不仅需要对自己技术肯定，更需要了解业务，才能更有效率的开发和维护产品。

十年磨一剑，我怀揣着梦想站在巨人的肩膀上，紧跟着的脚步希望能越走越快，有朝一日，晚霞落幕，回望过往，那片片云彩皆在欢笑。

web前端年度工作总结(2)

大三下学期开始自学的前端，断断续续半年多，开始找前端相关的工作;到现在，走过了毕业期的十字路口，已经工作一年了;好吧，严重掉底子了，我是个比较懒的人。。。既然起步较晚，那么就只有马不停蹄的追赶了，奔跑吧，小前端!

写这个201X的年终总结，没什么经验之谈，只是继往开来，反省反省;继续追逐大神们的脚步，偶尔站在巨人的肩膀上眺望下未来!

一、原谅我，Jquery：

工作之前，那时什么基础都没有，只是逼于即将毕业后的压力，百度到了前端开发，就直接从原生JS开始学了;学不动了，问了下认识的计算机系的学长，知道了Jquery，OK，学吧。。。然而我并没有太大兴趣。。。因为我买了本‘高三’，jquery只是对‘高三’进行了整体的封装，他把我要做的事都做了，那好吧，继续原生JS喽;不得不说那时做的最多的就是原生JS仿写各种特效;;还想了个主题，弄了一堆静态页面，拼了个网站的样子作为找工作的‘作品’，后来

后来，我知道我错了，写那些只是属于前端基础的一小部分，工作毕竟是工作，Demo终难上台面，团队的配合以及开发的效率才是最重要的;现在工作以jquery为主，至于曾经写的各种效果，现在也都有对应的现成组件，拿来用就是;之前无知时忽视了的jquery，工作后开始马不停蹄的搜索各种资源补缺了，还好原生JS没有丢，作为前端的根基，在jquery以外帮了我不少;现在，基础组件一般都是以jquery插件的形式做的，但是业余有时间我都会用原生JS实现一些，因为我不想因为jquery而逐渐忽视原生JS;

二、必须追求的模块化：

前端的模块化是非常必要的，之前对模块化一直是停留在概念阶段，没有太多实践，只是感觉特别好，毕竟在追逐大神们的脚步嘛!忍不住选择了玉伯老师的Seajs，试着把原来写的jquery和几个组件，划分成模块，用Seajs组织到一起;由于工作中的前端结构已趋于稳定，一下子不可能整体改，所以我只是在本地新建了个目录，一有时间就考虑下，怎么以模块化的搞法从新组织下;私下里，为了证实我在工作的本地前端结构可用，还专门弄了个简单的博客，按照自己对模块化的想法，首先以自己的博客作为实验场，来验证可行性;不管结果怎么样，不管这样做好不好，就当是一种锻炼吧;愚论拙见，只当逗大神们一笑吧;

三、弱小者的强大力量——CSS：

HTML、CSS作为前端开发最基础的一部分，可能在后端眼中不值一提吧(忽视这个小小的吐槽吧。。。)，确实我也这么认为;但是，我更认为，前提是你能够把这些基础乱熟于心，并且对各种浏览器的兼容性了然于胸，闭着眼睛也能写出简洁明了的HTML、CSS;好吧，其实这只是我对自己的一个长期的要求;因为模块化，不只是JS，对应的少不了HTML、CSS;为了与JS的模块化遥相呼应，那么CSS的模块化是不可忽略的，只是就CSS来说，要想做到极致精简、模块化、可复用，不是想想就可以的;

是的，你必须还是得要把一些逻辑性的东西引入CSS才行;

恩，SASS是首选的CSS预编译器之一;风行于前后端的Bootstrap之前是基于Less的，后来全部开始转向Sass了;所以，无论现在对于Bootstrap熟练度有多少，我想其对于前端样式的构建思想是非常值得学习的;以Sass作为前端样式的构建工具，来实现精简、模块化、可复用的样式，我想那不是梦，当然，一切都是需要历练和积累的;

四、革命性的转折点：Nodejs

不管Nodejs属于前端还是后端，我想其对于前端工作的变革性影响都是不言而喻的;在我心里，Nodejs将前端的模块化思想做到了极致，包的数量多达十几万的NPM社区足以证明其伟大之处;Nodejs内部实现了Commonjs规范，以require模块的方式调用内部模块和外部模块;所以NPM社区如此强大是必然的;由此各大类库和框架都实现了基于Nodejs的模块化实现;并且远不止这些，基于Nodejs还带来了前端的工程化;各种前端自动化工具推陈出新，不断向前端工作注入新的活力;比如：Grunt、Gulp、Browserify、Webpack等等;

不好意思，Nodejs学的还不多，若有夸大其词的地方，大神还是忽视我吧;花满楼的博客只是对Nodejs小小的探索，诸多不足，有待改进，望大神路过指导;

五、话说，我想多了：

每次信誓旦旦做的规划，都会随着时间的脚步渐渐风化;每次回顾过去，只留一声叹：时间都去哪了?呵呵，还是走好脚下的路吧，毕竟做该做的事总归是好的;愿和我一样的小前端们，梦想都不是白日梦!

六、遇见最好的你：Angularjs

目前工作的情况并没有太大的变动，有些事还是得以团队工作为重;只是业余会多些躁动，201X年，想学好Angularjs;一方面作为工作内的技术储备，另一方面，我的实验场还是需要多些内含的，打算首先用Angularjs改造博客的后端程序;权当锻炼吧!风靡前端的框架还有很多，大神们也是有各种论调，我想选Angularjs因为我胃口小，一口吃不下一个包子，还是细嚼慢咽的好;主要是：Angularjs的思想很吸引我，MVC、路由、双向数据绑定、依赖注入、指令系统等;对我来说既陌生又无限的吊胃口;无论学的怎么样，我想理解这些思想对现在的我来说恐怕才是最重要的。

前端工作总结（17）

推荐阅读: web前端工作总结 窗帘销售工作总结（汇编十七篇） 城市年终工作总结（汇编十七篇） 资历申报工作总结(汇编十七篇)

为了您方便浏览更多的前端工作总结网内容，请访问前端工作总结

热门标签: 十七岁作文 web前端自我评价 十七岁的单车观后感 工作总结 it工作总结 erp工作总结

文章来源：//www.dm566.com/gongzuozongjie/153489.html