- 博客(20)
- 收藏
- 关注
RSS订阅原创 js设计模式
简单工厂设计模式class Person { constructor(name) { this.name = name } getName() { console.log(this.name) }}class Factory { static create(name) { return new Person(name) }}Factory.create('alanwu').getName() //...
2022-05-09 04:25:27
161
原创 js数据结构
js中 typeof null == object 的Bugjs判断机制：以二进制存储，前三位为0就会判定为objectJS内置类型 null undefined string number boolean object symbol BigInt 基本包装类型 string number boolean 注意：自动创建的基本包装类型的对象，非Boolean,Number, String内置
2022-05-09 03:30:32
393
原创 js位移运算
JS位移运算 1、<< 左移 2、>>>无符号右移 3、>>有符号位移 “<<”运算符运行原理：“<<”运算符执行左移位运算。在移位运算过程中，符号位始终保持不变。如果右侧空出位置，则自动填充为 0；超出 32 位的值，则自动丢弃。console.log(5 << 2); //20“>>”运算符运行原理:“>>”运算符执行有符号右移位运算。与左移运算操
2022-05-09 03:27:23
3042
1
原创 canvas实现时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-04-19 11:44:07
120
原创 本地存储模拟登录
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2022-04-19 11:42:10
1024
原创 递归算法的使用
反转字符串（使用栈的先进后出原则 ）function Stack() { this.data = []; //保存栈内元素 this.top = 0; //保存栈顶位置 } //原生链增加入栈和出栈方法 Stack.prototype = { //入栈：在栈顶加入元素，元素个数+1 push: function push(element) { this.data[this.top++] = element; }, //出栈：先
2022-04-05 22:24:00
260
原创 简单函数封装
封装异常function getError(err){ //定义数组 var typeError = ["TypeError",'SyntaxError','RangeError','ReferenceError']; //将数组转化为字符串 var errorMsg = new String(err); var currentError = typeError.filter(function(v){ if(errorMsg.inclu
2022-04-05 22:20:14
197
转载 闭包中常见的面试题
1、声明函数最普通最标准的声明函数方法，包括函数名及函数体。function fn1(){}2、创建匿名函数表达式创建一个变量，这个变量的内容为一个函数var fn1=function (){}注意采用这种方法创建的函数为匿名函数，即没有函数namevar fn1=function (){};getFunctionName(fn1).length;//03、创建具名函数表达式创建一个变量，内容为一个带有名称的函数var fn1=function xx
2022-04-05 22:14:37
811
原创 闭包 的原理及使用场景
本质：(内嵌函数：函数中的函数) ，依赖于作用域链优点： - 1、永久保存的数据 - 2、避免全局污染 - 3、变量私有化缺点：- 1、由于变量无法回收，使用频繁，内存损耗太大- 2、内存泄漏的风险使用场景：1、函数体外访问一个函数内部变量function fn(){ var userName = "test" function val(){ return userName; } return val;} var result = fn(); //f
2022-04-05 22:09:33
181
原创 Css3实现轮播图
html代码 <div class="warp"> <ul class="list"> <li><img src="./img/1.jpg" alt=""></li> <li><img src="./img/2.jpg" alt=""></li> <li><img src="./img/3.jpg" a
2022-04-05 22:00:17
420
转载 js滚动原理
原理 以向上无缝滚动为例，其余几个方向的无缝滚动原理是一样的，点击向上无缝滚动。设定一个可视区域，超过可视区域的部分隐藏，这里是将nav部分作为可视区域，ul#img是中包含所有的图片，实现无缝滚动的关键地方在这： if(nav.scrollTop==list[list.length-1].offsetTop){ nav.scrollTop=0 }else{ nav.scrollTop++; } 这里的nav.scrollTo
2022-03-27 19:42:17
1070
原创 无缝滚动js
html代码 <div class="box"> <ul> <li><img src="img/1.jpeg" alt="Alternate Text" /></li> <li><img src="img/2.jpeg" alt="Alternate Text" /></li> <li><img sr
2022-03-27 19:39:00
72
原创 js表单验证
HTML代码<form action="/" method="post" name="frm"> 用户名：<input type="text" name="useName" value="" placeholder="请输入用户名" /><span id="useError"></span><br /> 密码：<input type="password" name="pwd" value="" placeholder="请输
2022-03-27 15:02:53
354
原创 广告漂浮js实现
js代码 //初始横向位置 var x = 0; //初始纵向位置 var y = 0; //横向偏移量 var offsetleft = 1; //纵向偏移量 var offsetlefttop = 1;//每次移动距离 function move() { var pic = document.getElementById("pic"); //x轴移动 x += offsetl
2022-03-27 14:57:59
483
原创 js简单API的使用
// 1、处理一下数组： // var arr=["userName=admin","password=123456","sex=男","address=武汉"] // 转化为：输出结果 // （1） update from table(userName='admin',password='123456',sex='男',address='武汉')两种方法：第一种：简单的拆分//创建字母变量、数字变量、新变量 var w...
2022-03-21 09:12:34
294
原创 市面上主流的浏览器
标题市面上主流的浏览器：1、IE浏览器（Internet exolorer）2、火狐浏览器（Firefox）3、谷歌浏览器 （Chrome）4、苹果浏览器 （Safari）5、欧朋浏览器 （Opera）浏览器的内核以及浏览器内核css写法主流浏览器浏览器内核浏览器内核css写法解析内核IETrident-ms-火狐Gcko-moz-Spider Monkey谷歌、苹果Webkit-webkit-谷歌：v8 Safair：Squirrel F
2022-03-13 18:29:05
4395
原创 【无标题】
俄罗斯方块（java）1、俄罗斯方块简介俄罗斯方块》（Tetris， 俄文：Тетрис）是一款由俄罗斯人阿列克谢·帕基特诺夫于1984年6月发明的休闲游戏。该游戏曾经被多家公司代理过。经过多轮诉讼后，该游戏的代理权最终被任天堂获得。 [1] 任天堂对于俄罗斯方块来说意义重大，因为将它与GB搭配在一起后，获得了巨大的成功。 [1]《俄罗斯方块》的基本规则是移动、旋转和摆放游戏自动输出的各种方块，使之排列成完整的一行或多行并且消除得分。上图是游戏制作过程中我截的一张图片，从上图中，我们可以把游
2022-02-19 15:10:12
2464
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人