js
otatoz
生死契阔 与子成说
展开
-
js—实现1~100以内素数的筛选
<script> //打印2~100之间的数 for(var i=2 ; i<100 ; i++){ var a = true; for(var j = 2; j < i; j++){ //判断i能否被j整除 if(i%j == 0){ //能被整除则说明不是素数,修改布尔值为fals...原创 2018-08-27 09:07:36 · 12615 阅读 · 0 评论 -
js—图片轮播
<head> <meta charset="UTF-8"> <title>Document</title> <style> img{ height: 200px; width: 200px; display: block; ...原创 2018-09-11 09:14:28 · 105 阅读 · 0 评论 -
reverse函数—数组反转
方法一:重构myReverse方法var arr = [1,2,3,4,5,6]; Array.prototype.myReverse = function(){ for(var i=0;i<this.length/2;i++){ var item = arr[i]; arr[i] = arr[this.length-1 - i]; arr[this...原创 2018-09-19 19:26:33 · 4993 阅读 · 0 评论 -
JavaScript之排序算法
目录一、冒泡排序二、选择排序三、插入排序四、快速排序一、冒泡排序 介绍: 它会遍历若干次要排序的数列,每次遍历时,它都会从前往后依次的比较相邻两个数的大小;如果前者比后者大,则交换它们的位置。这样,一次遍历之后,最大的元素就在数列的末尾! 采用相同的方法再次遍历时,第二大的元素就被排列在最大元素之前。重复此操作,直到整个数列都有序为止!案例:fu...原创 2018-10-10 14:36:46 · 240 阅读 · 0 评论 -
面向对象的三个基本特征
面向对象的三个基本特征是:封装、继承、多态。封装封装最好理解了。封装是面向对象的特征之一,是对象和类概念的主要特性。封装,也就是把客观事物封装成抽象的类,并且类可以把自己的数据和方法只让可信的类或者对象操作,对不可信的进行信息隐藏。继承面向对象编程 (OOP) 语言的一个主要功能就是“继承”。继承...转载 2018-10-28 13:51:42 · 19460 阅读 · 1 评论 -
简单点赞(js)和收藏(jquery)功能
点赞功能:<body> <input id="btn" type="button" onclick="addLike()" value="13"> <script> function addLike() { var btn = document.getElementById(&quo原创 2019-02-26 11:12:15 · 1520 阅读 · 0 评论 -
基本数据类型与引用数据类型的区别
基本数据类型存放在栈内存中的简单数据段,数据大小确定,内存大小空间可以分配。基本数据类型有Number、String、Boolean、Undefined、Nullvar a = 1;var b = a;var b = 2;console.log(a); //1console.log(b); //2这个例子,相当于b只是a复制粘贴后的一个副本,对b的操作不会...原创 2019-03-07 11:20:34 · 1384 阅读 · 0 评论 -
对象的定义及判断是否相等
如何判断两个对象是否相等? 你可能会认为,如果两个对象有相同的属性,以及它们的属性有相同的值,这两个对象就是相等的,但是并不是这样。看如下案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl...原创 2019-07-08 22:50:05 · 466 阅读 · 0 评论 -
js函数的执行环境和作用域链
执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为执行环境分为:全局环境、局部环境1、使用var声明的变量会自动被添加到最接近的环境中,在函数内部,最接近的环境就是函数的局部环境,在with语句中,最接近的环境是函数环境如果初始化的变量没有用var声明,该变量会自动被添加到全局环境中2、某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数定...原创 2019-07-18 11:04:53 · 540 阅读 · 0 评论 -
js中的迭代方法
js有五个迭代方法,分别为:every、some、filter、map、forEach此处须知:迭代,就是对数组的每一项都进行相应的操作五个方法中,此处所使用的都是箭头函数 () =>{}五个方法中,都有三个参数,此处只说两个,item为当前数据项,index为数组索引1、every()<script> var arr = [1,2,3,4,5]...原创 2019-07-16 15:39:37 · 2365 阅读 · 0 评论 -
this指向问题
谁调用它,this 就指向谁。但是有时候这样的判断并不准确,可以按照如下规则进行判断。全局环境中的this浏览器环境:无论是否在严格模式下,在全局执行环境中(在任何函数体外部)this 都指向全局对象 windownode 环境:无论是否在严格模式下,在全局执行环境中(在任何函数体外部),this 都是空对象 {}是否是new绑定如果是 new 绑定并且构造函数返回值...原创 2019-07-17 10:34:48 · 201 阅读 · 0 评论 -
js—DOM节点操作
一、定义DOM :文档对象模型DMO是针对HTML文档的一个API(应用程序编程接口),DOM描绘了一个层次化的节点树,允许开发人员添加,删除,修改页面的某一部分。节点分为几种不同的类型 :Node类型 Document类型 Element类型 Text类型——文本类型 Comment类型 —— 注释类型二、类型的具体说明Node类型 属性:...原创 2018-09-03 15:13:55 · 4803 阅读 · 2 评论 -
js—两个数组的拼接
问:请将 arr1 = [1,2,3,4] arr2 = [5,6,7] 拼接为一个数组答:方法一: 使用 push()var arr1 = [1,2,3,4];var arr2 = [5,6,7];var len = arr2.length;for(var i=0;i<len;i++){ arr1.push(arr2.[i]); //push() 在数组...原创 2018-08-30 10:10:52 · 9137 阅读 · 0 评论 -
js—实现100以内数的求和
<script> var sum = 0; for(var i = 1 ; i <= 100; i++){ sum += i; } document.writeln("1~100以内的和为:"+ sum); </script>原创 2018-08-27 09:36:01 · 11733 阅读 · 0 评论 -
js—数组API
数组API应用程序编程接口push() 含义:在数组末尾添加元素 参数:1~n (意思是可以添加多个值) 返回值:数组长度demo:var arr = [1,2,3,4];var result1 = arr.push(5); //在数组末尾添加 5 ;也可以是arr.push(5,6,7,8...)c...原创 2018-08-30 20:24:26 · 1136 阅读 · 0 评论 -
js—数据类型
一、5种基本数据类型number、string、boolean、null、undefined number <script> var num = 23; //num 为数字类型 </script>1. 通过各种方式表示数字 10进制 、8进制、16进制、小数、科学计数法2. NaN(not a nu...原创 2018-08-27 19:57:24 · 114 阅读 · 0 评论 -
js—操作符
1.算数运算符 (返回值为number类型) + - * / % 加、减、乘、除、取余2.一元运算符 ++ 、 -- 、+ 、 - ++a,对于a,先自增,再运算 a++,对于a,先运算,再自增3.比较运算符 (返回值为boolean类型) == 直接比较值 var a ...原创 2018-08-27 20:31:40 · 1535 阅读 · 0 评论 -
js—数据类型转换
不会改变原值1. 转换至number类型string 转换至number类型 方法: + 、 Number()函数 、 parseInt() 、 parseFloat()代码如下:<script> var str = '123'; var num = Numb...原创 2018-08-28 08:59:10 · 294 阅读 · 0 评论 -
js—对象序列化
序列化<script> var obj = { name:'xpf', age:23 } var a = JSON.stringify(obj); console.log(obj); console.log(a); console.log(typeof(obj)); console.log(typeof(a));</script>...原创 2018-08-28 19:38:17 · 283 阅读 · 0 评论 -
js—函数的定义、匿名函数、自执行函数
1、函数的定义函数定义的两种方式:函数声明 function 函数名(形参){ // 函数体 }函数表达式 var 函数名 = function(){ // 函数体 }两种方式的区别:函数声明——在函数声明前可以调用该函数。函数表达式——函数表达式中的变量会提升,提升后变量指向undefined,所...原创 2018-08-28 20:14:53 · 3329 阅读 · 0 评论 -
js—函数的调用
函数在声明后一般不会直接执行,需要进行调用才能运行调用方法:new Object(); 函数名(实参列表); function jc(n){ if(n == 1){ return 1; } else { return n*arguments.callee(n-1); //arguments.callee:用来指向拥有这个argumen...原创 2018-08-29 10:15:49 · 142 阅读 · 0 评论 -
js—排序
模拟淘宝的排序:按价格、按销量、按综var products = [{ // var products = [{},{},{}]; name:'a', price:78, score:92},{ name:'c', price:60, score:99},{ name:'b', price:80, scor...原创 2018-08-29 19:26:41 · 169 阅读 · 0 评论 -
js数组
一、数组概念 数组是存放多个数据的集合 特点:数组元素的类型可以任意 如: var arr = [1,2,true,null,function(){}] 数组的长度通过length属性访问,length属性可读可写(即可以通过length属性给数组添加元素) 访问数据时,数组索引可以越界(但是值为undefined) 数组的长度可以动态变化二、数组定义(...原创 2018-08-29 20:16:26 · 717 阅读 · 0 评论 -
js—typeof与instanceof的区别
typeof 的定义和用法:返回值是一个字符串,用来说明变量的数据类型。typeof 一般只能返回如下几个结果:number,boolean,string,function,object,undefined。 对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。代码如下:<script> var num...原创 2018-09-04 14:25:10 · 172 阅读 · 0 评论 -
js—DOM第二部分 Document类型
Document类型属性:documentElement html元素 body body元素 title 获取标题 URL 获取统一资源定位符 domain 域名,部署到服务器测试 referrer 前一个页面的URL,部署到服务器测试 images 获取页面所有的img标签 forms 获取页面所有的form标...原创 2018-09-04 15:15:13 · 96 阅读 · 0 评论 -
js—案例一 图片替换与放大
点击按钮,实现图片的替换及放大<head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function(){ //获取按钮 var btns = document.get...原创 2018-09-04 16:13:03 · 502 阅读 · 0 评论 -
高级面向对象技术
封装三种方式:工厂函数模式构造函数模式构造函数模式和原型结合工厂函数模式代码示例function factory(name){ var obj = new Object(); obj.name = name; obj.sayName = function(){ console.log('my name is ' + this.n...原创 2019-09-03 19:06:16 · 342 阅读 · 0 评论