JavaScript
文章平均质量分 74
_尊哥
坚持到底就是胜利
展开
-
jquery 中remove()与detach()的区别
1、remove([expr])从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。2、detach([expr])从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。与remove()不同的是,所有绑定的事件、附加的数据等都会保留下来。简单举例:html:<body><原创 2020-12-18 09:32:25 · 534 阅读 · 0 评论 -
JavaScript:Array数组
一、概念Array 对象用于在变量中存储多个值二、属性constructor返回数组对象原型创建的函数:var fruits= ['apple','orange','banana'];fruits.constructor; // function Array() { [native code] }length返回数组的长度var cars = ["Saab", "Volvo", "BMW"];cars.length; // 3prototype允许您向对象添原创 2020-10-29 16:47:16 · 458 阅读 · 0 评论 -
JavaScript:toString()和toLocaleString()的区别
区别不同点有下面两处,其余类型的调用结果都相同1、numbernumber的toString()方法,基本没有变化,只是转为字符串的形式number的toLocaleString()方法要分类来看:1 整数部分超过三位的会按照从右至左,三位一个间隔,以逗号分隔2 小数部分会只保留三位有效数字var test=123;123 //toString()123 //toLocaleString()var test=1.2;1.2 //toString()1.2 //toLocal原创 2020-10-29 16:40:25 · 424 阅读 · 0 评论 -
数据结构和算法--字符串
想要研究字符串的数据机构和算法,可以先看一遍字符串自带的一些的属性和方法557.反转字符串中的单词 III给定一个字符串,你需要反转字符串中每个单词的字符顺序,同时仍保留空格和单词的初始顺序。示例:输入:"Let's take LeetCode contest"输出:"s'teL ekat edoCteeL tsetnoc"提示:在字符串中,每个单词由单个空格分隔,并且字符串中不会有任何额外的空格。思路1:将字符串用空格分隔成数组将数组内的字符串反转代码1:var reve原创 2020-10-27 23:36:35 · 220 阅读 · 0 评论 -
JavaScript:String字符串
一、概念字符串就是一个或多个排列在一起的字符,放在单引号或双引号之中。比如:'abc'、"abc"二、属性constructor返回对 String 对象属性创建的函数var txt = "Hello World!";txt.constructor; // function String() { [native code] }length返回字符串的长度var str = "hello"str.length; // 5prototype允许您向对象添加属性原创 2020-10-27 20:00:18 · 325 阅读 · 0 评论 -
JavaScript:charCodeAt()和codePointAt()的区别
charCodeAt()str.charCodeAt(index)返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。如果 index 是负数,或大于等于字符串的长度,则 charCodeAt() 返回 NaN。var str = "javascript";str.charCodeAt(2); // 118str.charCodeAt(12); // NaNstr.charCodeAt(-2); // NaNcodePointAt()s..原创 2020-10-27 19:10:19 · 2343 阅读 · 0 评论 -
JavaScript:slice()和substring()的区别
substring() str.substring(start[, end])返回从 start 到 end(不包括)之间的字符,start、end均为非负整数。若结束参数(end)省略,则表示从start位置一直截取到最后。slice() str.slice(start[,end])返回从 start 到 end (不包括)之间的字符,可传负值。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推..原创 2020-10-27 16:41:53 · 3177 阅读 · 1 评论 -
JavaScript运算符:viod
void是一元运算符,它出现在操作数之前,操作数可以是任意类型,操作数会照常计算,但忽略计算结果并返回undefined。由于void会忽略操作数的值,因此在操作数具有副作用的时候使用void来让程序更具语义形式有:void 0 // undefinedvoid(0) // undefined上面是两种写法都正确。但是建议采用后一种形式。因为void运算符的优先性很高,如果不使用括号,容...原创 2020-02-17 01:40:39 · 1920 阅读 · 1 评论 -
JavaScript语法:console 对象与控制台
1、console 对象的静态方法console对象提供的各种静态方法,用来与控制台窗口互动。1.1 console.log(),console.info(),console.debug()console.log方法用于在控制台输出信息。它可以接受一个或多个参数,将它们连接起来输出。console.log('Hello World')// Hello Worldconsole.log(...原创 2020-01-28 22:40:52 · 793 阅读 · 0 评论 -
JavaScript语法:错误处理机制
1、Error 实例对象JavaScript 解析或运行时,一旦发生错误,引擎就会抛出一个错误对象。JavaScript 原生提供Error构造函数,所有抛出的错误都是这个构造函数的实例。var err = new Error('出错了');console.log(err.message); // "出错了"上面代码中,我们调用Error构造函数,生成一个实例对象err。Error构造函...原创 2020-01-28 13:23:58 · 454 阅读 · 0 评论 -
JavaScript基本语法:标签(label)
JavaScript 语言允许,语句的前面有标签(label),相当于定位符,用于跳转到程序的任意位置,标签的格式如下。label: 语句标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句。标签通常与break语句和continue语句配合使用,跳出特定的循环。top: for (var i = 0; i < 3; i++){ for (var j = ...原创 2020-01-28 12:17:43 · 3142 阅读 · 0 评论 -
js算法
1、根据属性来更新一个数组中的对象const arr = [ {id: 1, score: 1}, {id: 2, score: 2}, {id: 3, score: 4}];//更新数组中id为3的score值为const newValue = {id: 3, score: 3}方法:const result = arr.map(x => x.id === newValue.i...原创 2020-01-28 12:01:16 · 294 阅读 · 0 评论 -
HTTP 状态码
状态码 含义 100 客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收,且仍未被拒绝。客户端应当继续发送请求的剩余部分,或者如果请求已经完成,忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响应。 101 服务器已经理解了客户端的请求,并将通过Upgrade 消息头通知客户端采用不同的协议来完成这个请求。在发送完...原创 2019-04-28 16:24:30 · 184 阅读 · 0 评论 -
JS跨域
一、什么是跨域在JavaScript中,有一个很重要的安全性限制,被称为“Same-Origin Policy”(同源策略),由于浏览器这个同源策略,凡是发送请求的url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表:如果你进行了跨域请求,你在浏览器控制台就会看到以下提示:XMLHttpRequest cannot load http://external-d...原创 2019-04-28 16:06:41 · 352 阅读 · 0 评论 -
原型和原型链
一、原型原型(prototype)的设计思想可以参考:Javascript继承机制的设计思想原型的一些应用还可以参考:Javascript 面向对象编程(一):封装、Javascript面向对象编程(二):构造函数的继承、Javascript面向对象编程(三):非构造函数的继承总的来说,原型(prototype)就是构造函数的一个prototype属性。所谓"构造函数",就是一个普通函数,是...原创 2019-04-26 23:46:51 · 186 阅读 · 0 评论 -
js练习题答案
1、A这是一个闭包,它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。 这里的局部变量i,对f1()来说是全局变量,对f2()来说也是全局变量,但是f1()的i跟f2()的i又是相互独立相互不可见的,f1()每执行一次,f1()的i就加一,f2()每次执行一次,f2()的i就加油,但是相互之间不影响,因此结果是010...原创 2019-04-17 13:56:01 · 1283 阅读 · 0 评论 -
js练习题
1、请问以下程序的输出是()function Foo(){ var i=0; return function(){ document.write(i++); }}var f1=Foo(),f2=Foo();f1();f1();f2();A.010 B.012 C.000 D.011...原创 2019-04-17 13:51:38 · 259 阅读 · 0 评论 -
cytoscape
语法var cy = cytoscape({ // 非常常用的选项 container: undefined,//应该呈现图形的HTML DOM元素。 elements: [ /* ... */ ],//指定节点和路径数据的选项。 style: [ /* ... */ ],//指定样式的选项。 layout: { name: 'grid' /* , ... */ },//指...原创 2018-09-19 10:59:12 · 16365 阅读 · 0 评论 -
Rxjs入门2-RxJs诞生、Observable[简介、创建、订阅]、调试工具、Observable[执行、清理]、Observer、Subscription[取消多个订阅]
10、RxJs的诞生Rx最近在各个领域都非常火. 其实Rx是微软在好多年前针对C#写的一个开源类库, 但好多年都不温不火,一直到Netflix针对Java平台做出了RxJava版本后才在开源社区热度飞速蹿升。当然Rx还在其他语言有所实现,如RxAndroid、RxSwift、RxNet等。 官网给出了以下几种用来解决异步事件管理的基本概念: 是不是很懵懂?没关系,下面咱们具体介绍一下...原创 2018-05-18 15:50:27 · 2951 阅读 · 0 评论 -
Rxjs入门3-Operators[实例操作符、静态操作符、弹珠图、选择操作符、操作符分类]、Subject、为啥要定义Subject (主体)概念、Subject派生
20、Operators (操作符)操作符是 Observable 类型上的方法,比如 .map(...)、.filter(...)、.merge(...),等等。当操作符被调用时,它们不会改变已经存在的 Observable 实例。相反,它们返回一个新的 Observable。...原创 2018-05-20 10:21:15 · 906 阅读 · 0 评论 -
Rxjs入门4-Scheduler[调度器类型、调度器的使用]、RxJs实例[变量赋值、体质指数(BMI)、事件的运用、angular中的运用]、相关思考问题、参考资料
31、Scheduler (调度器)RxJS 中的调度器 ( Schedulers ) 是用来控制事件发出的顺序和速度的(发送给观察者的)。const a$ = Rx.Observable.of(1, 2);const b$ = Rx.Observable.of(10);const c$ = Rx.Observable.combineLatest(a$, b$, (a, b) =&amp;amp;g...原创 2018-05-20 11:18:03 · 1725 阅读 · 1 评论 -
visjs入门--模块layout
layout// these are all options in full.var options = { layout: { randomSeed: undefined, improvedLayout:true, hierarchical: { enabled:false, levelSeparation: 150, nod...原创 2018-05-25 21:37:57 · 3290 阅读 · 0 评论 -
visjs入门--模块configure
configurevar options = { configure: { enabled: true, filter: 'nodes,edges', container: undefined, showButton: true }}network.setOptions(options); 参数名 类型 默认值 描述...原创 2018-05-25 21:38:47 · 1026 阅读 · 0 评论 -
visjs入门--模块interaction
interaction// these are all options in full.var options = { interaction:{ dragNodes:true, dragView: true, hideEdgesOnDrag: false, hideNodesOnDrag: false, hover: false, hov...原创 2018-05-25 21:39:44 · 1375 阅读 · 1 评论 -
visjs入门--模块nodes
nodes节点的选项必须包含在名为'nodes'的对象中。所有这些选项也可以由每个节点提供。显然,“ID”不应该全局定义,而是每个节点定义。全局节点对象中定义的选项应用于所有节点。如果一个节点有自己的选项,那么这些节点将被用来代替全局选项。 当您给节点一个选项时,您将重写该属性的全局选项,并且如果该节点处于组中,则将重写该属性的组选项。如果您将该选项设置为NULL,则它将返回到默认值。/...原创 2018-05-25 21:40:08 · 5648 阅读 · 0 评论 -
visjs入门--模块manipulation
manipulation// these are all options in full.var options = { manipulation: { enabled: false, initiallyActive: false, addNode: true, addEdge: true, editNode: undefined, edi...原创 2018-05-25 21:41:04 · 1702 阅读 · 1 评论 -
visjs入门--模块groups
groupsvar options = { groups:{ useDefaultGroups: true, myGroupId:{ /*node options*/ } }}network.setOptions(options); 参数名 类型 默认值 描述 useDefaultGroups Boole...原创 2018-05-25 21:41:56 · 1576 阅读 · 0 评论 -
visjs入门--模块edges
edges的选项必须包含在标题为“edges”的对象中。所有这些选项也可以每个edges提供。显然,“ID”不应该全局定义,而是每个edges的定义。在全局edges对象中定义的选项应用于所有edges。如果一个edges有自己的选项,那么这些边将被用来代替全局选项。...原创 2018-05-25 21:43:01 · 4764 阅读 · 2 评论 -
visjs入门--模块physics
physics// these are all options in full.var options = { physics:{ enabled: true, barnesHut: { gravitationalConstant: -2000, centralGravity: 0.3, springLength: 95, ...原创 2018-05-25 21:57:01 · 2037 阅读 · 1 评论 -
visjs入门1
var options = { physics: false,或者 physics:{ stabilization: false, barnesHut: { centralGravity: 8, // 中心重力吸引器将整个网络拉回中心 springLength: 80, // ...原创 2018-05-25 22:10:27 · 6868 阅读 · 0 评论 -
js鼠标点击位置 弹出层由中心向四周缓慢扩大
<html><head><title>无标题文档</title><script language="javascript"> var level = 1; var div ; var timeout ; document.onclick = function (event){...转载 2018-05-30 11:24:34 · 1113 阅读 · 0 评论 -
立即执行函数(IIFE)
IIFE(立即执行函数)是英文Immediately-invoked function expression的缩写。 在平时我们定义一个函数通常是这样的:function a() {...};我们也可以将一个匿名函数赋值给了一个全局变量a:var a = function() {...};然后我们这么来调用它:a();既然这样,咱们是不是可以不用定义这个全局变量直接...原创 2018-08-14 18:57:37 · 2708 阅读 · 0 评论 -
Rxjs入门1-什么是RxJS、什么是异步、什么情况下会出现异步、异步的缺点、什么是回调、异步回调、异步回调的缺点、Promise的诞生、Promise的缺点
什么是RxJS 对,这条鱼就是Rx家族的logo,他并不是Rxjs专有的logo,因为Rx家族里面还有RxAndroid、RxSwift、RxNet等等,我也曾询问过网友,问这是条什么鱼,为什么要用这个当logo,最后网友回答最多、最靠谱点的说法就是:这是条鳗鱼,设计这个logo是为了突出rxjs很优雅的链式调用语法,具体情况还不清楚。Rx.JS是英文Reactive Extensions...原创 2018-05-18 14:39:28 · 590 阅读 · 0 评论