1 You-Dont-Need-JavaScript
CSS是强大的,你可以做很多事情没有JS。
本文教你使用原生CSS做下面的事情。
内容目录
- 手风琴/切换
- 圆盘传送带
- 检查复选框的计数器
- 翻转点击
- Textfield上的浮动标签
- 字体(拉丁)
- 游戏
- 悬停/弹出信息
- 图片廊
- 菜单
- 移动菜单关闭画布
- 汉堡菜单
- 花式菜单
- 莫代尔/弹出
- 鼠标跟踪
- 视差滚动
- 标签
- 待办事项列表
- 提示
- 树视图
- Twitter心动画
- 动态图像着色
- 连锁反应
- 响应式计数器显示不适合屏幕的项目数量
可以看一下纯CSS的例子
2 You-Dont-Need-Lodash-Underscore
Lodash和Underscore是伟大的现代JavaScript实用程序库,它们被前端开发人员广泛使用。但是,如果您将目标锁定为现代浏览器,则可能会发现,许多方法已经得到ES5和ES6的原生支持。如果你想要你的项目需要更少的依赖,并且你清楚的知道你的目标浏览器,那么你可能不需要Lodash / Underscore。
来自开发者的声音
- 在代码变臃肿之前,请使用原生JS对象和数组工具函数. —Cody Lindley, Author of jQuery Cookbook and JavaScript Enlightenment
- 你可能不需要lodash. 有许多好用的原生方法了. —Daniel Lamb, Computer Scientist, Technical Reviewer of Secrets of the JavaScript Ninja and Functional Programming in JavaScript
- 我想不是,但我想要它. —Tero Parviainen, Author of build-your-own-angular
- 我承认,我曾经过度使用lodash. —@therebelrobot, Maker of web things, Facilitator for Node.js/io.js
内容目录
-
Array
- _.compact
- _.concat
- _.fill
- _.find
- _.findIndex
- _.first
- _.flatten
- _.flattenDeep
- _.head and _.tail
- _.indexOf
- _.join
- _.last
- _.lastIndexOf
- _.reverse
- _.without
- _.slice
- _.isArray
-
Collection
- _.each
- _.every
- _.filter
- _.groupBy
- _.includes
- _.map
- _.minBy and _.maxBy
- _.pluck
- _.range
- _.reduce
- _.reduceRight
- _.size
- _.some
-
Function
- _.after
-
Lang
- _.isNaN
-
Object
- _.assign
- _.keys
- _.toPairs
- _.values
-
String
- _.repeat
- _.template
- _.toLower
- _.toUpper
- _.trim
- _.replace
3 You-Dont-Need-jQuery
纯JavaScript的例子, 实现做jQuery与查询,样式,dom,ajax,事件等
前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10 以上浏览器。
内容目录
- Translations
- Query Selector
- CSS & Style
- DOM Manipulation
- Ajax
- Events
- Utilities
- Promises
- Animation
- Alternatives
- Browser Support
You-Dont-Need-GUI
图形用户界面对计算机用户非常友好。它们被引入以响应命令行界面(CLI)感知的陡峭学习曲线。
但是,他们往往需要更多的资源,功能不强,难以通过脚本自动化。
作为计算机专家,我们希望更高效,更好地完成工作。
我们知道命令字可能不容易被发现或助记符,所以我们尝试列出一些您可能试图在GUI中执行的常见任务。
内容目录
- 复制一个文件
- 复制一个文件
- 复制一个文件夹
- 复制一个文件夹
- 移动一个文件
- 重命名一个文件
- 移动一个文件夹
- 重命名文件夹
- 合并文件夹
- 创建一个新的文件
- 新建一个文件夹
- 显示文件/文件夹大小
- 用默认程序打开一个文件
- 压缩一个文件夹
- 解压缩文件夹
- 删除一个文件
- 删除一个文件夹
- 列出文件夹内容
- 树查看文件夹及其子文件夹
- 找到一个陈旧的文件
- 显示一个日历
- 找到未来的日期
- 使用计算器
- 强制退出程序