查看原文
其他

这是我最见过的最牛叉的代码:15篇前端热文回看

2017-08-01 前端大全

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


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


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


趣图:这是我最见过的最牛叉的代码


这是我最见过的最牛叉的代码。😂😂


九个 Console 命令,让 JS 调试更简单


console上述的集中度支持printf的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)



纯 CSS 实现波浪效果!


一直以来,使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯 CSS 的方式,实现贝塞尔曲线,额,暂时是没有很好的方法。

总结个人使用过的移动端布局方法


这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。



纯 HTML+CSS+JS 编写的计算器应用


之前偶然看到一个公司的笔试题,题目如下:用HTML5、CSS3、JavaScript,做一个网页,实现如下图形式计算器



前端框架选型


有一个流传较广的笑话,一个人在stackoverflow中提了一个问题,如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件,jQuery插件可以做任何事情。 



只有 20 行 Javascript 代码!手把手教你写一个页面模板引擎


不知道你有木有听说过一个基于Javascript的Web页面预处理器,叫做AbsurdJS。我是它的作者,目前我还在不断地完善它。最初我只是打算写一个CSS的预处理器,不过后来扩展到了CSS和HTML,可以用来把Javascript代码转成CSS和HTML代码。


ECMAScript 2017 语言规范发布


Ecma 国际公布了第八版的 ECMAScript 语言规范 ECMAScript 2017(或 ES8)。ECMAScript 是标准化的 JavaScript 语言,1997 年发布了第一版,1998 年和 1999 年发布了第二和第三个版本,之后沉寂 了许多年,直到 Ajax 流行起来后标准工作才再次起步。


你可能不需要 Vuex


写这篇文章的主要目的是在现在的公司推荐使用 Vue,而在使用 Vue 的时候很多同事对为什么要使用 Vuex 不理解,我本身是没有使用过 Vue 或者 Vuex 写过实际项目;有过一年左右的 React 和 Redux 相关技术的项目实践,主要是根据对等的一点经验所写;不当之处,欢迎讨论。



你不可不知的 HTML 优化技巧


如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。


CSS 样式书写规范


可能不同团队都有各自的规范,又或者很多人在写 CSS 的时候还是想到什么就写什么,不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的,尤其是在团队配合,多人协作下,规范就显得尤为重要。

VueJS 开发常见问题集锦


由于公司的前端开始转向 VueJS,最近开始使用这个框架进行开发,遇到一些问题记录下来,以备后用。主要写一些官方手册上没有写,但是实际开发中会遇到的问题,需要一定知识基础。


Chrome 控制台实用指南


Chrome浏览器我想是每一个前端er必用工具之一吧,一部分原因是它速度快,体积不大,支持的新特性也比其它浏览器多,还有一部分我想就是因为它的控制台功能强大了吧,说它是神器一点也不过分,很方便。

十大经典排序算法的 JS 版


读者自行尝试可以想看源码戳这(https://github.com/damonare/Sorts),博主在github建了个库,读者可以Clone下来本地尝试。


CSS 函数的 8 个妙用


CSS 比许多 web 程序员认为的更加强大。这种样式表语言正变得越来越强大,给浏览器带来了原本要用 JavaScript 实现的功能。本文将介绍无需 JavaScript 的 CSS 函数的 8 个妙用。


往期热文回顾


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

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

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

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



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

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

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存