javascript
宫城诗
这个作者很懒,什么都没留下…
展开
-
20181025 jquery的事件机制
jQuery的事件机制完整的机制,注册事件,移除事件,也可以去触发事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>&原创 2018-10-25 23:18:48 · 186 阅读 · 0 评论 -
20181022 jquery动画
jQuery修改样式,多项修改样式修改样式获取样式$(“li”).css(“backgroundColor”);隐式迭代,:只会返回第一个元素class操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title原创 2018-10-22 22:57:25 · 111 阅读 · 0 评论 -
20181019 深入jquery
jquery中min压缩与未压缩的方法压缩版适合生产未压缩版适合学习js的入口函数要比jquery的入口函数执行的更晚一些jquery更快一些其实都要等文档加载完jq会等待文档加载完毕,但不会等待图片加载完毕js会等待所有的完毕之后,在进行入口函数使用jquery的三个步骤1.引入jQuery文件2.入口函数3.功能实现jquery对象和DOM对象是两个对象DOM对象...原创 2018-10-19 22:50:53 · 80 阅读 · 0 评论 -
20181018 JavaScript jquery
为什么要学习jquery1.查找的元素的方法太少,麻烦2.遍历伪数组很麻烦,需要嵌套一大堆的for循环3.有兼容性问题4.想要实现简单的动画效果,也很麻烦5.代码冗余margin-bottominnerText 和textContentonload 等待页面加载完事后才可以执行dom操作,事件处理,动画,ajax有更容易的API进行操作,具有浏览器的兼容性学习jquery就是学...原创 2018-10-18 22:51:35 · 330 阅读 · 0 评论 -
20181016 JavaScript闭包
复制了一份的时候,把参数穿到了f1函数,默认是windowbind的方法就是复制的意思,参数可以在复制的时候传进去,也可以在复制之后调用的时候传进去。bind用来复制一份 函数名字.bind(对象,参数1,参数2)————>返回值是复制之后这个函数闭包的概念:函数A中有一个函数B ,函数B中可以访问函数A中定义的变量和数据,那么此时就形成了闭包(这句话暂时不严谨)闭包的作用:缓存数据...原创 2018-10-17 18:26:27 · 108 阅读 · 0 评论 -
20181015 JavaScript apply与call
apply和call都可以让函数或者方法进行调用,传入参数和函数自己调用的写法不一样,但是效果是一样的apply和call可以改变this的指向函数的调用,改变this的指向function f1(x,y){ console.log((x+y)+"===="+this) return "这是函数的返回值"//apply和call调用var r1=f1.apply(null,[1,...原创 2018-10-15 23:36:05 · 85 阅读 · 0 评论 -
20181014 JavaScript 面对对象思想
per实例对象的proto 指向的是person.prototype的proto 指向object.prototype中的proto是null面向对象编程思想:根据需求,分析对象,找到对象有什么行为和特征,通过代码的方式来实现需求,要想实现这个需求,就要创建对象,要想创建对象,就应该显示有构造函数,然后通过构造函数来创建对象,通过对象调用属性和方法来实现相应的功能及需求即可。面向对象的特征:封...原创 2018-10-14 13:01:31 · 87 阅读 · 0 评论 -
20181013 JavaScript 贪吃蛇游戏
贪吃蛇游戏总结模拟贪吃蛇的游戏地图:宽,高,背景颜色,因为小蛇和食物都是相对于地图显示,这个小蛇和食物都是地图的子元素,随机位置显示,脱离文档流的,地图也需要脱离文档流css:需要设置,宽,高,背景颜色,脱标食物:宽,高,背景颜色,横坐标,纵坐标一个食物就是一个对象,这个对象有相应的属性,这个对象需要在地图上显示最终要创建食物的对象,先有构造函数,并且把相应的值作为参数传入到构造函数中...原创 2018-10-13 22:31:50 · 97 阅读 · 0 评论 -
20181012 JavaScript 函数声明
关于函数一系列总结函数声明:function box(){}函数表达式:var box = function(){}匿名函数:function(){} 属于函数表达式匿名函数的作用:如果将匿名函数赋值给一个变量,则声明了一个函数:var box =function(){}如果将匿名函数赋予一个事件,则成为事件处理程序:box.addEventListener(“click”,func...原创 2018-10-12 22:23:06 · 117 阅读 · 0 评论 -
20181011 JavaScript 构造函数深入
构造函数Personprototype属性而prototype属性就相当于是原型对象constructor 构造器 指向所在原型对象所在的构造函数eat方法实例对象通过构造函数实例化per = new Person()age 属性sex 属性-proto-属性构造函数的原型对象(prototype)中的方法是可以被实例对象直接访问的不需要共享的写在构造函数中需要共享的写在...原创 2018-10-11 19:30:33 · 128 阅读 · 0 评论 -
20181010 JavaScript 构造函数
实例对象和构造函数之间的关系1.实例对象是通过构造函数来创建的—创建的过程叫做实例化2.判断对象是不是这个数据类型1)通过构造器的方式 实例对象.构造器=构造函数名字2)对象 instanceof 构造函数名字尽可能使用第二种方式原型解决数据共享,节省内存空间是构造函数中的prototype 是一个js对象中的子对象,prototype表示该函数的原型,也表示一个类的集合对象中_...原创 2018-10-11 10:03:43 · 132 阅读 · 0 评论 -
20180925 javascript offset
offset系列:获取元素的相关的样式属性的值offsetLeftoffsetWidth(有边框offsetHeight(有边框)offsetTop获取元素当前的属性值隐藏与显示元素display=“none”display=“block”排他功能元素.removeAttritube()this.className=""css中的absolute 与relativeBOM...原创 2018-09-26 14:08:51 · 82 阅读 · 0 评论 -
20180814 实习小结关于前端
本篇博客采用询问的方式来完成复习,包括目前前端学习的所有知识点1.什么是HTML 2.什么是HTML标签 3.HTML文档是什么 4.html标题 5.html图像 6.html段落 7.html链接 8.html元素是什么 9.html属性 10.html注释 11.html水平线和空行 12.html style属性 13.html css的三种方式 14. al...原创 2018-08-14 23:17:38 · 2806 阅读 · 0 评论 -
20180814 Ajax
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术 AJAX = 异步 JavaScript 和 XML。 AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可...原创 2018-08-14 22:40:24 · 100 阅读 · 0 评论 -
20180809 Jquery
jQuery 是一个 JavaScript 库 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 向您的页面添加 jQuery 库 ...原创 2018-08-09 15:18:57 · 103 阅读 · 0 评论 -
20180809 JavaScript Window_浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。 浏览器对象模型(Browser Object Model)尚无正式标准。由于现代浏览器已经(几乎)实现了 JavaScript 交互性方面的相同方法和属性,因此常被认为是 BOM 的方法和属性。 Window 对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 甚至 HTML DOM 的 d...原创 2018-08-09 11:56:24 · 115 阅读 · 0 评论 -
20180809 Javascript 对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…此外,JavaScript 允许自定义对象。 JavaScript 对象 JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。 访问对象的属性Object.arributevar message ="hello wor...原创 2018-08-09 11:28:10 · 97 阅读 · 0 评论 -
20180809 JavaScript HTML DOM
通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树。 HTML DOM 树 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript ...原创 2018-08-09 10:44:12 · 176 阅读 · 0 评论 -
20180807 W3cschool_javascript
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 <script> 标签 如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。<script> 和 &原创 2018-08-08 17:22:04 · 172 阅读 · 0 评论 -
20180918 JavaScript 节点
数组创建的三种方式 对象创建的三种方式 构造函数与普通函数的区别 html与xml 元素与节点 document.getElementById(); document.getElmentByTagsName();原创 2018-09-16 23:32:31 · 98 阅读 · 0 评论 -
20180919 JavaScript 操作前后对象
父级节点父级元素子节点子元素this.getAttributeNode("")parentNodeparentElementchildrenchildNodesnodeTypenodeValuenodeName第一个子节点 this.firstChild第一个子元素 this.firstElementChild最后一个子节点 this.lastChild最后一个子元素...原创 2018-09-19 20:10:56 · 107 阅读 · 0 评论 -
20180920 javascript中级
父节点.insertBeforeremoveChildreplaceChild对象.addEventListener(String,function(),false)对象.attachEvent(String,function())解绑事件三种方法nullremoveEventListenerdetachEvent事件冒泡:大的事件给小的传需要阻止事件冒泡cancelBub...原创 2018-09-20 14:02:12 · 98 阅读 · 0 评论 -
20180923 javascript中级复习
定时器 setInterval 参数两个 一个是函数 另一个是毫秒循环的执行函数返回值就是定时器的id值利用clearInterval()参数值为setInterval返回值的id值复习为元素绑定事件三种方式1.对象.on事件=函数2.对象.addEventListener(“没有on的事件”,函数,false)3.对象.attachEvent(“on事件”,函数)为元素解绑事件...原创 2018-09-23 16:31:07 · 93 阅读 · 0 评论 -
20180801 js基础(5)
函数:案列函数的注意问题—常见的一些错误—自己写代码,自己犯错,指点一二作用域—重点的–写代码要注意变量的在哪声明和使用的问题预解析—重点—什么叫预解析,什么东西发生了什么事对象—-js后面就轻松了—找对象什么事对象–重点argument对象—伪数组函数里面可以调用其他函数计算n个数字的和 顶一个一个函数,如果不确定用户是否传入了参数,或者说不知道用户传了几个参数,没...原创 2018-08-01 23:09:25 · 162 阅读 · 0 评论 -
20180801 冒泡排序——练习
var arr=[40,30,55,76,23,44]; function bubble(numbers){for(var i=0;i原创 2018-08-01 15:43:51 · 271 阅读 · 0 评论 -
20180801 js基础(4)
关键字的使用:break,continue 数组–重点– 冒泡排序–重点 函数–重点break关键字,如果在循环中使用,遇到了break,则立刻跳出当前所在的循环continue 再循环中如果遇到continue关键字,直接开始下一次循环数组:一组数据,有序的舒服 数组的作用:可以一次性存储多个数据 数组的定义:1.通过构造函数创建数组 语法:var 数组名=new Arra...原创 2018-08-01 15:16:51 · 96 阅读 · 0 评论 -
20180730 js基础(3)
弱类型的语言,声明变量的时候都是用var。分支结构:if,if-else,if-else if-else,switch-case ,三元表达式循环结构:while do-while for for-in 流程控制: 一元运算符: ++ – 都是运算符,可以分为前加和加 var num =10; num++;//自加 ++num;//自加var num =10; var su...原创 2018-07-30 19:23:17 · 112 阅读 · 0 评论 -
20180730 js基础 (2)
字符串可以使用单引号,也可以使用双引号。 字符串的个数有多少个?这个字符串的长度是多少 字符串的长度如何获取,变量名.length //html中的转义符: //js中的字符串里也有转义符 //tab–水平制表符 console.log(“/t”);字符串的拼接:使用+可以把多个字符串放在一起形成一个字符串 var srt1=”您好”; var str2 = “我好”; co...原创 2018-07-30 16:23:40 · 147 阅读 · 0 评论 -
20180729 js基础 (1)
学完node.js后,需要提升一下自己的js基础js的代码可以分三个地方写: 1.在html的文件中,script标签中写js代码。alert(“”)//页面中弹出对话框 在webstorm工具中打开页面:右上角或者快捷键。2.js代码,可以在html的标签中写 3.在js文件中写js代码,但需要在html的页面中引入 srcipt的标签中的src =”js”的路径js代码的注意...原创 2018-07-29 20:42:41 · 149 阅读 · 0 评论 -
20180729 Web3.js
已经简单的学习了node.js的基础技术,掌握了一些其应用,下面来探究一下web3.js。安装web3.js ,ganache-cli,solc使用以太坊提供web3.js工具包,来完成合约的编译,发布,合约方法调用的一整个流程,一方面来了解以太坊开发需要什么,另一方面来面对web3.js的API也有一个基本的认识。由于所有其他的工具都或多或少对web.js的底层函数的包装,所以对web3...原创 2018-07-29 19:52:46 · 1181 阅读 · 0 评论 -
20180802 js基础(6)
面向过程 面向对象 对象 创建对象的不同的方式内置对象 自定义对象 数据类型的深入: 简单类型和复杂类型—画图理解数据的值在哪个空间中存储。 每个对象下的常见方法的使用编程思想:把一些生活中做事的经验融入到程序中 面向过程:凡事都要亲力亲为,每件事的具体过程都要知道,注重的是过程 面对对象:根据需要找对象,所有的事都用对象来做,注重的是结果面向对象特性:封装,继...原创 2018-08-02 17:13:21 · 104 阅读 · 0 评论 -
20180803 js基础(7)
复习 编程思想: 面向过程:凡事亲力亲为,所有的事情的过程都要清楚,注重的是过程 面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果面向对象的特性:封装,继承,多台 js是一门什么样的余元 是一门解释性的语言 是一门脚本语言 是一门弱类型的语言 是一门基于对象的语言 是一门动态类型的语言对象:有属性和方法,具体特指的某个事物 对象:js中就是一组无...原创 2018-08-03 16:50:32 · 109 阅读 · 0 评论 -
20180719 Javascript高级程序设计——引用类型
5.1 Object 类型 到目前为止,我们看到的大多数引用类型值都是 Object 类型的实例;而且,Object 也是 ECMAScript 中使用最多的一个类型。虽然 Object 的实例不具备多少功能,但对于在应用程序中存储和传输数据而言它们确实是非常理想的选择。创建 Object 实例的方式有两种。第一种是使用 new 操作符后跟 Object 构造函数,如下:var per...原创 2018-07-19 17:58:08 · 170 阅读 · 0 评论 -
20180719 Javascript高级程序设计——变量、作用域和内存问题
4.1 基本类型和引用类型的值 ECMAScript 变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段,而引用类型值指那些可能由多个值构成的对象。在将一个值赋给变量时,解析器必须确定这个值是基本类型值还是引用类型值。第 3 章讨论了 5 种基本数据类型:Undefined、Null、Boolean、Number 和 String。这 5 种基本数据类型是...原创 2018-07-19 17:00:34 · 177 阅读 · 0 评论 -
20180719 Javascript高级程序设计阅读——基本概念
3.1 语法 ECMAScript 的语法大量借鉴了 C 及其他类 C 语言(如 Java 和 Perl)的语法。3.1.1 区分大小写3.1.2 标识符 所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。标识符可以是按照下列格式规则组合起来的一或多个字符: 第一个字符必须是字母、下划线(_)或一个美元符号($) 其他字符可以是字母,下划线,美元符号或者数字 输出管理是按...原创 2018-07-19 15:56:48 · 642 阅读 · 0 评论 -
20180719 Javascript高级程序语言阅读——在 HTML 中使用 JavaScript
2.1 script元素向 HTML 页面中插入 JavaScript 的主要方法,就是使用script元素。这个元素由 Netscape 创造并在 Netscape Navigator 2 中首先实现。后来,这个元素被加入到正式的 HTML 规范中。HTML 4.01 为script定义了下列 6 个属性。async:可选。表示应该立即下载脚本,但不应妨碍页面中的其他操作,比如下载其他资...原创 2018-07-19 11:31:28 · 409 阅读 · 0 评论 -
20180719 JavaScript高级程序设计阅读——Javascript简介
1.1 JavaScript 简史在 Web 日益流行的同时,人们对客户端脚本语言的需求也越来越强烈。那个时候,绝大多数因特网用户都使用速度仅为 28.8kbit/s 的“猫”(调制解调器)上网,但网页的大小和复杂性却不断增加。为完成简单的表单验证而频繁地与服务器交换数据只会加重用户的负担。想象一下:用户填写完一个表单,单击“提交”按钮,然后等待 30 秒钟,最终服务器返回消息说有一个必填字段...原创 2018-07-19 11:14:03 · 294 阅读 · 0 评论 -
20190311——javascript中的dom操作
通过dom操作,js可以改变页面中所有html元素,也能改变html中的属性,改变页面中所有css的操作,也可以对页面中所有的事件做出反应事件。查找html元素通过id,标签名,类名找到要进行操作的html元素改变html内容document.getElementById("").innerHTML改变html的属性,先获取所要更改的元素,再进行点属性进行操作。var x = do...原创 2019-03-11 10:53:00 · 133 阅读 · 0 评论 -
20190311——JQuery复习
jquery相当于一个js的一个库,里面有方法和属性相当于一个框架结构,直接使用里面的方法和操作。jquery语法jquery语法是为了html元素的选取编制的,可以对元素进行操作。基础语法是:$(selector).action() <!DOCTYPE html><html lang="en"><head> <meta cha...原创 2019-03-11 17:38:57 · 105 阅读 · 0 评论 -
20910311——Ajax 源生的ajax简单复习一下
AJax就是一种无需重新加载网页的情况下,能够部分更新网页的技术AJax=异步javascript和XML创建XMLHttpRequest对象XMLHttpRequest对象是ajax的基础var xmlhttp;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhtt...原创 2019-03-11 18:15:52 · 97 阅读 · 0 评论