首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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.7K40

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

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

    2K10

    React 图解

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

    1K41

    图解React

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

    80220

    【前端词典】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 系统上不能实时监听

    3K60

    【前端词典】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 系统上不能实时监听

    2.6K30

    从零开始学二叉树(中):堆与完全二叉树的奥秘

    作者:一位曾把“小顶堆”写成“大顶堆”、调了两小时才意识到的计算机学生 目标读者:刚搞懂树基本概念、准备深入二叉树的大一/大二同学 一句话预告:为什么完全二叉树能用数组存?堆排序为什么快?...1️⃣ 二叉树:有序的“两孩家庭” 先快速回顾:二叉树 ≠ 任意树。...6️⃣ 堆的应用一:堆排序(Heap Sort) 思路 建大根堆(升序) 把堆顶(最大值)和最后一个元素交换 堆大小减 1,对新堆顶向下调整 重复 2~3,直到堆只剩一个元素 ✅ 原地排序:不需要额外数据结构...小堆的堆顶是最小值,正好代表“当前第 K 大的门槛”。...步骤: 取前 K 个数,建小根堆 → 堆顶是这 K 个中最小的 遍历剩下的 N-K 个数: 如果 x > 堆顶 → 说明 x 有资格进前 K 把堆顶换成 x,再向下调整 最终堆中就是前 K 大的数

    11110

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

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

    76030

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

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

    1.5K30
    领券