- 博客(27)
- 收藏
- 关注
RSS订阅原创 ES6
ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）；另外，一些情况下ES6也泛指ES2015及之后的新增特性。ES6新增功能1、let命令ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。分别用let和var声明了两个变量。然后在...
2020-03-15 18:03:01
154
原创 ajax
ajax不是新的编程语言，而是一种使用现有标准的新方法。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。XMLHttpRequest 是 AJAX 的基础。使用ajax 1、必须基于x...
2020-03-10 21:20:54
181
原创 关于闭包的一些练习题
//1、var nAdd;function out(){ var n = 999; nAdd = function(){ n ++; //++在后，先执行后自增 // 如果是上一行的代码是console.log(n++)，则输出999 console.log(n)//1000 此时n已经自增为1000 } return function(){ console....
2020-01-15 11:49:54
1236
2
原创 基于js原型链的一个题
//Student是构造函数function Student(uname,age,job,hobby){ //通过this添加的成员叫实例成员 this.uname = uname; this.age = age; this.job = job; this.hobby = hobby; // this.intr = function(){ // console.log...
2020-01-15 11:04:48
127
原创 从SEO的角度谈前端开发的一些优化问题
首先来了解一下SEOSEO：Search Engine Optimization搜索引擎优化，它是一种通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术。搜索引擎优化的技术手段主要分为：黑帽(black hat)：黑帽是通过利用搜索引擎的缺陷，比如隐藏关键字、制造大量的meta字、alt标签等，欺骗搜索引擎和访问者以获取更大的...
2020-01-08 20:27:44
333
原创 随机生成验证码并验证其是否正确，且忽略大小写的两种方法
封装一个函数，随机返回四个（不重复的）字符的字符串，可以包括：0-9、a-z、A-Z;接受用户反复输入这个验证码1、// 随机生成一个四位的验证码function getCode(){ var char = []; // 0-9的Unicode编码 for(var i=48;i<=57;i++){ // 将0-9的数字存放到char数组中 char.push(String...
2019-12-27 13:33:50
1105
原创 用canvas画一个太极并使其在鼠标移入时旋转
css部分#canvas{ transform-origin: 20%,20%; transition: all 500s; cursor: pointer;}#canvas:hover{ transform: rotate(360rad);}html<canvas id="canvas" width="200px" height="200px"></...
2019-12-27 13:19:58
189
原创 写一个注册页面和登录页面，并实现成功登录
由于只是要实现登录页能成功登录，所以页面很简单，功能也少注册页面<h3>用户注册</h3><form action="#" method="post"> 账号：<input type="text" id='uName'> <br> 密码：<input type="password" id='uPwd'> <...
2019-12-26 20:30:37
13916
5
原创 js城市三级联动
在head部分要事先引入城市数据省：<select name="" id="province"> <option value="">--请选择--</option></select>市：<select name="" id="cities"> <option value="">--请选择--</option...
2019-12-26 19:33:44
158
原创 JavaScript实现轮播图
html部分<img src="img/1.jpg" title="">//这是控制图片的切换<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li></ul>...
2019-12-19 20:43:11
101
原创 JavaScript实现图片的无缝滚动
html部分//展示窗口<div class="showWin"> //包裹图片的div <div class="wrapper"> <img src="img/1.jpg" title="小奶妈"> <img src="img/2.jpg" title="大乔"> <img src="img/3.jpg" title="李...
2019-12-19 20:20:36
121
原创 封装一个函数实现多个物体的不同变化
样式div{ width: 100px; height: 100px; background-color: red; opacity: 1; margin-bottom: 100px; border: 1px solid; /*position: absolute;*/}<div>width</div><div>height</di...
2019-12-07 10:16:33
99
原创 JavaScript实现2048
HTML部分<div class="shell"> <div class="score">SCORE:<span id="score1">0</span></div> <div class="wrapper" id="wrapper"> <div class="cell" id="n00"><...
2019-12-07 10:09:54
216
原创 检测数组和类数组，如何进一步检测数据类型
var arr = []; var obj = {}; var str = '123'; // 1.验证原型对象 console.log( Array.prototype.isPrototypeOf(arr), //true Array.prototype.isPrototypeOf(obj) //false ) console.log( Objec...
2019-12-02 20:36:45
101
原创 数组去重的几种方法
利用关联数组去重function unique(){ var arr = [1,2,1,3,2,4,5,3]; //创建一个hash空数组，用以存放arr数组中的数据信息，便于查询；创建一个空数组result，用来存放 //arr数组中不重复的数据 //然后遍历arr数组 for(var i=0,hash = [],result = [];i<arr.length;i++){ ...
2019-11-20 19:25:30
362
原创 JavaScript中的闭包
闭包是我们js开发中常用的方法，闭包是什么？闭包是指有权访问另一个作用域中的变量的函数；闭包是一种解决问题的方法，一种特殊的结构，是一种可以重复使用变量又不让变量被污染的机制（也可以说闭包是一个保护私有变量的机制，在函数执行时形成私有的作用域，保护变量不受外界干扰）；下面举一个例子：function test(){ var num = 10; function fun(){ num +...
2019-11-12 20:43:06
115
原创 JavaScript中的预编译&作用域链
预编译在了解预编译之前，要先了解函数的声明和赋值function test(){}//这种写法是函数的声明var test = function(){}//这种写法相当于给函数赋值 在程序执行之前，会将所有用var声明的变量或者用function声明的函数提到当前作用域的最前面，赋值留在原地；当前作用域有可能是全局作用域，也有可能是局部作用域（全局作用域指window，局部作用域指一...
2019-11-11 21:19:02
104
原创 JavaScript中查找关键词
查找关键字的四种方法（查找关键字指找到关键字的位置或内容）：在正则匹配时，i表示忽略大小写，g表示全局匹配1、根据关键字查找其位置，i返回的是关键词‘d’第一次出现时的下标；这个i返回的是下一个关键字所处的下标 如果没有找到关键字，i返回-1 这个i返回的是最后一个关键字出现时的下标这个i返回的是上一个关键字出现时的下标 2、...
2019-11-11 18:35:25
3265
原创 JavaScript中的字符串及一些常用的API
首先，字符串是什么？字符串其实本质上就是数组，是由多个字符组成的只读的字符数组，所以一些数组的API字符串也能用字符串的通常表现形式是：因为字符串是只读的，所以不能和数组一样修改元素， 之前我们说一些数组的API可以给字符串用，这些API都是不会修改原数组的API，因为字符串是只读的；String的所有API都无权修改原字符串，只能返回新的字符串；1、str.sli...
2019-11-11 17:58:38
156
原创 JavaScript中的数组中常用的API
1、.String() 或者.toString() 用法是将数组转换为字符串，用逗号连接；此API不会改变原数组；2、.join('自定义的连接符') 将数组中每个元素转为字符串，可以自定义连接符；也可以括号里什么都不写，仅需一个空的引号；此API不会改变原数组如果括号里什么都不写，就是下图中的情况；3、.concat() 用法是将两个或多个...
2019-11-11 00:10:02
158
原创 JavaScript中的数组
首先要知道，什么是数组？ 内存中连续存储了多个数据的存储空间，再给这个存储空间取一个名字，就是数组；数组在js中属于引用类型；数组在js编程中是很常用的，因为数组可以连续存储多个数据，便于维护和查找；1、创建数组的几种方法：创建一个空数组，可以有一下两种方法： 创建一个数组，并初始化其内容，值得一提的是，数组中的任何一个元素都是不限...
2019-11-05 21:19:03
177
原创 js算法的三种基本逻辑结构
算法就是解决问题的方法；算法的三种结构有： 1、顺序结构：顺序结构是最简单的算法结构，语句与语句之间，框与框之间是按从上到下的顺序进行的，它是由若干个依次执行的处理步骤组成的。 2、分支选择结构：也叫条件结构；也就是我们通常用的if语句，基本写法是 在if后面的括号里的表达式结果必须是布尔类型，只有当括号里的条件满足时才会执...
2019-10-28 18:22:05
821
原创 javascript中的一些基本概念以及js中的三种弹窗
首先要知道，JavaScript是什么？ JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。JavaScript是一种解释性脚本语言，不需要预编译，运行在js解释器/独立引擎中；JavaScript的三个组成部分：...
2019-10-27 23:28:09
275
原创 利用a标签实现页内锚点跳转以及不同的网页跳转的几种方式
首先我们要知道什么是锚点： 例如我们在做一个很长的页面时，想要在页面内实现跳转，从一个位置直接跳到当前页面中的另一个位置，而不是从当前页面跳转到其他页面，那么想要跳转到的那个位置，就是一个锚点。我们在浏览网页时经常会看到的锚点例子就是在网页底部的“回到顶部”；锚点是一种在页面定位的一种方式 。实现锚点跳转的方式： 我们将这个id为box的div放在距离浏览器顶部...
2019-10-21 21:07:16
14622
原创 文本溢出情况及隐藏元素的几种方法
以上是overflow属性的默认情况“overflow：visiable”，默认，允许溢出 overflow属性值设为scroll，设定内容溢出时出现滚动条，且滚动条可用； overflow属性值设置为hidden，设定内容溢出时隐藏超出元素的文本，没有滚动条； overflow：aut...
2019-10-21 19:15:30
1166
原创 在li标签内容前面插入图片的一种方法，以及一些基础的选择器
在li标签内容前面插入图片的一种方法：选择器：四个最基本的选择器：id选择器，class选择器，标签选择器，“*”通用选择器，其他的选择器都是基于这四个。后代选择器：将两个选择器用空格隔开表示后代选择器，如：.left img；子代选择器，将两个选择器用大于符号“>”连接，如：.left>a；相邻选择器+：将两个选择器用+号连接，如a+p，这是表示找到与a标签...
2019-10-14 19:14:19
5741
原创 CSS伪类选择器中的:first-child、:last-child以及:nth-child(n)
不知道大家在使用first-child、last-child以及nth-child（）时有没有遇到过以下问题：当时用选择器p:first-child并对其进行样式设置时，除了第一个p以外，div中的第一个p也会被设置样式。w3c中对于:first-child的解释是 “:first-child 这个伪类，只有当元素是另一个元素的第一个子元素时才能匹配。”也就是说，p:first-chil...
2019-10-11 18:48:33
3218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人