微信号:FrontDev

介绍:分享 Web 前端相关的技术文章、工具资源、精选课程、热点资讯

Web 前端知识体系精简:15篇前端热文回看

2017-07-02 20:01 前端大全

(点击上方公众号,可快速关注)


本文精选了前端大全2017年6月的15篇热门文章。其中有职场分享、技术分享和技术资源。


注:以下文章,点击标题即可阅读


Web 前端知识体系精简


Web前端技术由html、css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构。


Top 10 JavaScript编辑器,你在用哪个?


对于JavaScript程序员来说,目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript,HTML5和CSS开发,并且可以使用Markdown进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编程?原因就是速度快。



前端工程师面试题汇总


本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的!


阿里、网易、滴滴共十次前端面试碰到的问题


前一段时间一直在不断地面试,无奈个人技术能力有限、项目经验缺乏,最终都没有进入到HR面试环节,全~~挂~~了~~面试了这么多,结果不是太好,有点儿受打击,也促使我近期静下心来反思自己的问题:哪些技术知识掌握的还不错,哪些还有待提高,哪些是需要去恶补的。



不要再在 JavaScript 中写 CSS 了


本文作者是 react-css-modules 和 babel-plugin-react-css-modules 的作者。并不是对 CSS in JavaScript: The future of component-based styling,或是使用样式组件的反对,而是一种补充,web 开发者要了解自己的需求,明白自己使用 styled-components 的真正原因。



一名 40 岁“老”程序员的反思


Ben Northrop 在 2016 年满了 40 岁,本文是他对职业生涯的思考。他认为从长远来看,应该多投资一些不容易过期、衰竭期较长的知识领域中。



谁说 JavaScript 简单的


这里有一些 Javascript初学者应该知道的技巧和陷阱。如果你已经是专家了,顺便温习一下。Javascript也只不过是一种编程语言。怎么可能出错嘛?


十行 HTML 实现增强现实


你想通过网络实现增强现实吗?现在你只需要 10 行 HTML 代码!真的!让我带你看一看代码,非常简单。我们最近发布了AR.js。你不需要安装任何应用,用你的手机通过网络就能体验到强大的增强现实。


2017年前端框架、类库、工具大比拼


相比于JavaScript开发人员的数量,目前JavaScript框架、类库和工具的数量似乎更多一些。截至2017年5月,GitHub上的快速搜索显示,有超过110万个JavaScript项目。npmjs.org有50万个可用的软件包,每月下载量近100亿次。



Vue vs React: Javascript 框架之战


正如我们之前提到的,WordPress 的核心团队正争论着为应该将哪款(前端框架)加入现在的架构之中。目前看来,暂时脱颖而出的是React与Vue.js,社区中的很多成员正权衡着这两款框架的利弊。


用 Canvas 编织璀璨星空图


首先我们看看这个效果具体有那些要点。首先,这么炫酷的效果肯定是要用到 Canvas 了,每个星星可以看作为一个粒子,因此,整个效果实际上就是粒子系统了。


浅谈 Web 自适应


随着移动设备的普及,移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁,手机厂商繁多,导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难,适配问题在当下显得越来越突出。


移动端样式小技巧


平时在移动端开发拼页面的过程中总会遇到一些问题,主要是各手机webview样式显示效果不一致造成的。以下总结了一些常见坑和一些小技巧,希望对看官有所帮助!

唯快不破:Web 应用的 13 个优化步骤


时过境迁,Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用,看看哪些可以用来改善延迟,渲染时间以及整体性能吧!


CSS 布局经典问题初步整理


本文主要对 CSS 布局中常见的经典问题进行简单说明,并提供相关解决方案的参考链接,涉及到三栏式布局,负 margin,清除浮动,居中布局,响应式设计,Flexbox 布局,等等。


往期热文回顾


5月:《GET和POST有什么区别?及为什么网上多数答案都是错的:15篇前端热文回看

4月:《纯 CSS3 实现小黄人动效:10 篇前端热文回看

2月:《不装逼地说,在 Google 到底能学到啥:重温 10 篇热文



觉得本文对你有帮助?请分享给更多人

关注「前端大全」,提升前端技能

 
前端大全 更多文章 穿这件T恤写代码,被打扰的机率会不会降低? 不要再在 JavaScript 中写 CSS 了 Vue vs React: Javascript 框架之战 刨根问底HTTP和WebSocket协议 JS 从0开始构思表情插件
猜您喜欢 Zookeeper日志设置和清理 Kafka 0.8.2 新的offset管理 Android组件化开发实践 余兴超谈企业开源软件的选型以及开源文化 我的年度书单