JS膏集04

【JS膏集04】的更多相关文章

JS膏集04 1.apply和call方法可以改变this的指向,可以用于函数的调用 apply和call方法中如果没有传入参数,或者传入null,那么调用该方法的函数中的this就是window 函数名(thisArgs,数组); 函数名(thisArgs,args); function f1(x,y){ console(x+y) } f1(10,20);//等价于 f1.apply(null,[10,20]); f1.call(null,10,20); apply和call都可以让函数或者…

JS膏集05

JS膏集05 1.复习闭包内的函数也可以使用参数闭包的建议写法 ) 2.浅拷贝相当于把一个对象中的所有的内容复制一份给另一个对象.直接复制. 或者说,就是把一个对象的地址给了另一个对象,它们指向相同,有共同的属性和方法. 3.深拷贝把一个对象中所有的属性和方法,一个一个找到,并且在另一个对象中开辟相应的空间,一个一个地存储到新对象中. 代码 4.遍历DOM树 <!DOCTYPE html> <html lang="en"> <head> &l…

JS膏集03

JS膏集03 1.复习原型: * 在构造函数中有一个属性:prototype,是原型,也是一个对象,程序员使用的 * 在实例对象中有一个属性:__proto__,是原型,也是一个对象,浏览器使用的,不是标准属性 * 实例对象和原型对象之间的联系:原型链,通过__proto__和prototype * * 实例对象的__proto__指向自己的构造函数的prototype,中也有__proto__,指向的是Object的prototype,中也有一个__proto__,指向的是null * 原型…

JS膏集02

JS膏集02 1.复习函数也是对象 2.贪食蛇案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> .map { width: 800px; height: 600px; background-color: #CCC; position: rela…

JS膏集01

JS膏集01 1.动态页面: 向服务器发送请求,服务器那边没有页面,动态生成后,返回给客户端由html/css/js组成. js还不是面向对象的语言,是基于对象的语言.js中没有类的概念,js的继承基于原型. 2.三种创建对象的方式对象特指某个事物,具有属性和方法特征:属性行为:方法 1.字面量的方式 var per1={ name:"cc". age:20, eat:function(){ ... } } 2.调用系统的构造函数 var per2=new Object();…

JS自学笔记04

JS自学笔记04 arguments[索引] 实参的值 1.对象 1)创建对象 ①调用系统的构造函数创建对象 var obj=new Object(); //添加属性.对象.名字=值; obj.name="cc"; obj.age=18; //添加方法 obj.eat=function(){...}; //调用 obj.eat(); ②自定义构造函数创建对象(结合第一种和需求通过工厂模式创建对象) 工程模式: 对象名 Instanceof 对象名根据对象是否属于给定类返回布尔值 f…

【干货分享】前端面试知识点锦集04（Others篇）——附答案

四.Others部分技术类 1.http状态码有哪些?分别代表是什么意思? (1).成功2×× 成功处理了请求的状态码.200 服务器已成功处理了请求并提供了请求的网页.204 服务器成功处理了请求,但没有返回任何内容.(2).重定向3×× 每次请求中使用重定向不要超过 5 次.301 请求的网页已永久移动到新位置.当URLs发生变化时,使用301代码. 搜索引擎索引中保存新的URL.302 请求的网页临时移动到新位置.搜索引擎索引中保存原来的URL.304 如果网页自请求者上次请求后没有更新…

使用PM2将Node.js的集群变得更加容易

介绍众所周知,Node.js运行在Chrome的JavaScript运行时平台上,我们把该平台优雅地称之为V8引擎.不论是V8引擎,还是之后的Node.js,都是以单线程的方式运行的,因此,在多核心处理器的系统中并不能发挥其最大的性能. Node.js的cluster模块幸运的是,Node.js给我们提供了cluster模块,它可以生成多个工作线程来共享同一个TCP连接. 它是如何运作的呢? 首先,Cluster会创建一个master,然后根据你指定的数量复制出多个server app(也被…

【 D3.js 选择集与数据详解 — 5 】处理模板的应用

在[选择集与数据 - 4]一文中,介绍了一个update.enter.exit的处理模板,这个模板很常用,本文将通过一个例子来讲解其使用方法. 1. 模板复习一下上一章提到的模板. //绑定数据后,分别返回update.enter.exit部分 var update = selection.data(dataset); var enter = update.enter(); var exit = update.exit(); //1.update部分的处理方法 update.text( fun…

【 D3.js 选择集与数据详解 — 4 】 enter和exit的处理方法以及处理模板

绑定数据之后,选择集分为三部分:update.enter.exit.这三部分的处理办法是什么呢?本文将讲解其处理方法,以及一个常用的处理模板. 1. enter的处理方法如果没有足够的元素,那么处理方法通常是使用append()添加元素.请看下面的代码: <body> <p></p> <script> var dataset = [3, 6, 9]; var p = d3.select("body").selectAll("p…

【 D3.js 选择集与数据详解 — 3 】绑定数据的顺序

data() 函数有两个参数,第一个是被绑定数据,第二个参数用于指定绑定的顺序.在数据需要更新的时候常常会用到. 默认的情况下,data()函数是按照索引号依次绑定数组各项的.第0个元素绑定数组的第0项,第1个元素绑定数组的第1项,依此类推.也可以不按照此顺序进行绑定,这就要用到data()的第二个参数.这个参数是一个函数,称为键函数(key function). 要注意,只有在选择集原来已经绑定有数据的情况下,才能使用键函数指定绑定的顺序.请看以下代码: <body> <!-- 三个空…

【 D3.js 选择集与数据详解 — 2 】使用data()绑定数据

D3 中绑定数据大多是由 data() 函数来完成的,它是怎样工作的,它与 datum() 有什么区别呢? data()函数能够将数组各项分别绑定到各元素上,而且能够设置绑定的规则.data()还能够处理数组长度与元素数量不一致的情况.当数组长度大于元素数量,能为多余数据预留元素位置,以便将来插入新元素:当数组长度小于元素数量时,能提供指向多余元素的方法,以便将来删除.下面来剖析data()是如何绑定数据的,相比datum()有哪些新功能. data()的工作过程假设body中有三个段落元素p…

【 D3.js 选择集与数据详解 — 1 】使用datum()绑定数据

选择集和数据的关系是 D3 最重要的基础,在[入门 - 第 7 章]时进行过些许讲解,对于要掌握好 D3 是远远不够的.故此开设一个新的分类,专门讨论选择集与数据的关系,包括数据绑定的使用和工作原理,update .enter.exit 的原理和使用方法等,接下来一段时间里会有多篇此类文章. D3 最大的特色就是能够将数据绑定到DOM上.使用select或selectAll选择元素之后,被选择的元素上是没有数据的.数据绑定就是使被选择元素里包含有数据.与此相关的函数有两个: datum():将指…

Node.js的集群功能以及在Express的配置

Node.js在v0.6.0版本下内置了集群功能,作为cluster模块,用于nodejs的多核处理,也比较容易通过脚本实现一个负载均衡的集群. 脚本参考了其他人的材料,建立一个server.js(因为虚拟机只有1核,为模拟多线程,所以采用numCPUs+4) var cluster = require('cluster'); var http = require('http'); var numCPUs = require('os').cpus().length; if (cluster.is…

使用 PM2 将 Node.js 的集群变得更加容易

介绍众所周知,Node.js运行在Chrome的JavaScript运行时平台上,我们把该平台优雅地称之为V8引擎.不论是V8引擎,还是之后的Node.js,都是以单线程的方式运行的,因此,在多核心处理器的系统中并不能发挥其最大的性能. Node.js的cluster模块幸运的是,Node.js给我们提供了cluster模块,它可以生成多个工作线程来共享同一个TCP连接. 它是如何运作的呢? 首先,Cluster会创建一个master,然后根据你指定的数量复制出多个server app(也被…

学习Redis你必须了解的数据结构——JS实现集合和ECMA6集合

集合类似于数组,但是集合中的元素是唯一的,没有重复值的.就像你学高中数学的概念一样,集合还可以做很多比如,并集,交集,差集的计算.在ECMA6之前,JavaScript没有提供原生的Set类,所以只能手动实现,不过手动实现的好处在于,帮助我们了解集合的原理.关于Redis集合的应用,你可以移步到这篇文章Redis命令拾遗四(集合类型)-包含简单搜索筛选商品设计实例. .今天关于集合的分享使用做Web的都会的JS来实现.我们先集合类定义如下方法,增加,批量增加,包含?,移除,清空,查询所有,大小…

JS方法集

数组方法集 Angela.array = { //# 数组方法 // index, 返回位置! 不存在则返回 -1: index: function (t, arr) { //# 返回当前值所在数组的位置 if (arr.indexOf) { return arr.indexOf(t); } for (var i = arr.length ; i--;) { if (arr[i] === t) { return i * 1; } }; return -1; } //返回对象的键值! 返回值…

新学的js精集

逻辑运算符比较逻辑与和逻辑或这两个逻辑运算符它不单单会输出布尔型数据 1.只要"||"前面为false,无论"||"后面是true还是false,结果都返回"||"后面的值. 2.只要"||"前面为true,无论"||"后面是true还是false,结果都返回"||"前面的值. 3.只要"&&"前面是false,无论"&&&…

JS实现集合和ECMA6集合

集合类似于数组,但是集合中的元素是唯一的,没有重复值的.就像你学高中数学的概念一样,集合还可以做很多比如,并集,交集,差集的计算.在ECMA6之前,JavaScript没有提供原生的Set类,所以只能手动实现,不过手动实现的好处在于,帮助我们了解集合的原理.关于Redis集合的应用,你可以移步到这篇文章Redis命令拾遗四(集合类型)—包含简单搜索筛选商品设计实例. .今天关于集合的分享使用做Web的都会的JS来实现.我们先集合类定义如下方法,增加,批量增加,包含?,移除,清空,查询所有,大小…

js排序算法04——归并排序

归并排序是一种分治算法.思想是把原数组切分成较小的数组,直到每个小数组只有一个位置,再将小数组归并成较大的数组,直到最后有一个完整有序的大数组. js实现如下: function mergeSort(arr){ if(arr.length==1){ return arr; //长度为1直接返回 } else if(arr.length==2){ var ar0=arr[0]; var ar1=arr[1]; arr[0]=ar0<=ar1?ar0:ar1; arr[1]=ar0>ar1?ar0…

SpringMVC札集(04)——SpringMVC传递参数

自定义View系列教程00–推翻自己和过往,重学自定义View 自定义View系列教程01–常用工具介绍自定义View系列教程02–onMeasure源码详尽分析自定义View系列教程03–onLayout源码详尽分析自定义View系列教程04–Draw源码分析及其实践自定义View系列教程05–示例分析自定义View系列教程06–详解View的Touch事件处理自定义View系列教程07–详解ViewGroup分发Touch事件自定义View系列教程08–滑动冲突的产生及其处理…

js基础总结04 --bom对象

1.Bom 定义:浏览器对象模型,包含一系列与浏览器窗口交互的对象,如:Window,Location,History,Document,Screen 2.Window对象定义:窗口对象,所有js中的全局变量和全局函数都是它的属性.上述的location,history,document,screen都是Window这个对象的属性,还包含,alert等弹窗类方法,setTimeout,setInterval等计时器方法 3.document对象定义:操作文档的对象 4.location对象…

从微信小程序到鸿蒙js开发【04】——list组件

目录: 1.可滚动区域 2.list + list-item 3.list + list-item-group + list-item 1.可滚动区域在许多场景中,页面会有一块区域是可滚动的,比如这样一个简单的每日新闻模块: 上面的新闻类型是一块可横向滚动的区域,下方新闻列表是一块可竖向滚动的区域.在微信小程序中,使用scroll-view组件即可实现.那么在鸿蒙js组件中,想要实现可滚动的区域,则是使用list组件.list仅支持竖向滚动,横向滚动要用tabs,将在下篇博客讲解. 2.lis…

常用js代码集

<img src="{:url('publics/verify')}" onclick="this.src='{:url('publics/verify')}'">…

JS左侧菜单-04

<一>初探js特效魅力之全选不选反选04

初探js特效魅力04 我们在进入到公司里面工作的时候,做一个同一个项目,经常是大家分工合作,当我们写css时,一般不写在行间,因为这样会被误操作,也就是被乱删了都不知道,这样的后果是很难检查的 ,因为一个项目做下来,到最后,代码一大把,看着都头疼, 接下来就是教大家如何提取行间样式并作为函数调用,如下 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/…

js原码工具集

/* 原生js工具集 */ arr是否包含obj function contains1(arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { return true; } } return false; } 获取两点经纬度距离;返回单位为m function getDistance(lat1, lng1, lat2, lng2) { var radLat1 = lat1 * Math.PI / 180.0; var…

Node.js meitulu图片批量下载爬虫1.04版

//====================================================== // https://www.meitulu.com图片批量下载Node.js爬虫1.04 // 1.00 完成图片爬虫,手动输入页数和目录 // 1.01 改写. // 1.02 手动输入页面url,然后自动解析 // 1.03 从命令行获得页面url,然后自动解析 // 1.04 解决数量节点位置不固定bug和输入状态不退出bug // 2017年11月7日 //========…

IE和firefox火狐在JS、css兼容区别

1.firefox不能对innerText支持. firefox支持innerHTML但却不支持innerText,它支持textContent来实现innerText,不过默认把多余的空格也保留了.如果不用textContent,如果字符串里面不包含HTML代码也可以用innerHTML代替. 2.禁止选取网页内容: 在IE中一般用js:obj.onselectstart=function(){return false;} 而firefox用CSS:-moz-user-select:none…

Gulp使用入门操作十一步压缩JS

前提需要安装nodejs 一. 全局安装Gulp npm install -g gulp 二.新建一个 gulpfile.js 文件 chapter2└── gulpfile.js 三.在 gulpfile.js 中编写代码 // 获取 gulpvar gulp = require('gulp')require() 是 node (CommonJS)中获取模块的语法. 在 gulp 中你只需要理解 require() 可以获取模块. 四.获取 gulp-uglify 组件 // 获取 uglif…