slice(start, end+1), substring(start, end+1), substr(start, n). slice(start, end+1): 两个参数时，参数指截取位置，截取含头不含尾；一个参数时，默认截取到字符串结尾。参数可以为负数，负数就倒着数位置。 substring(start, end+1): 两个参数时，参数指截取位置，截取含头不含尾；一个参数时，默认及渠道字符串结尾。参数不可以为负数。 substr(start, n): 两个参数时，第一个参数指截取起始位置，第二个参数指截取字符个数；一个参数时，默认截取到字符串结尾。第一个参数可为负数，第二个不可为负数。 example： var str = “今天是星期二”; console.log(str.slice(3, 6)); // 截取“星期二”并打印 console.log(str.slice(3, -1)); // 截取“星期”并打印 console.log(str.slice(3,-3)); // 未截取任何信息，因为正着数第三位是“星”,倒着数第三位也是“星”，截取取头不取尾，头和尾重了，所以没有截取到任何信息。 console.log(str.slice(-2, -3)); // 同理因为倒数第二位是“期”，倒数第三位是“星”，不能反着截取，所以没有截取到任何信息。 console.log(str.substring(3,6)); // 截取“星期二”并打印 console.log(str.substr(3, 3)); // 截取“星期二”并打印 console.log(str.substr(-1, 3)); //截取“二”并打印。因为倒着数第一位是“二”，虽然此时要截取的长度是3，但是因为只有一位，所以只能截取一位。
写入口函数防止页面上的标签还没有被渲染出来，js代码就执行了 不同于js，JQuery可以有多个入口函数
关联数组：数组下标可以自定义，{}。length属性：无。for key in arr遍历。
https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/
button点击事件有一个type属性，默认type是submit，有时候使用默认会出现页面自动刷新问题。
在网页中,实现列表的升序和降序,是一个比较常见的操作,尤其是在做一些数据栓选表格的时候,按照索引,时间等特定的参数,提供升序和降序排列的功能的
但是现在问题来了，我们这是一个现成的react页面，是一个详情页，页面的内容是多个接口返回填进去的：
在原生js当中,html的内容元素总是以嵌套的关系存在于网页中,因此,可以通过遍历树的方法访问网页里的每一个元素,当然也是可以删除指定的子元素的
很多时候，我们经常听见有人说jquery有多快多快。在这个各种类库满天飞的时候，不得不说的是，能有原生JS快吗？ 是的，明显原生JS要更快，因为诸如JQuery这样的库必须要兼容各种浏览器和低版本和许多其他的东西，考虑通用性必然会导致性能的损耗。 当然，我不是提倡写代码纯用原生JS实现，我记得淘宝玉伯曾经说的一句话“框架能够让我们走的更快，但只有了解原生的JS才能让我们走的更远”。 一些感（fei）想（hua）： 原生的js，好比全真教的武功，一步步从基础开始（先练气再御剑），很长一段时间内和jquery
###JavaScript中对象分类 内置对象: number/string/boolean等 浏览器相关对象BOM: Browser Object Model浏览器对象模型 页面相关对象DOM: Document Object Model文档对象模型 ###BOM浏览器相关内容 window: 该对象的属性和方法称为全局属性和全局方法,访问时可以省略掉window. window中常见的方法: window.isNaN() 判断变量是否是NaN window.alert() 弹出提示框 window.c
一个项目，移动端APP演示版。因为是演示版，所以没有任何功能。我用html+css3+jquery开发完成。为了代码共用、减少入口、实现loading效果等原因，我采用了大量的ajax效果。不装逼了，其实就是load异步加载-_-
前端这个行业日渐火爆，以后还将继续火爆，许多新人、零基础、转行的人不断进入。他们都有一个共同的问题，那就是“如何提问？”
vue有两个方法可用 1. JSON.stringify(evtValue)=='{}’ 2. Object.keys(xxx).length==0 js判断对象是否为空对象的几种方法 1.将json对象转化为json字符串,再判断该字符串是否为”{}” var data = {}; var b = (JSON.stringify(data) == “{}”); alert(b);//true 2.for in 循环判断 var obj = {}; var b =…
即library,是一个封装好的特定的集合(方法和函数).从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如animate,hide,show,比如获取元素等/
jquery在设计之初都是围绕着核心思想write less do more来设计的。整体使用思路与原生js没有太大区别，所以jquery做的最多的一件事情就是简化原生js的代码量。选择器在操作dom上使用非常频繁，所以jq一定会简化选择器使用方式。原生选择器使用如下：
在布达佩斯2022 JSConf[1]会议上，tc39[2]（ES标准委员会）成员「Gil Tayar」介绍了一份当前仍处于stage 1阶段的提案 —— Type Annotations，意在让原生JS支持类型注解。
分享一个用原生JS实现的百叶窗特效，效果如下： 代码实现如下，欢迎大家复制粘贴。 <!DOCTYPE html> <html> <head> <meta http-equiv="Conte
学习原生js的人一定会接触到client家族、scroll家族和offset家族。其中clienHeight、scrollHeight和offsetHeight一般用来求网页内容的高度，而对应的clientWidth、scrollWidth和offsetWidth则用来求网页内容的宽度，由于width和Height属性是类似的，所以这里我只挑这三个height来讲一下。
声明：本文为原创，作者为 对弈，转载时请保留本声明及附带文章链接：http://www.duiyi.xyz/%e5%8e%9f%e7%94%9fjs%e4%b8%8ejquery%e5%8a%a0%e8%bd%bd%e9%a1%b5%e9%9d%a2%e5%85%83%e7%b4%a0%e6%af%94%e8%be%83/
HTML5学堂（码匠）：一个简洁实用的投票效果如何使用原生JS来进行实现呢？同时动画显示比例的形式又需要依靠哪些技术来实现？是数学对象还是字符串操作，又或者是计时器加上函数封装吗？ 本文主要内容 1. 效果展示与结构搭建 2. 实现投票计算功能 3. 数学对象、字符串转换方法等 4. 动画显示比例条 1. 效果展示与结构搭建 1.1 效果展示 使用表单元素搭建允许用户进行数据录入的结构，配合上逻辑强大、功能丰富的原生JS，实现完整的投票计算功能，其主要功能包括：数据计算、动画展示结果、数据格式的判断等。具体
在开发过程中，会经常用到 Node.js (https://nodejs.org/dist/latest-v16.x/docs/api) ，它利用 V8 提供的能力，拓展了 JS 的能力。而在 Node.js 中，我们可以使用 JS 中本来不存在的 path (https://github.com/nodejs/node/blob/v16.14.0/lib/path.js) 模块，为了我们更加熟悉的运用，让我们一起来了解一下吧~
前几天主管和我说学一下lodash,今天就来学一下怎么使用,还有归纳一些常用的方法。
http://mpvideo.qpic.cn/0bc3eaajwaaa4qaelx3bjvrvaigdtmqabgya.f10002.mp4?dis_k=4cf17def14cb58de5ca3ebc
jQuery就是为了更方便快速操作DOM，里面封装了很多方法，后续用jQuery对象调用这些方法即可。
JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/156982.html原文链接：https://javaforall.cn
给大家分享一个用原生JS实现的链式运动，所谓链式运动即为一个属性变化完成后另一个属性接着发生变化，效果如下：
vue3发布以来经历两年风头正盛，现在大有和react 平分天下的势头，我们知道他是基于proxy 实现响应式的能力， 解决了vue2所遗留下来的一些问题，同时也正由于proxy的特性，也提高了运行时的性能
使用Immutable之后，这个问题自然而然就解决了。所谓的追踪困难，无非就是因为对象是mutable的，我们无法确定它到底何时何处被改变，而Immutable每次都会保留原来的对象，重新生成一个对象，（与redux的纯函数概念一样）。但也要注意写代码时的习惯：
刚刚下载了一个使用原生web组件的codepen代码的时候发现了一个“似曾相识”的名词：vanilla JS。
let是局部变量（在他所在的代码块可用），const是常量，var是全局变量（前两个是ES6的，因为前面两个更加严谨，var被抛弃（貌似））
接下来我将介绍项目的基本架构和设计思路，并使用shell脚本来实现自动化安装技术集成方案。最后会在文章的末尾附上github地址，感兴趣的朋友可以研究参考，也可直接使用。如果还不了解shell，可以看我的上一篇文章vue/react项目中不可忽视的自动化部署方案
本文初衷是想列举一些比较“多余”的API以及对应原生JS写法；后面发现API过多，精力有限，慢慢的变成记录那些有助于提高开发效率的API，希望对您有所帮助。对于那些，根据名字或者描述便能知道其实际用途的API，笔者未做Demo演示。各位看官可以查看对应官方文档便能快速应用于实际开发，Lodash中文API 上有详细介绍。
别踩白板这个游戏相信大家都玩过，这个是基于HTML5打造的简单小游戏，在PC端和移动端都能够运行，适应多种平台，今天我们使用原生JS搭配JQuery构建这个小游戏--别踩白板。
插件地址：https://github.com/gavin125/gavin-Vtype 主要用正则的方式匹配输入内容的格式 分为两个版本： 1、Vtypejs.js为原生js版本 2、Vtype.j
我们先把菜鸟教程的一段代码拿过来分析一下。下面这段代码是用了将生命周期方法添加到类中实现时钟效果。
这个题很简单的，就是用一个按钮切换二个菜单的显示和隐藏。比昨晚的查找重复字符串要简单的多。 参与写作业的同学们基本都写的不错，思路也都OK，用原生JS，jQuery，ES6都可以，， 暴露出来的问题主
数值Number、字符串String、布尔Boolean、Null空值类型、Undefined无效值类型、Symbol唯一值类型 [Object对象类型]
从输出耗时看，同样的硬件条件情况下，rust的实现，性能高于原生js，但略逊于wasm版本（可参见react+rust+webAssembly(wasm)示例 ）
js基础练习 目录 求3个数中的最大值和最小值 判断一个数是否是偶数 点击li元素时展示该元素内容 点击按钮实现在ul开头结尾添加li 鼠标放置li元素上, 显示对应图片 求3个数中的最大值和最小值 代码 function getMax(a, b, c) { var max = a if(b > max) max = b if(c > max) max = c return max } function getMin(a, b,
json格式化小工具，原生js编写，直接上代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>原生js格式化json的方法</title> 6 <script> 7 //格式化代码函数,已经用原生方式写好了不需要改动,直接引用就好 8 var formatJson = function (json) { 9 var fo
无动态效果 1、原生JS window.scrollTo(0,0); 2、jQuery $(window).scrollTop(0); 有动态效果 1、原生JS function smoothscroll(){ window.requestAnimationFrame(smoothscroll); window.scrollTo (0,currentScroll - (currentScroll/5)); } 2、jQuery $('html,bod
对比： jQuery中：text( )函数 原生Js中：innerHTML Vue中：{{ message }}
进度条的应用是为了显示的告诉用户文件上传了多少，对于小文件的上传基本上应用不到进度条。进度条主要应用于大文件的上传，在于告诉用户上传情况，不至于让用户无状态等待，增加了用户的体验，如果没有进度条，在上传过程中，用户不知道是不是卡死了，这种体验就很差了，下面我们来说一下如何在异步上传时显示进度条。
（1）首先是3-6K要求的， （2）然后是10-15K要求的， 差别： (1)、3-6K要求三年要求，10-15K的要求五年要求； 这个并不太重要，无非是简历上的一个数字而已，只要你的表达和技术能够
功能效果 功能需求明确 横向导航条； 当鼠标在导航区域当中左右移动时，横线跟随鼠标移动。 鼠标跟随特效 结构分析 与jQuery实现方法当中使用的结构有所不同，为了更好的获取标签，所以使用如下代码结
前言：本文根据最近做的一次分享整理而成，希望能帮忙大家深入理解Node.js的一些原理和实现。
许多前端小伙伴一提到找工作这个话题，那简直是说不完的苦，吐不完的槽。都在说找前端工作不容易，投简历也没人理。那么情况到底是怎么样呢？咱们在吐槽归吐槽，还是要冷静下来想想。 以下几点是应该是没什么疑问的： 1、从全国各行种业来看，IT行业绝对是朝阳行业； 2、其中的web前端开发，又绝对是最火热的行业，之一； 3、前端开发行业的用人需求量很大，这是客观存在的； 那么，为什么现在还有很多前端同学说工作不好找呢？ 因为几乎吧，几乎所有的公司招聘时，想要找的前端开发都是“能力可靠”的。 如果你只学个半瓶水，一知半解
var $p= $('p')新建一个jquery对象，一般在新建jquery对象的时候，加上一个$，以便好认。
原生wxml开发对Node、预编译器、webpack支持不好，影响开发效率和工程构建流程。所以大公司都会用框架开发
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
