[转]JS和jQuery的区别(超级详细)

一、jQuery和js的概念jquery是一个快速、简洁的JavaScript库，极大的简化了javascript编程。js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。所以，最本质的区别就是js是一种语言，而jQuery是基于该语言的一种框架。除却最本质的区别还有一些用法上的差别。二、jQuery和js用法上的区别1、获取元素①.根据ID取元素JS:取到的是一个DOM对象。var div = document.getElementByID("one");JQUERY:取到的是一个JQUERY对象。var div = $("#one");括号里面是根据某个东西来找，相当于一个选择，如果我们要根据ID来找，在样式表里的ID是用#来表示的，所以在这里我们直接带入井号，整句的意思就是根据ID为one的来查找。②.根据class取元素，在数组里面如果要取DOM对象使用索引的方式，如果要取JQUERY对象使用eq()JS:取到的是一个数组var div = document.ElementsByClassName("test");JQ

猿代码 · 2022-05-23 · 553 人浏览

js实现滚动条滚动到页面底部下拉列表无限加载

这个实例比较简单，用js或jQuery的方法处理都是可以的。本文使用原生的js来举例。同时解决了在微信/苹果safari浏览器里触发多次请求的bug。下拉加载的原理，是为window添加一个scroll事件，浏览器每次触发scroll事件时判断是否滚动到了浏览器底部，如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部，算法如下：滚动条卷起来的高度 + 窗口高度 > 文档的总高度 + 50这里将滚动响应区域高度取50px，也可以根据实际需求调整为其他大小如果这个判断为true则表示滚动条滚动到了底部。实例如下： <style type="text/css"> html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{ margin: 0; padding:0; } *{ -webkit-box-sizing:

猿代码 · 2022-05-23 · 325 人浏览

[NYTIMES]从 “水立方” 到“冰立方”：一座冰壶场馆的诞生

北京——冰似乎就是简单的冰。但在冰壶运动中却并非如此。供奥运会等顶级赛事使用的冰面场地是在专家组的指导下经过繁复的工艺制成的，能满足特定要求，确保冰壶在冰刷的猛烈扫荡下于赛道中稳稳滑行。即便在最好的条件下，在为这项运动而建的体育馆中，任务也是艰巨的。而在北京，情况则是难上加难。全世界制造奥运级冰壶比赛所需冰块的专家们面临着一个前所未有的挑战：将国家游泳中心里的奥运级泳池变成冰道，为全世界最出色冰壶运动员的竞逐做好准备。“这是以前从未有过的，” 北京冬奥会首席冰类技术员汉斯 ·R· 伍思里希表示，这是他的第四届冬奥会，他在数十年职业生涯中参与过众多顶级赛事。2008 年夏季奥运会使用过的泳池被改造为四个冰壶赛道供奥运会等顶级赛事使用的冰面场地是在专家组的指导下，经过繁复的工艺制作而成的冬奥冰壶赛事的冰类副技术员马克 · 卡兰对于北京成为唯一一座同时举办过夏季和冬季奥运会的城市，中国官员自豪不已。北京实现这一成就的部分原因就在于对 2008 年奥运会场馆的重新利用。冰壶赛事被放在这座外观如蜂巢的游泳馆进行，2008 年，这里被称为 “水立方”，迈克尔 · 菲尔普斯曾在此为美国赢得八枚金牌。

吃瓜人 · 2022-02-18 · 1242 人浏览

欢迎来到元宇宙：2022年四大技术趋势

每年，我都会预测消费技术的新变化，以引导你了解你可能期望购买的产品——以及最有可能引领风潮的产品。许多相同的 “趋势” 一次又一次出现，简单来说，这是因为技术需要很长时间才能成熟，之后我们大多数人才会真正想要购买。今年也是如此。科技公司正在推动的 2022 年的一些趋势可能你已经听说过了。最主要的例子是虚拟现实，需要戴上傻乎乎的头具，挥舞控制器玩 3D 游戏。预计今年它将再次成为焦点，被 Facebook 创始人马克 · 扎克伯格和其他技术人物重新营销为 “元宇宙”。另一个热门类别将是所谓的智能家居，通过对一个音箱喊出语音命令或点击智能手机上的按钮来控制家用电器。实际上，科技行业十多年来一直试图将这种技术推广到我们家中。今年，这些产品终于开始让人觉得具有实用性而值得拥有。此列表中另一个经常出现的技术是数字健康穿戴设备，它可以跟踪我们的健康状况并帮助我们诊断可能的疾病。长期以来一直在谈论电动汽车的汽车制造商开始加快他们的计划，以实现到 2030 年逐步停止生产汽油动力汽车的全国性目标。BY / GLENN HARVEY以下是今年将侵入我们生活的四种技术趋势。1. 欢迎来到元宇宙十多年来，

产品汪 · 2022-01-14 · 497 人浏览

最全浏览器HTTP状态码 301/404/503/444

百科名片HTTP状态码（英语：HTTP Status Code）是用以表示网页服务器超文本传输协议响应状态的3位数字代码。它由 RFC 2616 规范定义的，并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展。所有状态码的第一个数字代表了响应的五种状态之一。所示的消息短语是典型的，但是可以提供任何可读取的替代方案。 除非另有说明，状态码是HTTP / 1.1标准（RFC 7231）的一部分。具体含义1xx：消息这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送 1xx 响应。100 Continue 继续客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。101 Switching Pr

猿代码 · 2021-12-24 · 2689 人浏览

简单的修改让reCAPTCHA复活

Chevereto图床自带的留言板，经常收到大量的spam骚扰。后来发现Chevereto居然自带google的reCAPTCHA反垃圾，但填写之后发现在国内不生效！搜索得知，国内有reCAPTCHA的镜像，只需修改两个路径（共五个文件），就可以使用啦~路径1含有该路径的文件共有三个，分别为：\app\lib\chevereto.js，\app\lib\chevereto.min.js\app\lib\functions.render.php（这个文件里有两处）在文件中查找以下代码：https://www.google.com/recaptcha/api.js可以替换为recaptcha.net，代码是https://www.recaptcha.net/recaptcha/api.js也可替换为谷歌cn，代码是https://recaptcha.google.cn/recaptcha/api.js路径2含有该路径的文件共有两个，分别为：\app\lib\functions.php\app\routes\route.recaptcha-ve

猿代码 · 2021-11-24 · 727 人浏览

生死转折，在线教育最大裁员潮来了！

2020年的疫情，带火了在线教育行业。然而，刚刚还火的一特糊涂，形势转眼急转直下，各家教育大厂纷纷开始“裁员”！去年，教育行业累计融资1164亿元，其中在线教育行业累计融资1034亿，占比89%。而上市公司的估价也水涨船高。殊不知，泡沫正在一点一点累积。今年4月底到5月初，北京学而思网校、高途课堂（原跟谁学）、网易有道精品课、猿辅导、新东方在线、作业帮、高思等多家教育机构先后被北京市教委、北京市场监管局进行通报、罚款、行政处罚。在高途课堂披露的上市一季报中，不仅净利润由去年同期的盈利1.48亿元变为亏损14亿元，付费课程学员数也出现了下滑。所以当日盘前直接大跌12%，股价创下16.13美元的新低。5月底，高途课堂创始人、CEO陈向东在小早启蒙全体会议上讲话，提到2021年6月1日实行的《未成年人保护法》规定：幼儿园、校外培训机构不得对学龄前未成年人进行小学课程教育，据此公司只能关停学龄前儿童等部分业务。据报道，公司将裁员30%，信息流、直播等业务全部关停。而据36Kr的报道，字节跳动旗下的教育业务近几周频繁召开高层会，教育业务即将进行大范围架构调整。一位知情人士称，接下来就是裁员！一位

吃瓜人 · 2021-05-30 · 870 人浏览

【燃烧我的思维力】枯燥的产品模型之——HMW分析法

我知道你不想点进来看。但如果你点了进来，那么恭喜你，又get到了一个新的知识点。用来分析和解决问题的产品模型有很多，今天被拎出来的是——HMW分析法。这词，我也是第一次听说。HMW是什么？HMW，全称“How Might We”，即“我们可以怎样”。这是一种提问方式，假如说，团队正在进行一场会议，通过这种提问方式，可以有效的引发参会者的思考和讨论。找方向：找到问题的方向，打开思考的困局。扩展思路：一个问题大幅度扩展，把问题想透。头脑风暴：不要考虑具体的解决方案，让风暴更高效。什么时候用呢？头脑风暴之前：解决效率问题分析用户反馈和领导PK：用HMW分析领导的需求是什么，领导想到，你也想到的，还有方案面对明确的用户和问题：一类明确的用户，碰到一类明确的问题锻炼自我思维：碰到什么问题用产品思维分解如何应用？1、明确用户和问题用户问题：明确用户当前亟待解决的问题/痛点，透过问题的现象看到问题的本质需求；产品价值：了解产品的核心价值定位可以帮助更好地去理解问题；2、找到一个好的话题不能太空，太宽泛。（比如：如何去了解一个人）不能窄，过于具体话。（比如：如何在12点的宿舍去了解一个人）不能超出自身

产品汪 · 2021-05-23 · 1864 人浏览
2006 - 2025 逐浪吧 ｜ 搏浪号博客. All Rights Reserved.
京ICP备2023019113号-1 ◎ Theme by Jasmine