子树

子树 查看完整档案

深圳编辑  |  填写毕业院校  |  填写所在公司/组织 www.jianmi.club 编辑
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

子树 收藏了文章 · 9月22日

前端工程师成长之多读好书

1 引言

乱七八糟的书看了很多,有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言",但还是看完了,最后忘了书名。

下面列的这些都是看过后至少记得起书名的,也有部分是经常看的书,一起列出来,推荐给爱学习的同学。

2 前端技术

2.1 综合

  • 《现代前端技术解析》
  • 《Web前端开发最佳实践》
  • 《Web前端工程师修炼之道》
  • 《编写高质量代码-Web前端开发修炼之道》
  • 《响应式Web设计 HTML5和CSS3实战》 第二版
  • 《响应式设计、改造与优化》

2.2 基础

2.2.1 HTML && HTML5

  • 《HTML与CSS基础教程》第八版
  • 《HTML与XHTML权威指南》第六版
  • 《HTML5与CSS3实战指南》
  • 《HTML5和CSS3权威指南》
  • 《HTML5与CSS3设计模式》

2.2.2 CSS && CSS3

  • 《CSS世界》
  • 《CSS核心技术详解》
  • 《CSS权威指南》 第三版
  • 《CSS设计指南》第三版
  • 《精通CSS-高级Web标准解决方案》第二版
  • 《图解CSS3-核心技术与案例实战》

2.2.3 JavaScript && ES6+

  • 《看透JavaScript:原理、方法与实践》
  • 《实战ES2015:深入现代JavaScript 应用开发》
  • 《学习JavaScript数据结构与算法》 第二版
  • 《ES6标准入门》第三版
  • 《JavaScript忍者秘籍》第二版
  • 《JavaScript学习指南》第三版
  • 《You Don't Know JS》《你不知道的JS》
  • 《JavaScript权威指南》第六版
  • 《JavaScript高级程序设计》 第三版
  • 《JavaScript核心概念及实践》
  • 《JavaScript面向对象编程指南》第二版
  • 《JavaScript DOM编程艺术》第二版
  • 《JavaScript语言精粹》
  • 《动态函数式编程语言精髓与编程实践》

2.3 性能优化

  • 《Web性能权威指南》
  • 《高性能JavaScript》
  • 《JavaScript性能优化:度量、监控与可视化》
  • 《高性能网站建设指南》
  • 《高性能网站建设进阶指南》
  • 《大型网站性能监测、分析与优化》
  • 《网站性能监测与优化》
  • 《高效前端-Web高效编程与优化实践》
  • 《速度与激情-以网站性能提升用户体验》

2.4 安全

  • 《Web前端黑客技术揭秘》
  • 《白帽子讲Web安全》
  • 《黑客攻防技术宝典 Web实战篇》第二版
  • 《Web应用安全威胁与防治 基于OWASP Top 10与ESAPI》
  • 《Web之困-现代Web应用安全指南》
  • 《Web安全开发指南》
  • 《Web应用安全权威指南》
  • 《黑客攻防技术宝典 浏览器实战篇》
  • 《XSS跨站脚本攻击剖析与防御》

2.5 工程化 && 自动化

  • 《深入浅出Webpack》
  • 《深入PostCSS Web设计》
  • 《前端工程化体系设计与实践》
  • 《Web前端测试与集成- Jasmine/Selenium/Protractor/Jenkins的最佳实践》
  • 《Web前端自动化构建-Gulp、Bower和Yeoman开发指南》

2.6 协议

  • 《Web性能权威指南》
  • 《图解HTTP》
  • 《HTTP权威指南》
  • 《HTTPS权威指南》
  • 《图解TCP-IP》

2.7 浏览器

  • 《浏览器工作原理》 文章
  • 《Webkit技术内幕》

2.8 架构

  • 《JavaScript框架设计》第二版
  • 《前端架构设计》
  • 《JavaScript开发框架权威指南》
  • 《大型JavaScript应用实践最佳指南》
  • 《JavaScript框架高级编程》
  • 《JavaScript设计模式与开发实践》
  • 《JavaScript设计模式》
  • 《JavaScript模式》

3 学点其他的

3.1 所谓的全栈

  • Web开发者技能路线图
  • 教你成为全栈工程师
  • 《全栈增长工程师指南》 《全栈应用开发-精益实践》
  • 《Web全栈工程师的自我修养》
  • 《Web开发权威指南》
  • 《JavaScript快速全栈开发》
  • 《单页Web应用-JavaScript从前端到后端》
  • 《全栈开发之道-MongoDB+Express+AngularJS+Node.js》
  • 《全端Web开发-使用JavaScript和Java》

3.2 程序设计

  • 《代码大全》第二版
  • 《修改代码的艺术》
  • 《重构-改善既有代码的设计》
  • 《代码整洁之道》

3.3 计算机基础

  • 《深入理解计算机系统》第三版
  • 《计算机是怎样跑起来的》
  • 《程序是怎样跑起来的》
  • 《网络是怎样连接的》
查看原文

子树 赞了文章 · 9月22日

前端工程师成长之多读好书

1 引言

乱七八糟的书看了很多,有一本讲JavaScript的印象特别深开篇说的是"JavaScript是Java的脚本语言",但还是看完了,最后忘了书名。

下面列的这些都是看过后至少记得起书名的,也有部分是经常看的书,一起列出来,推荐给爱学习的同学。

2 前端技术

2.1 综合

  • 《现代前端技术解析》
  • 《Web前端开发最佳实践》
  • 《Web前端工程师修炼之道》
  • 《编写高质量代码-Web前端开发修炼之道》
  • 《响应式Web设计 HTML5和CSS3实战》 第二版
  • 《响应式设计、改造与优化》

2.2 基础

2.2.1 HTML && HTML5

  • 《HTML与CSS基础教程》第八版
  • 《HTML与XHTML权威指南》第六版
  • 《HTML5与CSS3实战指南》
  • 《HTML5和CSS3权威指南》
  • 《HTML5与CSS3设计模式》

2.2.2 CSS && CSS3

  • 《CSS世界》
  • 《CSS核心技术详解》
  • 《CSS权威指南》 第三版
  • 《CSS设计指南》第三版
  • 《精通CSS-高级Web标准解决方案》第二版
  • 《图解CSS3-核心技术与案例实战》

2.2.3 JavaScript && ES6+

  • 《看透JavaScript:原理、方法与实践》
  • 《实战ES2015:深入现代JavaScript 应用开发》
  • 《学习JavaScript数据结构与算法》 第二版
  • 《ES6标准入门》第三版
  • 《JavaScript忍者秘籍》第二版
  • 《JavaScript学习指南》第三版
  • 《You Don't Know JS》《你不知道的JS》
  • 《JavaScript权威指南》第六版
  • 《JavaScript高级程序设计》 第三版
  • 《JavaScript核心概念及实践》
  • 《JavaScript面向对象编程指南》第二版
  • 《JavaScript DOM编程艺术》第二版
  • 《JavaScript语言精粹》
  • 《动态函数式编程语言精髓与编程实践》

2.3 性能优化

  • 《Web性能权威指南》
  • 《高性能JavaScript》
  • 《JavaScript性能优化:度量、监控与可视化》
  • 《高性能网站建设指南》
  • 《高性能网站建设进阶指南》
  • 《大型网站性能监测、分析与优化》
  • 《网站性能监测与优化》
  • 《高效前端-Web高效编程与优化实践》
  • 《速度与激情-以网站性能提升用户体验》

2.4 安全

  • 《Web前端黑客技术揭秘》
  • 《白帽子讲Web安全》
  • 《黑客攻防技术宝典 Web实战篇》第二版
  • 《Web应用安全威胁与防治 基于OWASP Top 10与ESAPI》
  • 《Web之困-现代Web应用安全指南》
  • 《Web安全开发指南》
  • 《Web应用安全权威指南》
  • 《黑客攻防技术宝典 浏览器实战篇》
  • 《XSS跨站脚本攻击剖析与防御》

2.5 工程化 && 自动化

  • 《深入浅出Webpack》
  • 《深入PostCSS Web设计》
  • 《前端工程化体系设计与实践》
  • 《Web前端测试与集成- Jasmine/Selenium/Protractor/Jenkins的最佳实践》
  • 《Web前端自动化构建-Gulp、Bower和Yeoman开发指南》

2.6 协议

  • 《Web性能权威指南》
  • 《图解HTTP》
  • 《HTTP权威指南》
  • 《HTTPS权威指南》
  • 《图解TCP-IP》

2.7 浏览器

  • 《浏览器工作原理》 文章
  • 《Webkit技术内幕》

2.8 架构

  • 《JavaScript框架设计》第二版
  • 《前端架构设计》
  • 《JavaScript开发框架权威指南》
  • 《大型JavaScript应用实践最佳指南》
  • 《JavaScript框架高级编程》
  • 《JavaScript设计模式与开发实践》
  • 《JavaScript设计模式》
  • 《JavaScript模式》

3 学点其他的

3.1 所谓的全栈

  • Web开发者技能路线图
  • 教你成为全栈工程师
  • 《全栈增长工程师指南》 《全栈应用开发-精益实践》
  • 《Web全栈工程师的自我修养》
  • 《Web开发权威指南》
  • 《JavaScript快速全栈开发》
  • 《单页Web应用-JavaScript从前端到后端》
  • 《全栈开发之道-MongoDB+Express+AngularJS+Node.js》
  • 《全端Web开发-使用JavaScript和Java》

3.2 程序设计

  • 《代码大全》第二版
  • 《修改代码的艺术》
  • 《重构-改善既有代码的设计》
  • 《代码整洁之道》

3.3 计算机基础

  • 《深入理解计算机系统》第三版
  • 《计算机是怎样跑起来的》
  • 《程序是怎样跑起来的》
  • 《网络是怎样连接的》
查看原文

赞 321 收藏 287 评论 9

子树 赞了文章 · 9月14日

我的前端职业进阶之路

69 篇原创好文~
本文首发于政采云前端团队博客:我的前端职业进阶之路

自我介绍

大家好。我叫陈梦兰,花名沫沫,来自政采云团队,担任前端技术专家一职,实线带领 10 人负责项目采购业务线,虚线负责前端物料体系建设和前端 AI 智能化方向。今天给大家分享的主题是:我的前端职业进阶之路。

分享大纲

img

本次分享的内容主要分为两个部分:

第一部分,关于个人成长,整体概览下我的个人职业发展过程,以及在这个过程中,我在每个阶段所遇到的问题、瓶颈和破局的方法。

第二部分,主要是通过整个成长过程后,沉淀的一些经验总结和对未来的展望。

个人成长过程

img

第一阶段:一线执行

2014-2017 年,当时这个阶段的目标是:夯实技术基础扩展技术广度尽可能多的接触复杂的业务场景和技术方案

在编码上,要关注编码规范代码质量,尽可能每个需求都自己做下 Code Review,或者让师兄一起 Code Review,总结最佳实践。平时可以抽空看一些开源项目的源码,会有很多的收获。

另外,提及到扩展技术广度,我个人觉得比较好的一种方式是:从实际的场景或者问题出发,去寻找解决方案,过程中去学习和实践新的技术,这样成长速度会更快。

如果我们只是一门心思学了很多东西,而短时间内得不到实际场景的应用,一方面容易感觉到迷茫和困顿,另一方面,很多时候只有在实际场景中应用后才会发现一些问题和新的关联知识点。

第二阶段:业务接口人/师姐

2018 年开始带 2 个同学,负责一条业务线,独当一面。

当时除了自己作为那条业务线的核心开发以外,还需要协助新人/师弟成长,帮助他们提升技术能力和职业化能力。

作为业务接口人,需要把控技术方案的合理性和扩展性,了解业务的短期和长期规划考量需求的投入产出比尽可能的帮助业务实现利益最大化等等

回顾那个时候,其实也是综合能力快速提升的阶段。潜移默化中,跨团队的沟通协调能力风险把控能力业务理解力都有很大的提升

第三阶段:组长 Acting

2019 年开始带 7 - 8 个人,负责多条业务线。当时大家都是之前来自不同的业务团队,相互之间的熟悉度和信任度会差一些。

所以,刚开始我是刻意安排两两结对的方式来对接不同业务,让大家彼此之间快速熟悉起来。我一直认为,没有什么比一起 “打过仗” 来得更容易建立信任关系。

随着整个小组的凝聚力逐渐加强,而后,为了更好的支撑多条业务线,就要考虑小组的梯度建设,业务接口人的培养和我自己的 Backup 培养。

以上这些都是对小组内部的团队建设,除此之前,还需要具备某个领域的技术专项化能力,虚线能带动其他人共建和落地一些技术建设的事情

我个人在这个阶段负责的是前端物料体系的建设。当然,在这个阶段需要面对更多的人和事,更多跨团队的沟通和推动,对自身软实力的培养也会很有帮助。

当前阶段:Team Leader

从工作内容上来说,很多跟去年是类似的,今年负责的也是对我而言崭新的业务和团队。

目前对我而言,也需要进一步强化体系化能力对内对外的影响力跨部门的推动和建设梯队建设人才培养绩效管理(确定绩效目标,过程跟进,结果评估)等等。

经验总结

第一阶段:一线执行

img

在一线执行阶段,当时遇到的问题是,在外企这样一个比较安逸的环境工作了 3 年后,明显感觉到自己的成长已经进入了滞缓期,同时在工作节奏偏慢的氛围下,感觉这样下去自己会走下坡路。

所以,当时的选择是跳槽来到了政采云。但在半年多之后,已经逐步熟悉了业务和技术栈,能独立负责后,发现自己本质上还是在做 “纯业务执行” 的事情,跟之前没什么太大的区别。

这边讲的 “纯业务执行” 指的是,能够很好的把业务需求做完并按时交付,但并不会思考如何从业务和技术的角度出发,做得更好。

破局:认知的突围

img

这个阶段的破局,很大程度是思想和认知方面的转变。

我意识到,换平台并不能解决根本问题,而本质上是我把自己当做了一个单纯的执行角色,觉得做完了产品需求就够了。

但业务支撑并不只是如期交付业务需求就可以了,而是要自驱的去发现业务中的一些痛点问题寻找解决方案并推进落地然后再不断迭代优化形成一个完整的闭环。其实就是从做完到做好,给业务带来改变。

有时候我会想,对公司而言,我的个人价值点在哪里,如果只是做业务纯执行,那么其实所有人都是一样,因为做完业务是最最基本的,本职工作而已。

所以,个人价值的体现在于能发现别人发现不了的问题点解决别人解决不了的事情

案例:知识问答小机器人

这边给大家分享一个具体的 Case。当时有个知识问答小机器人的业务需要交接到我这边。

交接过程中,和业务方、产品提前沟通了后续一个季度的业务规划,期望在全平台所有业务的所有页面全部植入这个小机器人,总计 100+ 个前端应用。

但基于当时植入的技术方案,这个植入成本非常高,每个业务线需要挨个手动接入,并且后续小机器人的迭代,各业务线也需要发版。

显然当时的技术方案对后续业务的扩展是有影响的,所以,决定推动重构,最终实现了个业务线的 0 成本植入,后续迭代各业务线也无感知。

这个 Case 其实很小,但可能大家在日常工作中都会遇到类似的问题。

我们可以总结 2 点经验:

  • 第一,主动提前了解业务后续规划,不要只看当下产品导入的需求,会对技术方案的选择很有帮助
  • 第二,需要有一定的洞察力,能发现一些痛点问题,寻找解决方案,并推进落地,帮助业务快速推广

复盘

img

针对一线执行阶段,我做了下复盘和总结,主要分为 4 个方面:在这个阶段的基本要求、更高的标准、素质瓶颈以及能力结构的瓶颈。

基本要求:

包括业务理解和支撑能力;独立承担和独立执行;扎实的技术功底和编码质量;风险反馈意识。其中风险反馈意识是比较容易忽略的,这也是一个比较重要的基本要求。

  • 为什么风险反馈意识这么重要

    我们很难做到所有需求在具体执行过程中,确保完全没有风险。导致风险的原因有很多:

    • 比如前期技术方案评估有疏漏;
    • 在研发过程中需求有变更;
    • 需求拆解不够细,导致估时不够准确等等。
  • 假设真的出现了风险,那及时反馈就很重要了,如果是在最后一刻搞不定了才反馈的话,那团队也无法横向协助解决问题,可能最终会导致项目延期
  • 千万不要觉得反馈风险是不是显得自身能力不够,在我看来,及时反馈风险是职业化的体现。事后可以复盘,后续如何规避类似风险的发生,但当下最有效的就是及时反馈问题
  • 这个阶段往往已经一个人负责某个业务模块或者业务线了,所以,业务理解力、独立承担和独立执行也很重要,这点能体现出我们的技术功底和解决问题的能力
更高标准:

包括对编码质量的精益求精;自驱主动的发现痛点问题,具备强执行力,针对问题能输出好的解决方案并推动落地。

  • 一部分人可能对问题的感知力比较弱,本质上也没有精益求精的习惯。
  • 还有一部分人缺乏的不是对问题的感知力,而是发现问题后的视而不见,可能会吐槽下,但不会主动去寻找解决方案,并推动落地解决。
  • 但其实我们的目标是问题能够最终得以落地解决,所以就需要具备强执行力
素质瓶颈,体力

在这个阶段大多数事情都是通过体力来解决,下个阶段就是用脑力来解决问题。

能力结构瓶颈

包括业务理解能力、技术方案能力、沟通能力、反馈意识、推动落地的强执行力。

第二阶段:业务/团队核心

img

在作为业务接口人/师姐的阶段,开始带几个新人,负责一条大的业务线。当时遇到的问题用一个字概括就是 “”,但这种情况下的忙其实是有问题的。

由于当时自己在这条业务线待的时间比较长,对整体业务更熟悉,所以其他协作方遇到问题会习惯于找到我。

刚开始很多事情还是习惯于自己来解决,每天加班到很晚,而对于新人而言,反而得不到更快速的成长,小组整体的业务支撑能力也偏低。

破局:思考和复盘

img

越忙的时候,越要抽出时间来思考和复盘

当变成业务接口人之后,不仅要考虑自己个人的能力提升,更要学会靠一群人的力量解决问题,更要考虑其他人的成长小组整体的业务支撑能力

要给新人足够的授权和信任,制定新人培养计划,在过程中进行辅导,每周阶段性沟通,协助新人快速成长。

同时,每周组织小组内部 Code Review业务分享技术分享等等,这些都是提升小组成员业务理解力、技术能力以及整体产出能力的很好方式。

案例:物料体系0到1的建设

img

这个阶段,除了实线负责业务线以外,还虚线主导整个前端物料体系的建设

这边给大家解释下什么是 “虚线” 的技术建设。在我们公司并不是由独立的前端架构组来做技术建设,而是来自不同业务线的同学组成 “虚线” 小组的形式。

本身所有的技术建设其实都是为业务服务的,业务线的同学会更深入了解业务上的问题,以及如何落地。

接下去,我大概回顾下,如何从 0 到 1 规划和建设整个物料体系的。

img

当时我们面临了什么问题呢?

  • 第一,由于历史原因,各业务线的视觉规范不统一
  • 第二,当时公司内部只有一个 React 选型的 UI 组件库,对整个物料体系而言还只是很薄的一层

我们知道物料体系建设很明确的目标就是对内进行研发提效。首先,我们思考一个问题,如何实现研发提效?对物料体系而言,很直观的 2 个方向就是通过物料复用工具化来提效。

那物料应该包含哪些内容呢?因为前端交付的是完整的页面,我们可以把一个页面拆解为模板业务组件UI 组件底层视觉规范,具体详细见上图。

而工具化其实就是为了让研发同学在使用物料的过程中更加便捷,进一步提效。当然,还有任何技术建设中,必不可少的一个模块,就是量化数据统计

数据可以很好的反映出整个物料体系在业务线的使用情况,也是为后续物料体系不断优化迭代提供数据支撑

其实,我的第一版规划里面并没有全部涵盖上面所有的内容,大概只有 70% 左右。我想说的是,有时候很多事情一下子想不全没关系这是一个逐渐完善的过程。先 0 到 1 建设最最核心的能力,然后再不断丰富完善,进行 1 到 10 的优化迭代。

img

另外,这边也给大家分享下,如何做好整体规划?明确且细致的规划能够让大家更有目标感方向感,也能更好的把控推进节奏

一种思维方式是,先确定大方向需要做什么,然后细化各种 Action,最后思考这些 Action 达成了哪些目标。

但其实更好的是以下这种方式:

  1. 从业务/技术场景出发,分析背景/现状
  2. 根据现状,分析和罗列出痛点和问题
  3. 为了解决这些痛点和问题,我们需要指定的整体目标是什么
  4. 将整体目标进行细化拆解成阶段性小目标
  5. 针对每个阶段性小目标,思考要达成阶段性小目标,有哪些可突破的方向
  6. 有了具体方向后,针对性的拆解成对应的 Action
  7. 制定里程碑计划
  8. 落地和推广

复盘

img

针对业务接口人/师姐阶段,同样做了复盘和总结,主要分为 4 个方面:在这个阶段的基本要求、更高的标准、素质瓶颈以及能力结构的瓶颈。

  1. 基本要求,包括深入理解业务、独当一面、培养新人/师弟、把控风险、把控技术方案、沟通协调能力。
  2. 更高标准,包括考虑投入产出比(ROI)、帮业务赢、带动和影响他人。

    • 为什么投入产出比的考量很重要?

      • 在业务高速发展的公司,业务需求的增加速度是非常快的,通常需求体量是超过研发资源负荷量的。
      • 在研发资源有限的情况下,我们需要考虑投入产出比,和产品一起实现业务价值交付的最大化
  3. 素质瓶颈脑力
  4. 能力结构瓶颈,包括主导能力、流程感知、ROI 考量、跨部门的项目 PM 能力。

第三阶段:Leader

img

第三阶段 Leader 阶段,因为今年正好刚轮岗到了一个新的团队,所以我着重讲下今年遇到的一些问题以及解决方法。

来到这个崭新的团队,第一件事就是盘人盘事,过程中我发现了以下几个问题:

  • 业务流程链路长,复杂度高,研发同学对整体业务熟悉度不够
  • 部分项目的技术选型老旧(jQuery),历史 “债务” 较多
  • 合作伙伴同学占比较高,代码质量参差不齐
  • 需求迭代流程不合理,一线同学疲惫感较重

破局:团队环境升级

img

面对上述这些问题,目前我的解决方法如下:

  • 分享沉淀:加强内部业务分享,建立业务知识库
  • 技术选型升级:降低复杂度和维护成本,研发提效
  • 流程规范:标准化、合理化
  • 梯队建设:培养自己的 Backup。每条业务线都配备业务接口人+合作伙伴。每个新人指定对应师兄,一对一帮带
  • 团队凝聚力&氛围:互帮互助、乐于分享、群策群力

复盘

img

作为 Leader,我也还在不断地学习和成长中。回顾在这个阶段的经历,我也简单做了下复盘和总结,同样分为 4 个方面:在这个阶段的基本要求、更高的标准、素质瓶颈以及能力结构的瓶颈。

  1. 基本要求,包括梯队建设、绩效管理、沟通协调、推动优化&改变。
  2. 更高标准,包括破圈建设、跨部门项目的 PM 能力、探索新的技术领域。

    • 破圈建设就是跨出前端职能部门,以更开阔的视野去看,各个职能部门之间更好的协作和共建,帮助业务拿到更好的结果。
  3. 素质瓶颈心力
  4. 能力结构瓶颈,包括前瞻性、目标感、主导力、整合力、推动并拿结果的能力、影响力、领导力。

职能·能力矩阵

img

上述图表达的是作为一个优秀的职业化的前端,所该具备的能力项矩阵。

纵向分成 4 块,业务支撑力技术创新力组织发展力内外影响力。很多能力项之前都有详细讲过,这边就不再赘述了。

其实每个人的成长过程都是在不断的丰富和提升自己的能力项:

  • 业务非常忙的时候,过程中可以重点提升自己业务支撑力
  • 业务相对稳定的时候,可以做一些技术建设,更好的为业务赋能。

Tips

  • 任何职业阶段,过硬的技术功底都是立身之本
  • 关注行业动态、了解新技术趋势
  • 横向/纵向对比,三人行必有我师
  • 复盘,勤总结
  • 保持利他共赢的思维

未来:智能化

img

提到未来,我所想到的一个词就是 “智能化”。过去的几年我们用 Low Code 搭建的方式完成了一次大幅度的提效,但搭建最终还是要依赖于组件的迭代。

相信接下去就是智能化的时代,简单的 HTML + CSS 都可以通过智能化的方式直接从 UI 视觉稿生成可用代码。

目前我们已经开始了 “前端智能化(UI to Code)” 方面的探索,对这方面有兴趣的同学,欢迎加入我们。

好书推荐

img

我个人非常推荐《金字塔》这边书籍,它能够帮助我们强化思考架构能力和逻辑沟通能力,帮助我们更高效的思考、表达和解决问题。

招贤纳士

政采云前端团队(ZooTeam),一个年轻富有激情和创造力的前端团队,隶属于政采云产品研发部,Base 在风景如画的杭州。团队现有 50 余个前端小伙伴,平均年龄 27 岁,近 3 成是全栈工程师,妥妥的青年风暴团。成员构成既有来自于阿里、网易的“老”兵,也有浙大、中科大、杭电等校的应届新人。团队在日常的业务对接之外,还在物料体系、工程平台、搭建平台、性能体验、云端应用、数据分析及可视化等方向进行技术探索和实战,推动并落地了一系列的内部技术产品,持续探索前端技术体系的新边界。

如果你想改变一直被事折腾,希望开始能折腾事;如果你想改变一直被告诫需要多些想法,却无从破局;如果你想改变你有能力去做成那个结果,却不需要你;如果你想改变你想做成的事需要一个团队去支撑,但没你带人的位置;如果你想改变既定的节奏,将会是“5 年工作时间 3 年工作经验”;如果你想改变本来悟性不错,但总是有那一层窗户纸的模糊… 如果你相信相信的力量,相信平凡人能成就非凡事,相信能遇到更好的自己。如果你希望参与到随着业务腾飞的过程,亲手推动一个有着深入的业务理解、完善的技术体系、技术创造价值、影响力外溢的前端团队的成长历程,我觉得我们该聊聊。任何时间,等着你写点什么,发给 ZooTeam@cai-inc.com

查看原文

赞 9 收藏 5 评论 1

子树 赞了文章 · 9月10日

互联网大厂的面经大全 (阿里、头条、腾讯、美团等)

本文永久地址: 大厂面经大全将会持续更新和补充

各大厂

阿里

头条

腾讯

高赞文章收藏

关注我

欢迎关注公众号【互联网大厂招聘】,作者将在公众号里持续推送各个大厂的招聘职位及要求,并与大厂面试官以及招聘负责人直通,感兴趣的可以直接与负责人交流。

另外,作者也将持续推送优质的大厂面试经验,各种大厂独家面试题以及优秀文章分享,不限于前端,后端,运维和系统设计。

更多大厂招聘,面试面经,技能要求,请关注公众号【互联网大厂招聘】

扫码添加我的微信,一定要备注面试,进入面试群,或者与我交流。

加我微信拉你进入面试交流群

查看原文

赞 113 收藏 87 评论 0

子树 赞了回答 · 9月4日

如何用js实现每天第一次登录弹出一个对话框?

使用cookie要注意同一个浏览器不同用户第一次登陆的情况(除非你整一个区分用户的cookie来记录)。 所以还是server来判断比较好。

关注 5 回答 4

子树 关注了专栏 · 8月31日

前端下午茶公众号

你不能把这个世界,让给你鄙视的人

关注 1200

子树 关注了专栏 · 8月31日

前端巅峰

注重前端性能优化和前沿技术,重型跨平台开发,即时通讯技术等。 欢迎关注微信公众号:前端巅峰

关注 16282

子树 关注了标签 · 8月31日

javascript

JavaScript 是一门弱类型的动态脚本语言,支持多种编程范式,包括面向对象和函数式编程,被广泛用于 Web 开发。

一般来说,完整的JavaScript包括以下几个部分:

  • ECMAScript,描述了该语言的语法和基本对象
  • 文档对象模型(DOM),描述处理网页内容的方法和接口
  • 浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口

它的基本特点如下:

  • 是一种解释性脚本语言(代码不进行预编译)。
  • 主要用来向HTML页面添加交互行为。
  • 可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

JavaScript常用来完成以下任务:

  • 嵌入动态文本于HTML页面
  • 对浏览器事件作出响应
  • 读写HTML元素
  • 在数据被提交到服务器之前验证数据
  • 检测访客的浏览器信息

《 Javascript 优点在整个语言中占多大比例?

关注 132257

子树 关注了标签 · 8月31日

前端

Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。

Web前端优化
  1. 尽量减少HTTP请求 (Make Fewer HTTP Requests)
  2. 减少 DNS 查找 (Reduce DNS Lookups)
  3. 避免重定向 (Avoid Redirects)
  4. 使得 Ajax 可缓存 (Make Ajax Cacheable)
  5. 延迟载入组件 (Post-load Components)
  6. 预载入组件 (Preload Components)
  7. 减少 DOM 元素数量 (Reduce the Number of DOM Elements)
  8. 切分组件到多个域 (Split Components Across Domains)
  9. 最小化 iframe 的数量 (Minimize the Number of iframes)
  10. 杜绝 http 404 错误 (No 404s)

关注 150148

子树 关注了标签 · 8月31日

vue.js

Reactive Components for Modern Web Interfaces.

Vue.js 是一个用于创建 web 交互界面的。其特点是

  • 简洁 HTML 模板 + JSON 数据,再创建一个 Vue 实例,就这么简单。
  • 数据驱动 自动追踪依赖的模板表达式和计算属性。
  • 组件化 用解耦、可复用的组件来构造界面。
  • 轻量 ~24kb min+gzip,无依赖。
  • 快速 精确有效的异步批量 DOM 更新。
  • 模块友好 通过 NPM 或 Bower 安装,无缝融入你的工作流。

官网:https://vuejs.org
GitHub:https://github.com/vuejs/vue

关注 94570

认证与成就

  • 获得 74 次点赞
  • 获得 2 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 2 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 8月1日
个人主页被 79 人浏览