JavaScript
不会java不改名
GitHub地址:https://github.com/QAQ-wangyizhang?tab=repositories
展开
-
JavaScript深入浅出了解原型与原型链
一图了解原型链1. 什么是原型?原型分为两种 显示原型 prototype 和 隐示原型__proto__。在js中所有函数基本上都有 prototype这个属性,属性值是一个普通的对象。在js中所有引用类型都有一个__proto__(隐式原型)属性,属性值是一个普通的对象。有一个例外 let fun = Function.prototype.bind() 此时fun没有原型。所有引用类型的__proto__属性指向它构造函数的显示原型prototype函数原型中有一个属性con原创 2020-09-13 18:30:42 · 186 阅读 · 0 评论 -
JavaScript思维导图——Day 36(jQuery之工具方法之回调对象)
(function () { function jQuery(selector) { return new jQuery.prototype.init(selector); // init的原型链上有css的方法 } jQuery.prototype.init = function (selector) { // var this = {}...原创 2020-04-18 23:59:31 · 221 阅读 · 0 评论 -
JavaScript思维导图——Day 35(jQuery方法之extend和ajax)
原创 2020-04-14 00:28:12 · 167 阅读 · 0 评论 -
JavaScript思维导图——Day 34(jQuery位置方法、工具方法)
原创 2020-04-12 23:31:45 · 97 阅读 · 0 评论 -
JavaScript思维导图——Day 33(animate队列)
(function () { function jQuery(selector) { return new jQuery.prototype.init(selector); // init的原型链上有css的方法 } jQuery.prototype.init = function (selector) { // var this = {}...原创 2020-04-11 23:42:41 · 155 阅读 · 0 评论 -
JavaScript思维导图——Day 32(jQuery动画)
原创 2020-04-10 23:37:32 · 173 阅读 · 0 评论 -
JavaScript思维导图——Day 31(jQuerydom基础操作)
原创 2020-04-09 23:51:27 · 213 阅读 · 0 评论 -
JavaScript思维导图——Day 30(jQuery的基础方法)
原创 2020-04-08 23:40:14 · 134 阅读 · 0 评论 -
JavaScript——Day 29(jQuery元素选择)
self-jQuery(function () { function jQuery(selector) { return new jQuery.prototype.init(selector); // init的原型链上有css的方法 } jQuery.prototype.init = function (selector) { // v...原创 2020-04-07 22:34:31 · 89 阅读 · 0 评论 -
JavaScriptDemo——Day 28(jQuery好处和仿写jQuery选择器)
循环 链式调用 选择元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...原创 2020-04-06 23:16:34 · 115 阅读 · 0 评论 -
JavaScriptDemo——Day 27(bind的基本使用和仿写bind)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>bind</t...原创 2020-04-06 23:14:08 · 138 阅读 · 0 评论 -
JavaScriptDemo——Day 26(函数编程思想浅层)
优化网络性能之节流与防抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title...原创 2020-04-06 23:13:08 · 172 阅读 · 0 评论 -
JavaScriptDemo——Day 25(数组扩展引用)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-06 23:10:08 · 100 阅读 · 0 评论 -
JavaScriptDemo——Day 24(JS执行机制浅层)
定时器不准<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> function test(k) { for (var i ...原创 2020-04-06 23:08:59 · 109 阅读 · 0 评论 -
JavaScriptDemo——Day 23(数组扩展)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-05 01:26:17 · 85 阅读 · 0 评论 -
JavaScriptDemo——Day 22(Banner)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...原创 2020-04-04 00:38:03 · 105 阅读 · 0 评论 -
JavaScript思维导图——Day 21(JS运动)
原创 2020-04-03 00:22:26 · 97 阅读 · 0 评论 -
JavaScript思维导图——Day 21(JS常用知识点)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&...原创 2020-04-02 00:29:25 · 143 阅读 · 0 评论 -
JavaScript思维导图——Day 20(BOM操作)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Bom</t...原创 2020-03-31 22:37:47 · 175 阅读 · 0 评论 -
js之操作DOM
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js之操作DOM<...原创 2020-03-05 22:40:46 · 91 阅读 · 0 评论 -
JavaScript小语法点总结——每日练习题
<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // function test() { // var name = "duyi...原创 2020-03-03 12:31:27 · 130 阅读 · 0 评论 -
JavaScript思维导图——Day 19(正则表达式RegExp)
<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // var test = "\ // <div></div>\ // <...原创 2020-02-25 15:40:49 · 134 阅读 · 0 评论 -
JavaScript思维导图——Day 18(json异步加载,Web加载时间线)
<!DOCTYPE html><html><head> <title></title> <script type="text/javascript"> document.addEventListener('DOMContentLoaded' , function () { var div = docum...原创 2020-02-24 14:15:14 · 203 阅读 · 0 评论 -
JavaScript思维导图——Day 17(事件类型,随鼠标移动的小红块,游戏用keydown)
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> input{ border: 1px solid aque; } </style></head><body> <!--...原创 2020-02-23 21:20:18 · 132 阅读 · 0 评论 -
JavaScript思维导图——Day 16(事件)
<!DOCTYPE html><html><head> <title></title></head><body><!-- <div style="width: 100px;height: 100px;background-color: red;" onclick="console.lo...原创 2020-02-22 21:37:53 · 134 阅读 · 0 评论 -
VisualStudio Code怎么同时编辑多处?vscode同时编辑多处的三种方法
一、重命名变量1、首先看看自己需要同时修改多处的代码是不是要重命名一个变量,如果是的话,有现成的快捷键f2。选中一个变量,按f2,弹出一个小窗口,在里面输入内容后按回车,所有该变量都会被重命名。2、但是要注意,在js文件中,如果这个变量没有用var或者const或者let声明,会无法重命名。二、多光标1、按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加。2、按...转载 2020-02-22 15:01:55 · 993 阅读 · 0 评论 -
JavaScript思维导图——Day 16(获取窗口属性,获取dom尺寸,脚本化css)
今日练习代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do...原创 2020-02-21 23:23:01 · 502 阅读 · 0 评论 -
JavaScript思维导图——Day 15(Date类 定时器)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-02-20 21:42:32 · 287 阅读 · 0 评论 -
JavaScript思维导图——Day 14(dom基本操作、Node、实现inserAfter和标签逆序方法)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&...原创 2020-02-19 23:29:35 · 176 阅读 · 0 评论 -
JavaScript思维导图——Day 13(dom选择器、节点类型)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-02-18 22:36:41 · 137 阅读 · 0 评论 -
JavaScript思维导图——Day 12(try--catch,ES5严格模式)
<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // try{ // console.log("a"); // console.log(b);...原创 2020-02-15 20:17:50 · 148 阅读 · 0 评论 -
JavaScript思维导图——Day 11(数组)
<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> //push // var arr = [1,2,3,1,1,1]; // Array.prototype...原创 2020-02-14 18:32:38 · 179 阅读 · 0 评论 -
JavaScript思维导图——Day 10(this,克隆方法)
<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // var arr = []; // console.log(typeof(arr)); // i...原创 2020-02-12 23:06:52 · 332 阅读 · 0 评论 -
JavaScript思维导图——Day 9(继承模式、圣杯模式、枚举)
<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // Father.prototype.lastName = "deng"; // function F...原创 2020-02-11 23:52:24 · 119 阅读 · 0 评论 -
JavaScript思维导图——Day 8(原型、原型链、call/apply方法)
// Person.prototype --原型 // Person.prototype = {} 是祖先 // Person.prototype.name = "hehe"; // Person.prototype.say = function () { // console.log("hehe"); // } // function Person(name, age...原创 2020-02-10 21:49:27 · 245 阅读 · 0 评论 -
JavaScript思维导图——Day 7(对象、包装类)
<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // var mrDeng = { // name : "MrDeng", // age :...原创 2020-02-09 20:41:08 · 124 阅读 · 0 评论 -
JavaScript思维导图——Day 6(AO作用域、1undefined经典题)
<!DOCTYPE html><html><head> <title></title> <!-- <style type="text/css"> *{ margin: 0; padding: 0; } ul{ list-style: none; } li:nth-of-t...原创 2020-02-07 22:01:45 · 122 阅读 · 0 评论 -
JavaScript思维导图——Day 5(js作用域、闭包、立即执行函数)
今日练习:<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // function a () { // function b () { //...原创 2020-02-06 21:46:23 · 210 阅读 · 0 评论 -
JavaScript思维导图——Day 4(预编译)
今日练习<!DOCTYPE html><html><head> <title></title></head><body><script type="text/javascript"> // var arr = [1,23,34,525,'rwr']; // console.log(...原创 2020-02-05 21:55:40 · 102 阅读 · 0 评论 -
JavaScript思维导图——Day 3(js中的函数,typeof方法中的类型转换显性和隐性转换)
原创 2020-02-04 21:36:43 · 162 阅读 · 0 评论