JS膏集01

【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膏集05

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

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膏集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（Base.js）——【01】理解库，获取节点，连缀，

封装常用的js(Base.js)——[01]理解库,获取节点,连缀, youjobit07 2014-10-10 15:32:59 前言: 现如今有太多优秀的开源javascript库,比如jQuery,Prototype,Dojo等等,这些javascript库已经把最常用的代码进行了有效的封装,以便我们开发,从而提高效率.现在我这里探讨的是自己创建一个javascript库,自己创建的肯定没有那些开源javascript库功能强大,目的主要是为了提升自己的原生javascrip…

JS自学笔记01

JS自学笔记01 1.开发工具 webstorm 2.js(javascript) 是一门脚本.解释性.动态类型.基于对象的语言含三个部分: ECMAScript标准–java基本语法 DOM(Document Object Model)文档对象模型 BOM(Browser Object Model)浏览器对象模型 3.js代码的位置: 执行:单击右上角浏览器图标.Alt+f2快捷键. –在html文件中的script的标签中书写js代码 –js代码可以在html的标签中内嵌 –在js文件中可…

Node.js abaike图片批量下载Node.js爬虫1.01版

//====================================================== // abaike图片批量下载Node.js爬虫1.01 // 1.01 修正了输出目录,增加了log. // 2017年11月11日 //====================================================== // 内置http模块 var http=require("http"); // 内置文件处理模块,用于创建目录和图片文件 v…

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

一.HTML部分 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层.表示层.行为层分别是:HTML.CSS.JavaScript作用:HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务. 2.HTML5的优点与缺点? 优点:a.网络标准统一.HTML5本身是由W3C推荐出来的.b.多设备.跨平台c.即时更新.d.提高可用性和改进用户的友好体验:e.有几个新的标签,这将有助于开发人员定义重要的内容:f.可以给站点带来更多的多媒体元素(…

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

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

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; } //返回对象的键值! 返回值…

【 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():将指…

JS实现购物车01

需求使用JS实现购物车功能01 具体代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车01</title> <style type="text/css"> .num{ width:20px; } </style> </head> <…

vue.js精讲01

笔记及源码地址 : https://github.com/wll8/vue_note 01 2017-09-13 view一个 mvvm框架(库),和 ag 类似.比较小巧,容易上手. mvc: mvp mvvm mvx(mv*) vue 和 ag 的区别. 不用纠结什么好,项目适合什么就用什么. vue 简单中文文档指令: v-xxx 例子: html + json + vue实例维护: 个人适合: 移动 ag 上手难英文文档指令: ng-xxx 例子: 把所有属性和方法挂到 $s…

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学习笔记01

文章转载pigpigpig4587 的 1.Javascript是区分大小写的语言.也就是说.关键字.变量,函数和所有的标识符都必须采取一致的大小写形式.因为html不严格区分大小写,所以在html中写onclick属性时可以写成onClick.但在javascript中必须写成小写onclick. 2.Javascipt 定义了一种特殊序列,使用6位ASCII字符代表任意16Unicode内码.这些Unicode转义序列均以\u为前缀,其后跟随4位十六进制数. 转意字符可以用作:字符串直接量,…

<script type="text/javascript" src="<%=path %>/pages/js/arsis/area.js?v=1.01"></script> 为什么在最后加？ v+1.01

不写也可以是为了js改变以后 ,名字未变 ,如果原来有的浏览器加载了,遇到相同名字的就是引用缓存,不在从新加载.会出现错误.加上后会重新加载. css 引用后面也一样.…

vue.js插件使用(01) vue-resource

本文的主要内容如下: 介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面本文11个示例的源码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星! GitHub Source 本文的所有示例如下: http get示例 http jsonp示例…

Node.js学习笔记 01 搭建静态服务器

希望这篇文章能解决你这样一个问题:“我现在已经了解了一些Node.Js基本概念了,怎么搭一台静态服务器呢?” 请参考一下博主的前两篇文章: 完全面向于初学者的Node.js指南 Node.Js的Module System 以及一些常用 Module 本文实现的效果(样式就没做了,大家将就下): 列出的代码均测试可用,大家放心. What is static server? 静态服务器,有了它呢,就可以让外部访问到咱们的静态网页.在功能上:它可以给用户发送文件(如:HTML, CSS, Js等).…

Android 测试工具集01

Appium是一个支持原生,混合和移动web apps的开源的跨平台测试框架工具. ANDROID依赖 Android SDK API >= 17 (Additional features require 18) Appium支持OS X上的Android, Linux和Windows上的beta支持.确保你通过如下的指示来配置你需要运行测试的不同系统的环境 linux osx windows 开始安装安装nodejs 0.8版本及以上, 通过官方的安装程序来安装. 安装android的sdk…

新学的js精集

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

３－１４　JS基础知识01

JavaScript的组成: JS特点:JS是一门脚本语言:不需要编译编译:把代码转化成计算机所认知的二进制语言.JS是一门弱类型语言:声明变量都用varJS是一种动态语言:认知当前的着这个变量到底是什么类型JS是一门解释性语言 JS最初的的目的是为了解决浏览器和服务器之间的交互问题(比如验证密码)JS现在能做什么?交互的问题.特效.游戏.服务器端的开发.移动开发 HTML:展示信息Css:美化页面JS:实现浏览器和服务器交互,有计算和验证的能力脚本语言:不需要编译,直接运行JS点出来的东西未…

Three.js学习笔记01

1.四大组件: 场景:场景是所有物体的容器 var scene = new THREE.Scene(); 相机: 正投影相机:远处的和近处的是一样大 THREE.OrthographicCamera = function ( left, right, top, bottom, near, far) 1. left参数 left:左平面距离相机中心点的垂直距离.从图中可以看出,左平面是屏幕里面的那个平面. 2. right参数 right:右平面距离相机中心点的垂直距离.从图中可以看出,右平面是屏…

JS实现集合和ECMA6集合

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