javascript
文章平均质量分 52
javascript
过客尘烟
这个作者很懒,什么都没留下…
展开
-
vue-resource发起的get、post、jsonp请求
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document&l原创 2022-01-13 08:56:28 · 102 阅读 · 0 评论 -
适合表白情侣的特效
展示总体结构<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>心心-样例图</title><link href="favicon.ico" rel="shortcut icon" class="icon-love" type="images/x-ico"><link rel="stylesheet" href="css/原创 2021-03-05 21:45:24 · 363 阅读 · 0 评论 -
js中的对象原型__proto__和constructor 属性
什么是实例对象原型?实例对象原型:实例对象有一个属性 __ proto__ 指向构造函数的 prototype 原型对象。实例对象原型__proto__和构造函数的prototype是等价的。方法的查找规则:首先先看对象身上是否有方法,如果有就执行这个对象上的方法,如果么没有这个方法,因为有__proto__ 的存在,就去构造函数原型对象prototype身上去查找方法。 function Star(name,sex){ this.name=name;原创 2021-03-04 16:05:07 · 541 阅读 · 1 评论 -
js中的原型prototype
什么是原型呢?首先我们来看一个构造函数 function X(name,sex){ this.name=name; this.sex=sex; this.sing=function(){ console.log("我在唱歌"); } } var l=new X("小熊","男"); var z=new X("小明","男")原创 2021-03-04 14:45:57 · 182 阅读 · 1 评论 -
js中的预编译
JavaScript是解释型语言,既然是解释型语言,就是编译一行,执行一行传统的编译会经历很多步骤,分词、解析、代码生成什么的javaScript运行三部曲语法分析预编译解释执行(就是执行代码)预编译是什么?预编译简单理解就是在内存中开辟一些空间,存放一些变量与函数预编译四步我们来看下这个代码 function fn(a) { console.log(a); var a = 123; console.log(a); function a(原创 2021-03-04 11:54:47 · 181 阅读 · 1 评论 -
js制作星星闪特效
效果如下思路呢?准备一张星星的图片创建多个星星(可以利用for循坏)求出可视网页的宽高 clientWidth,clientHeight设置星星的随机坐标 利用 Math.random()设置星星的缩放可以用css中的scale设置星星的缩放延迟频率 animationDelay给星星加动画(鼠标移动时,星星方法旋转)代码如下 <style> *{ margin: 0; padding: 0;原创 2021-03-03 17:18:50 · 2854 阅读 · 8 评论 -
Es6语法详解
什么是 ES6 ?ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指,泛指 ES2015 及后续的版本。为什么使用 ES6 ?每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。变量提升特性增加了程序运行时的不可预测性语法过于松散,实现相同的功能,不同的人可能会写出不同的代码ES6 的新增语法let ES6中新增的用于声明变量的关键字。le原创 2021-03-02 09:47:58 · 3916 阅读 · 0 评论 -
正则表达式
1.1 什么是正则表达式?正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式,本阶段我们主要是利用 JavaScript 正则表达式原创 2021-03-01 16:27:38 · 262 阅读 · 0 评论 -
深入理解JS作用域
1:变量提升我们先看这几段代码 console.log(a); var a=15; b=20; console.log(b); var b;在执行编译的时候代码开始上下文编译,var a变量提升了console.log(a);var a=15;在编译的过程中,第一句是执行a,所以我们要去上下文找a,于是上面那段代码其实编译成这样: var a; //a变量提升上去 console.log(a); //所以这样从上往下编译找到了原创 2021-02-06 10:04:30 · 116 阅读 · 0 评论 -
js数组快速排序-算法
构思比如一个数组: var arr=[32,45,78,9,1,6]第一步:找一个基点,比如找32,建立左右2个空数组第二步:根据基点把大于基点的数放右边数组,小于基点的数放左边数组于是有:左数组 [9,1,6] 右数组 [45,78]第三步:对左右数组进行排序,(前提数组长度大于等于2)第四步:整合数组就行代码如下 var arr=[32,45,78,9,1,6]; function f(arr) { //先找一个基点32 ,都32小的放入左数组,比32大的原创 2021-01-30 17:22:24 · 721 阅读 · 0 评论 -
javascript简单的红绿灯
<div class="box"> <div class="green"></div> <div class="red"></div> <div class="yeoolw"></div> </div> <div class="gz"></div> *{ margin: 0;原创 2021-01-30 15:58:49 · 463 阅读 · 0 评论 -
闭包问题(阮一峰)学习笔记
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 var n=999; function f1(){ alert(n); } f1(); // 999另原创 2021-01-28 22:48:55 · 1241 阅读 · 0 评论 -
Javascript模拟打鼓效果
按住响应的键盘显示不同的声音 <div class="keys"> <div data-key="65" class="key"> <kbd>A</kbd> <span class="sound">clap</span> </div> <div data-key="83" class="key"> &l.原创 2021-01-28 14:14:10 · 248 阅读 · 0 评论 -
Javascript数组方法详解
Javascript数组方法详解栈方法(1)push() 可以接受任意数量的参数,把它们依次添加到数组末尾 var x=["red","pick"]; x.push("green"); for(var i=0;i<x.length;i++){ console.log(x[i]); //依次输出 red,pick,green } console.log(x.length);//数组长度为3(2)原创 2021-01-27 17:11:48 · 185 阅读 · 0 评论 -
JavaScript中this指向问题
刚开始学到this,我也学得一知半解 ,越学越懵逼,完全搞不懂。这篇博客我就来整理一下this指向问题!首先我们要知道this是什么呢?this 是 JavaScript 语言的一个关键字。定义:this是包含它的函数作为方法被调用时所属的对象。定义看起来有点复杂:但是我们可以从3个方面理解:(1)包含它的函数(2)作为方法被调用时(3)所属的对象下面从案例来分析一下吧: function add() { console.log(this);原创 2021-01-27 12:23:00 · 156 阅读 · 0 评论