- 博客(26)
- 收藏
- 关注
RSS订阅原创 JavaScript学习笔记27
一、事件分类1、键盘事件1、keydown，keyup，keypress2、触发顺序是 keydown > keypress > keyup3、keydown 和 keypress 的区别1）keydown 可以响应任意键盘按键，keypress 只可以相应字符类键盘按键检测字符类不准确，keypress 检测字符很准。但是 keydown 能监控所有，包括上下左右都能监控，但是 keypress 只能监视字符。用法：如果你想监控字符类按键，并想区分大小写，就用 keypr
2021-04-28 23:40:25
302
8
原创 JavaScript学习笔记26
五、事件处理模型 — 事件冒泡、捕获事件处理的两个模型：事件冒泡、捕获（不能同时存在）只点了黄色区域，但是出现了 box,content,wrapper，往下漏了，就是事件冒泡1、事件冒泡：结构上（非视觉上）嵌套关系的元素，会存在事件冒泡的功能，即同一事件，自子元素冒泡向父元素。（自底向上）结构上存在父子关系的元素，如果点击到子元素，会一级级向父元素传递这个事件（从代码的角度是自底向上一层层冒泡的）例：加了 margin，只点黄色的，还是出现了 box,content,wrap
2021-04-28 23:22:41
639
1
原创 JavaScript学习笔记25
一、事件（所有事件都是用的小写）交互是你对页面动一下，页面给一个反馈何为事件 —— 就是一个动作，没效果也是事件重要吗？—— 交互体验的核心功能演示 demo — 拖拽，和点击二、如何绑定事件1、ele.onxxx = function (event) {}1）兼容性很好，但是一个元素只能绑定一个事件处理程序div.onclick = function(){}div.onclicck 就叫做可以被点击的事件（绑定事件类型），function(){}是反馈，一旦事件被触发，就
2021-04-27 09:48:23
176
5
原创 JavaScript学习笔记24
一、脚本化cssdom不能操作css，是间接操作css，这一部分需要记下1、读写元素css属性（间接控制）1 dom.style.prop常用，只有这个可读可写，其余只能读1）可读写行间样式 ，没有兼容性问题，碰到float这样的关键字属性，前面应加css（行间样式以外没用）eg：float---->cssFloat2）符合属性必须拆解（建议），组合单词变成小驼峰式写法3）写入的值必须是字符串格式dom.style属性。能拿，能写（通过写间接改变了css属性）...
2021-04-27 09:40:02
142
1
原创 JavaScript学习笔记23
一、DOM/BOM基本操作这一部分都是实战用的，笔试面试一般不考，脚本化就是操作的意思1、查看滚动条的滚动距离1 window.pageXOffset横向/pageYOffset纵向滚动条IE8及IE8以下不兼容（IE9部分兼容）IE9以上能用例：滚动条往下滚动了400px，求浏览器最顶端到滚动条滚动的位置的像素答案 400px+首屏像素（此时这个屏幕的底端距离整个网页的最顶端也是这样算）2 IE8 及 IE8 以下的使用方法1）document.body.scrollLe
2021-04-25 10:48:55
180
原创 JavaScript学习笔记22
一、DOM基本操作1、Element节点的一些属性innerHTML==》可取，可写，课赋值innerText==》可取，可赋值textContent（火狐使用这个）例：div.innerHTML 可以改变 div 里面的 HTML 的内容 <div> <span>123</span> <strong>234</strong> </div> <script>
2021-04-23 21:34:29
246
1
原创 大话数据结构之树(下）
一、线索二叉树原理对于一个有n个结点，每个结点有指向左右孩子的两个指针域，所以一共是2n个指针域。而n个结点的二叉树一共有n-1条分支线数。所以存在2n-（n-1）=n+1个空指针域因此，我们可以把上图中存在的大量空指针域拿来存放结点的前驱和后继节点的地址。我们把这种指向前驱和后继的指针称为线索，加上线索的二叉链表称为线索链表，相应的二叉树就称为线索二叉树如上图所示，将所有空指针域的rchild改为指向它的后继结点。于是我们就可以知道H的后继结点是D，I的后继结点是B，J的后继结点是E
2021-04-23 18:12:20
215
原创 JavaScript学习笔记21
一、DOM接口dom结构树代表的是一系列继承关系例：Document和document的关系document 继承自 HTMLDocument.prototype。HTMLDocument.prototype 继承自 Document.prototype原型是不是一个对象？<script> HTMLDocument.prototype = { __proto__: Document.prototype.abc = "abc"
2021-04-22 21:09:57
232
原创 JavaScript学习笔记20
一、DOM 基本操作(大部分都是类数组)——方法类操作1.对节点的增删改查()括号里面都不用写.或#查查看元素节点document 代表整个文档（如果给 html 标签上面再套一层标签就是 document）document.getElementById()元素 id 在 Ie8 以下的浏览器，不区分 id 大小写，而且也返回匹配 name 属性的元素，通过 id 标识我们来选择这个元素，一一对应除了 id 以外，其余选择出来的都是一组，很少用 id 选择器.getEl
2021-04-19 11:24:28
140
原创 JavaScript学习笔记19
一、什么是DOM1、DOM---->Document Object Model （文档对象模型）2、DOM定义了表示和修改文档所需的方法（对象、这些对象的行为和属性以及这些对象之间的关系）
2021-04-18 23:43:19
424
5
原创 PHP面向对象3
一、自动加载类在项目开发中，因为一个文件中只能写一个类，并且在执行过程中会有很多的类参与，如果一个一个的加载很麻烦，所以，就需要一个机制实现在PHP执行过程中自动加载需要的类。1.1 类的规则一个文件中只能放一个类（必须）文件名和类名同名（必须）类文件以.class.php结尾（不是必须）1.2 手动加载类1、创建Goods.class.php页面<?php //商品类abstract class Goods{ protected $name; final pu
2021-04-18 18:11:27
158
2
原创 JavaScript之继承
继承分为接口继承和实现继承ECMAScript只支持实现继承，这主要是通过原型链实现的一、原型链构造函数、原型和实例的关系：每个构造函数都有一个原型对象，原型有一个属性指回构造函数，而实例有一个内部指针指向原型...
2021-04-17 18:59:11
125
原创 JavaScript学习笔记18
一、try…catch防止我们报错try 花括号{里面会正常执行，但是遇到 b 报错时 b 就执行不出来，后面的代码 c 就不执行了，但是外面的代码 d 还能执行}catch(e)，这个 e 可以随便写，写 abc 都可以，也是个形参 <script> try { console.log("a"); console.log(b); console.log("c"); } catc
2021-04-16 20:13:30
176
原创 JavaScript学习笔记17
一、包装类引用值就是一种对象（泛泛的概括类对象），包括数组、函数、对象。在内存里面存储。原始值不能有属性和方法，引用值才可以有但是经过包装类，原始值就能有属性和方法通过原始值访问属性和方法，系统为了让语法好用，不报错，系统会帮我们进行一个js内部机制包装类<script> var str = "abc"; //new String("abc").length console.log(str.length); </s
2021-04-16 10:08:45
161
原创 大话数据结构之树(中）
一、二叉树的顺序存储结构二叉树的顺序存储结构就是用一维数组存储二叉树中的结点，并且结点的存储位置，也就是数组的下标要能体现结点之间的逻辑关系，比如双亲与孩子的关系，左右兄弟的关系等将上图存储在一维数组中，如下图所示：数组的下标代表结点的位置，比如E结点的数组下标是5，即代表它的位置是5。如果将如下的非完全二叉树存在数组中，该如何表示呢？上图是一棵非完全二叉树，其中该二叉树只存在ABCEGJ（即蓝色部分）结点，为了方便在数组中存储，需要将其补成完全二叉树，用^表示不存在的结点，如下图所
2021-04-15 15:10:25
155
原创 JavaScript学习笔记13
一、 笔试真题例： <script> var x = 1, y = z = 0; function add(n) { return n = n + 1; } y = add(x); function add(n) { return n = n + 3; } z = add(x); </scri
2021-04-13 20:06:43
310
原创 大话数据结构之树(上）
一、树的定义树是n（n>=0）个结点的有限集。n=0时称为空树。在任意一颗非空树中：1、有且仅有一个特定的称为根（root）的结点2、当n>1时，其余结点可分为m（m>0）个互不相交的有限集T1、T2、…、Tm，其中每一个集合本身又是一棵树，并且称为根的子树（SubTree），如下图所示树的定义其实就是我们在讲解栈时提到的递归的方法对于树的定义还需要强调两点（1）n>0时，根结点是唯一的，不可能存在多个根结点（2）m>0时，子树的个数没有限制，但
2021-04-12 16:12:43
137
原创 PHP面向对象2
一、多态多态：多种形态多态分为两种：方法重写和方法重载1、方法重写子类重写了父类的同名的方法<?php//父类class Person { public function show() { echo '这是父类<br>'; }}//子类class Student extends Person { //子类重写了父类的同名方法 public function show() { echo '这是子类<br>'; }}//测试$stu=n
2021-04-11 21:13:41
118
原创 JavaScript学习笔记12
一、命名空间（其实就是对象）管理变量，防止污染全局，适用于模块化开发多人开发，对象命名容易重复，就要解决命名空间的问题下面是命名空间的老旧解法用的时候，用下面的写法下面是现在公司最常见的方法：用闭包来解决（也可用webpack），返回方法的调用init是初始化，入口函数，入口名字init调用了这个函数的功能var name = "bcd"; var init = (function() { var name = "acb";
2021-04-11 18:00:06
75
原创 PHP面向对象1
一、面向对象介绍1、介绍面向对象是一个编程思想。编程思想有面向过程和面向对象面向过程：编程思路集中的是过程上面向对象：编程思路集中在参与的对象以去饭馆吃饭为例：面向过程：点菜——做菜——上菜——吃饭——结账——收拾面向对象：服务员，厨师，客人2、面向对象的好处多人合作方便减少代码冗余，灵活性高代码的可重用性发挥到极致可扩展性强多学一招：OOP：面向对象编程（Object Oriented Programming，面向对象编程）OOA: 面向对象分析(Ob
2021-04-10 12:03:48
218
1
原创 JavaScript学习笔记11
一、计算小数的bugtoFixed是保留两位有效数字有个bug，在控制台0.14*100出现14.0000000000002，是js开发精度不准向上取整Math.ceil(123,234)//124向下取整Math.floor(123.999)//123Maht.random()是产生一个0到1区间的开区间，随机数所以一般这种情况下，我们不用toFixed，因为精度不准确用这种方法取整更好,就不会精度不准确注意：之前js在小数点后面最多能容纳15-1
2021-04-09 16:53:05
244
原创 JavaScript学习笔记10
一、原型定义：原型是 function 对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。利用原型特点和概念，可以提取共有属性。对象属性的增删和原型上属性增删改查。对象如何查看原型 ==> 隐式属性__proto__。对象如何查看对象的构造函数 ==> constructor。例 person.prototype //原型（描述一种继承关系），出生时就被定义好了person.prototype ={}
2021-04-07 21:06:19
204
2
原创 加法器大作业及相关知识点
一、储备知识：（1）半加器不考虑低位进位，完成两个一位二进制数相加，可以得到一个和值S和一个向上的进位C，这种逻辑电路称为半加器（Half-Adder），也称为摸2加或按位加（2）全加器考虑低位进位的一位二进制求和电路称为全加器，Ci为低位向本位的进位，Ci+1是本位向高位的进位半加器和全加器只能进行一位二进制数的加法运算，但它们可以作为构成实用加法器的基本原件。对于实际的多位数据相加，如果只用一个加法器就需要一位一位地串行送入全加器，分时进行运算（3）行波进行加法器用多个.
2021-04-07 10:43:54
1828
原创 JavaScript学习笔记14
一、克隆1、浅层克隆例：这个是做的浅层克隆var obj = { name: "abc", age: 123, sex: 'female' } var obj1 = { } function clone(origin, target) { for (var prop in origin) { target[p
2021-04-05 22:55:27
130
2
原创 JavaScript学习笔记16
一、类数组可以利用属性名模拟数组的特性可以动态的增长length属性如果强行让类数组调用push方法，则会根据length属性值的位置进行属性的扩充例：这个看着像数组，但是数组有的方法，他全部都没有，所以他是类数组function test() { console.log(arguments); arguments.push(7); } test(1, 2, 3, 4, 5, 6);类数组长得像数组，但
2021-04-03 17:14:31
115
原创 JavaScript学习笔记15
一、封装type方法定义对象方式：自变量构造函数自定义的构造函数Object.create定义数组的方式：var arr=[]；数组自变量；var arr=new Array()；系统调用。两者区别就只一位数的情况数组能用的方法来源于Array.prototype例：var arr = [1, , 1];数组不是每一位都有值，稀疏数组var arr = new Array();var arr1 = new Array(1, 2, 3, 4, 5);var a
2021-04-02 18:15:52
164
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人