资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/You-Dont-Need : 你不需要系列

You-Dont-Need : 你不需要系列

anonymoussf / 502人阅读

摘要：是强大的，你可以做很多事情没有。如果你想要你的项目需要更少的依赖，并且你清楚的知道你的目标浏览器，那么你可能不需要。我们并不需要为了操作等再学习一下的。但是，他们往往需要更多的资源，功能不强，难以通过脚本自动化。

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中执行的常见任务。

内容目录

复制一个文件

复制一个文件

复制一个文件夹

复制一个文件夹

移动一个文件

重命名一个文件

移动一个文件夹

重命名文件夹

合并文件夹

创建一个新的文件

新建一个文件夹

显示文件/文件夹大小

用默认程序打开一个文件

压缩一个文件夹

解压缩文件夹

删除一个文件

删除一个文件夹

列出文件夹内容

树查看文件夹及其子文件夹

找到一个陈旧的文件

显示一个日历

找到未来的日期

使用计算器

强制退出程序

GPU云服务器 云服务器 你不知道 你不知道的 你不知道的javascript 你不知道的javascript上卷

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/112932.html

相关文章

  • You-Dont-Need : 你不需要系列

    摘要：是强大的，你可以做很多事情没有。如果你想要你的项目需要更少的依赖，并且你清楚的知道你的目标浏览器，那么你可能不需要。我们并不需要为了操作等再学习一下的。但是，他们往往需要更多的资源，功能不强，难以通过脚本自动化。 1 You-Dont-Need-JavaScript CSS是强大的，你可以做很多事情没有JS。 本文教你使用原生CSS做下面的事情。 内容目录 手风琴/切换 圆盘传送带...

    bawn 评论0 收藏0

  • 你不知道的Virtual DOM（五）：自定义组件

    摘要：现在流行的前端框架都支持自定义组件，组件化开发已经成为提高前端开发效率的银弹。二对自定义组件的支持要想正确的渲染组件，第一步就是要告诉某个标签是自定义组件。下面的例子里，就是一个自定义组件。解决了识别自定义标签的问题，下一步就是定义标签了。 欢迎关注我的公众号睿Talk，获取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、...

    lk20150415 评论0 收藏0

  • 你不知道的Virtual DOM（六）：事件处理&异步更新

    摘要：如果列表是空的，则存入组件后将异步刷新任务加入到事件循环当中。四总结本文基于上一个版本的代码，加入了事件处理功能，同时通过异步刷新的方法提高了渲染效率。 欢迎关注我的公众号睿Talk，获取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DO...

    caozhijian 评论0 收藏0

  • 你不知道的Virtual DOM（一）：Virtual Dom介绍

    摘要：不同的框架对这三个属性的命名会有点差别，但表达的意思是一致的。它们分别是标签名属性和子元素对象。我们先来看下页面的更新一般会经过几个阶段。元素有可能是数组的形式，需要将数组解构一层。 欢迎关注我的公众号睿Talk，获取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 目前最流行的两大前端框架，React和Vue，都不约...

    lavor 评论0 收藏0

  • 你不知道的Virtual DOM（三）：Virtual Dom更新优化

    摘要：经过这次优化，计算的时间快了那么几毫秒。基于当前这个版本的代码还能做怎样的优化呢，请看下一篇的内容你不知道的四的作用。 欢迎关注我的公众号睿Talk，获取我最新的文章：showImg(https://segmentfault.com/img/bVbmYjo); 一、前言 目前最流行的两大前端框架，React和Vue，都不约而同的借助Virtual DOM技术提高页面的渲染效率。那么，什...

    xiongzenghui 评论0 收藏0

发表评论

登陆后可评论

0条评论

anonymoussf

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<