首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

【方向盘】使用IDEA的60+个快捷键分享给你,权为了提效(操作系统、终端篇)

笔者以自己为例,从操作系统层面、终端层面、IDE层面分享常用的键键操作。申明:以下列出快捷键都是本人平时最常使用的,属于经验之谈而并非未经实战的文档性教程。...键键是:cmd + option + esc(这几个键左手单手很难完成,建议左手cmd+esc+右手option) 个人习惯建议:对于option这个组合键,一般都使用右手来触达比较方便些 文件重命名...Home:任意位置快速回到行头 End:任意位置快速回到行尾 不同于Windows,纵观Mac的键盘并未发现这两个按键: 难道如此智能的Mac系统不支持这种便捷操作?...不卖关子了,直接说根本原因:如果是在浏览器的输入框里(input、textarea等)编辑文本,这套组合键的语义是正确的,否则语义就变为了: fn + ←:回到页 fn + →:回到页尾 那么问题来了...这组快捷键在浏览“大”网页时很常用,对应快捷键为: cmd + ↑:回到页 cmd + ↓:回到页尾 这组快捷键在浏览器里效果等价于(已经说了在浏览器里它俩的效果了哈): fn + ←:回到页 fn

1.4K10

webpack入门指南

图中已经很清楚的反应了几个信息: webpack把项目中所有的静态文件都看作一个模块 模之间存在着一些列的依赖 多页面的静态资源生成(打包之后生成多个静态文件,涉及到代码拆分) 2. webpack安装...同理jquery的话就可以这样写:’jquery’: ‘jQuery’,那么require(‘jquery’)即可。...window.Pen'} // 将Pen作为一个模块引入 做法二: new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery...Example: Make $ and jQuery available in every module without writing require(“jquery”). ---- 5.4 怎样写一个...进阶 可以去阅读以下这篇文章 如何开发一个 Webpack loader ---- 5.4 怎样写一个plugin 插件基本的结构 插件是可以实例化的对象,在它的prototype上必须绑定一个apply

2.2K40

图解React

jQuery 和 React 都是库,开发者使用它们作为与 Domo 交流的工具。 jQuery jQuery 是一个 JavaScript 库,它可以使开发者操纵 DOM 变得简单得多。...React 使用了一些技术来解决 jQuery 和其他工具中所存在的问题。...这种方式的话,当画家要求 Domo 穿戴不用的帽子作画时,你不需要每次都告诉 Domo 戴哪帽子。你尽管坐在一旁让他自己换帽子即可。 ? 这项技术正是 React 名字的由来。...当数据发生变化时 (用户选择一帽子),UI 会自动更新。 虚拟 DOM jQuery 的另一个问题就是它的运行速度。 作为一个严苛的导演,你讨厌等待。你想要肖像画尽可能快地完成。...React 画草稿的速度超级。是当你告诉他你的要求后,他几乎就能立即将草稿完成并准备画下一张。现在就无需等待了!你可以不停地告诉 React 你想的肖像。

62420

React 图解

jQuery 和 React 都是库,开发者使用它们作为与 Domo 交流的工具。 jQuery jQuery 是一个 JavaScript 库,它可以使开发者操纵 DOM 变得简单得多。...React 使用了一些技术来解决 jQuery 和其他工具中所存在的问题。...这种方式的话,当画家要求 Domo 穿戴不用的帽子作画时,你不需要每次都告诉 Domo 戴哪帽子。你尽管坐在一旁让他自己换帽子即可。 ? 这项技术正是 React 名字的由来。...当数据发生变化时 (用户选择一帽子),UI 会自动更新。 虚拟 DOM jQuery 的另一个问题就是它的运行速度。 作为一个严苛的导演,你讨厌等待。你想要肖像画尽可能快地完成。...React 画草稿的速度超级。是当你告诉他你的要求后,他几乎就能立即将草稿完成并准备画下一张。现在就无需等待了!你可以不停地告诉 React 你想的肖像。

86141

【前端词典】4 种滚动吸实现方式的比较

后来在项目中总会遇到滚动吸的效果需要实现,现在我将我知道的 4 种滚动吸实现方式做详细介绍。...目录 使用 position:sticky 实现 使用 JQuery 的 offset().top 实现 使用原生的 offsetTop 实现 使用 obj.getBoundingClientRect(...二、使用 JQuery 的 offset().top 实现 我们知道 JQuery 中封装了操作 DOM 和读取 DOM 计算属性的 API,基于 offset().top 这个 API 和 scrollTop...这样实现固然可以,不过由于 JQuery 慢慢的退出历史的舞台,我们在代码中尽量不使用 JQuery 的 API。我们可以基于 offset().top 的源码自己处理原生 offsetTop。...描述: 当页面往下滚动时,吸元素需要等页面滚动停止之后才会出现吸顶效果 当页面往上滚动时,滚动到吸元素恢复文档流位置时吸元素不恢复原样,而等页面停止滚动之后才会恢复原样 原因:在 ios 系统上不能实时监听

2.4K60

【前端词典】4 (+1)种滚动吸实现方式的比较

后来在项目中总会遇到滚动吸的效果需要实现,现在我将我知道的 4 种滚动吸实现方式做详细介绍。...目录 使用 position:sticky 实现 使用 JQuery 的 offset().top 实现 使用原生的 offsetTop 实现 使用 obj.getBoundingClientRect(...二、使用 JQuery 的 offset().top 实现 我们知道 JQuery 中封装了操作 DOM 和读取 DOM 计算属性的 API,基于 offset().top 这个 API 和 scrollTop...这样实现固然可以,不过由于 JQuery 慢慢的退出历史的舞台,我们在代码中尽量不使用 JQuery 的 API。我们可以基于 offset().top 的源码自己处理原生 offsetTop。...描述: 当页面往下滚动时,吸元素需要等页面滚动停止之后才会出现吸顶效果 当页面往上滚动时,滚动到吸元素恢复文档流位置时吸元素不恢复原样,而等页面停止滚动之后才会恢复原样 原因:在 ios 系统上不能实时监听

2K30

【前端性能】必须要掌握的原生JS实现JQuery

很多时候,我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候,不得不说的是,能有原生JS吗?...但原生见效很慢,属于前期慢后期,成长性高。 jquery,好比华山派的剑宗,直接取实用的部分(剑),拿来即用,实用快速为主(剑),原理部分的原生为辅(气)。...见效奇,属于前期,后期慢。如果事后不研究原理,完全不会有成长 废话不多说,下面的代码示例是一些流行的常用的JQuery功能的原生JS实现。  ...jQuery 选择器的原生实现 便捷的找到我们想要的DOM元素是JQuery的核心功能,JQuery选择器的强大无需赘言。...的Css函数时,性能明显会很多。

1.3K30

2016年WEB前端学习误区详解之WEB前端学习路线

新手学习前端的话,一定要想想为什么要学习它,是出于一种什么心态,然后定位好自己,多向大牛请教,多教一些没有自己水平高的人,那样往往能让自己成长的,切勿急躁。...入门、见效快让我们在不知不觉中已经深深爱上了网页制作。此时,很多人会陷入一个误区,那就是既然借助这么帅的IDE,通过鼠标点击菜单就可以快速方便地制作网页。   ...那么我们为什么还要去学习HTML、CSS、JavaScrpt、jQuery等这些苦逼的代码呢?这不是舍简求繁吗?   ...5.第四个阶段——jQUery的学习   jQuery 是一个免费、开源的轻量级的Java库,并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持),同时现在有很多基于jQuery...建议大家在布局时采用“自向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。

57430

寻找最大的K个数

排和局部排序谁优谁劣是并不是一定的,当K大于某个数值时排的优势就显现出来了,大概是logn吧。 解法2: 这个方法是基于排的,但不是完整的排。...回忆一下排,在每一步中,都是将带排数据分成两部分,其中一部分中的任何一个都比另一部分中的任何都大,然后递归排序。...在这里,我们只要在递归过程中选包含最大的K个数的部分进行完整的排,而对于其他的部分只进行排的一部分。 关于使用排求第K大数的方法参见其他博文。...其实我们有更优的解决方法,我们可以先拿出K个元素建一个最小堆,然后遍历其他元素,与堆的元素进行比较。 有三种情况: 1 与堆元素相同,跳过。 2 小于堆元素,跳过。...根据最大堆性质,堆是堆中最小的元素,既然都比最小的都小, 肯定不属于最大的K个元素了。 3 大于堆元素, 将其与堆元素对换, 然后维护这个堆。

74920
领券