学习笔记
关注
分享
扫一扫
Veranew
这个作者很懒，什么都没留下…
展开
-
鼠标事件中clientX、offsetX、screenX、pageX、x的区别
clientX、clientYlong 型可选，默认为 0，设置鼠标事件时相对于客户端窗口的水平坐标位置；该操作并不会改变真实鼠标的位置。pageX、pageYpageX 是一个由MouseEvent接口返回的相对于整个文档的x（水平）坐标以像素为单位的只读属性。这个属性将基于文档的边缘，考虑任何页面的水平方向上的滚动。举个例子，如果页面向右滚动 200px 并出现了滚动条，这部分在窗口之外，然后鼠标点击距离窗口左边 100px 的位置，pageX 所返回的值将是 300。对于整个页面来说原创 2020-12-08 15:51:36 · 756 阅读 · 0 评论 -
内置对象 Math、Date、Array、String
内置对象 Math、Date、Array、StringMathMath.random()—取0-1之间的随机数，伪随机数，包左不包右 [0,1)Math.floor(x)—把浮点数向下取整console.log(Math.floor(3.1)); // 3console.log(Math.floor(3.9)); // 3console.log(Math.floor(-3.1)...原创 2019-08-16 01:03:24 · 265 阅读 · 0 评论 -
面向对象和面向过程的小小对比
面向对象和面向过程的小小对比面向过程和面向对象这两大编程思想各有优劣，需要辩证看待。首先我们理解一下什么是面向过程，什么是面向对象。面向过程：POP(Process-oriented programming)面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向对象：OOP (Object Oriented Programm...原创 2019-08-18 21:51:11 · 194 阅读 · 0 评论 -
案例-鼠标拖动弹出框
案例-鼠标拖动弹出框需求：打开网页刚开始是空白页面，仅有一句提示：点击弹出登录框用户鼠标点击任意位置，登录框弹出用户点击登录框顶部（登录会员一行位置）时，可拖动整个登录框，点其他位置不可拖动思路：登录框开始是隐藏状态，用户点击任意位置，登录框出现，diaplay:none和display:block两者切换鼠标拖动登录框时，鼠标指针位置相对于登录框是不变的，这点可用于计算开关...原创 2019-08-05 22:03:08 · 231 阅读 · 0 评论 -
Web API-基础 学习笔记
Web API一、javaScript组成一个完整的JavaScript实现应该由下列三个部分组成核心（ECMAScript) — js语法规范文档对象模型（DOM）— Document Object Model浏览器对象模型（BOM）— Browser Object Model初级阶段我们学习DOM+BOM的属性和方法，并使用它们实现页面上的效果。二、DOM–文档对象模型文...原创 2019-08-05 22:01:18 · 363 阅读 · 1 评论 -
DOM&BOM学习笔记
DOM01-节点的创建、修改、添加创建innerHTML//元素.innerHTML = 'html标签结构'ul.innerHTML = '<li>狗蛋</li>';document.write();//会把页面已经存在的HTML结构覆盖掉//该方法可以解析HTML结构，多次写，多次输出document.write('<div>...原创 2019-08-05 21:59:27 · 205 阅读 · 0 评论 -
捕获、冒泡和事件委托
DOM事件流基本概念“DOM2级事件”规定的事件包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段，可以在这个阶段对事件做出响应。以下面html为例：<!DOCTYPE html><html> <head> <title>...原创 2019-08-03 21:42:03 · 152 阅读 · 0 评论 -
fcc--Object Oriented Programming面向对象编程
Object Oriented ProgrammingCreate a Basic JavaScript Objectlet dog = { 'name' : "xiaohua", 'numLegs': 4};Use Dot Notation to Access the Properties of an Objectlet dog = { name: "Spot", n...转载 2019-07-29 21:38:24 · 298 阅读 · 0 评论 -
Basic Algorithm Scripting 基础算法脚本
Basic Algorithm ScriptingConvert Celsius to Fahrenheitfunction convertToF(celsius) { let fahrenheit = celsius * 9/5 + 32; return fahrenheit;}convertToF(30);Reverse a Stringfunction reverse...转载 2019-06-27 21:59:07 · 273 阅读 · 0 评论 -
正则表达式Regular Expression
Regular Expression正则表达式正则表达式(regular expression)描述了一种字符串匹配的模式（pattern），可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。Using the Test Methodlet myString = "Hello, World!";let myRegex = /Hello/;le...转载 2019-06-18 17:20:35 · 1111 阅读 · 0 评论 -
freeCodeCamp: Basic Data Structures 基础数据结构
freeCodeCamp: Basic Data StructuresUse an Array to Store a Collection of Data此答案不唯一：let yourArray = [ "you're so cute!", 1, true, false, { true: 1, false: 0 ...转载 2019-06-20 22:11:02 · 671 阅读 · 0 评论 -
freeCodeCamp Debugging 调试
Debugging 调试Debugginglet a = 5;let b = 1;a++;// Add your code below this lineconsole.log(a);let sumAB = a + b;console.log(sumAB);Understanding the Differences between the freeCodeCamp and B...原创 2019-06-20 14:00:00 · 312 阅读 · 0 评论 -
一元运算符 自增自减 a++和++a
刚开始学javascript，有些小问题总是会出错，困扰我们。这里列出其中一个：a++和++a。先来看下几道题：b在控制台的输出会是多少？第一题var a = 1; var b = ++a + ++a; console.log(b);第二题var a = 1; var b = a++ + ++a; console.log(b);第三题var a = 1; var b...原创 2019-05-17 16:45:05 · 568 阅读 · 0 评论