- 博客(16)
- 收藏
- 关注
RSS订阅原创 JS生成条形码
JS生成条形码效果图实现代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" /> <title></title> <scr
2021-05-24 14:49:41
437
原创 JS生成二维码
JS生成二维码效果图实现代码<!doctype html><html> <head> <title>qrcode</title> <style type="text/css"> </style> </head> <body> <input type="text" oninput="change(event)"&
2021-05-24 14:46:19
213
原创 jQuery之轮播图实现
jQuery之轮播图实现实现效果实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <script src="./pu
2021-01-19 14:43:49
271
1
原创 JavaScript中var,let,const的区别
JavaScript中var,let,const的区别在javascript中有三种声明变量的方式：var let const。var由于变量声明（以及其他声明）总是在任意代码执行之前处理的，所以在代码中的任意位置声明变量总是等效于在代码开头声明。这意味着变量可以在声明之前使用，这个行为叫做“hoisting”。“hoisting”就像是把所有的变量声明移动到函数或者全 局代码的开头位置。...
2020-01-13 10:05:40
122
原创 JavaScript之getComputedStyle()
JavaScript之getComputedStyle()getComputedStyle() 方法用于获取指定元素的 CSS 样式。首先是有两个参数，元素和伪类。第二个参数不是必须的，当不查询伪类元素的时候可以忽略或者传入 null。使用示例：<style> #elem-container { width: 300px; height: 300...
2020-01-10 17:11:50
367
原创 JavaScript改变this指向的三种方法
JavaScript改变this指向的三种方法每个Function构造函数的原型prototype， 都有方法call(), apply(), bind()1. call() 方法var Person = { name: "zhangsan", age: 19}function aa(x, y) { console.log(x + "," + y); ...
2020-01-10 10:28:09
9144
原创 JavaScript实现数组去重
JavaScript实现数组去重push作用：在数组的尾部添加参数：要添加的数据，可以传入多个值返回值：添加后 数组的长度特点：会改变原来的数组var array = [1, 1, '1', '1'];function unique(array) { // res用来存储结果 var res = []; for (var i = 0, arrayLen = a...
2020-01-10 10:16:34
127
原创 input的type类型
input的type类型值描述button定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）checkbox定义复选框colorNew定义拾色器dateNew定义 date 控件（包括年、月、日，不包括时间）datetimeNew定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）...
2020-01-09 16:35:53
262
原创 CSS的display 属性
CSS的display 属性布局1.block：块级元素，占领一整行，可以设置width、height、margin、padding2.inline：行内元素，不占领一行，不可以设置width、height、只能设置左右的margin和padding，上下的margin和padding是不可以设置的3.inline-block：像inline一样放置(比如和它相邻的元素处在同一行)，像...
2020-01-09 16:07:56
289
原创 CSS position 属性值
CSS position 属性值1，static(默认)当你没有为一个元素(例如div)指定定位方式时，默认为static，也就是按照文档的流式(flow)定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能很好的自适应，取得相对较好的布局效果。一般来说，我们不需要指明当前元素的定位方式是static——因为这是默认的定位方式。除非你想覆盖从父元素继承来的定位系统。left...
2020-01-09 15:45:19
187
原创 常见的鼠标事件
常见的鼠标事件click：单击事件dblclick：双击事件mousedown：按下鼠标键时触发mouseup：释放按下的鼠标键时触发mousemove：鼠标移动事件mouseover：移入事件mouseout：移出事件mouseenter：移入事件mouseleave：移出事件contextmenu：右键事件mouseover事件和mouseenter事件，都是鼠标进入一个...
2020-01-09 13:55:31
2266
原创 JavaScript实现搜索功能
JavaScript实现搜索功能实现效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>搜索功能实现</title> <style type="text/css"> *{ margin: 0; ...
2020-01-09 11:52:12
10399
原创 JavaScript实现自动轮播
JavaScript实现自动轮播实现效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>轮播图</title> <style> *{ padding:0; ...
2020-01-09 11:43:54
498
原创 JS数组中shift()和push(),unshift()和pop()使用方法
JS数组中shift()和push(),unshift()和pop()使用方法JavaScript的数组是一个拥有堆栈和队列自身优点的global对象。也就是说JavaScript数组可以表现的像栈(LIFO)和队列(FIFO)一样操作。这也是JavaScript数组强大的可操作性的体现。Javascript为数组专门提供了push和pop()方法，以便实现类似栈的行为。来看下面的例子：va...
2020-01-08 15:55:44
432
原创 JavaScript实现tab切换
JavaScript实现table切换实现效果代码如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>tab点击切换</title> <style type="text/css"> *{ margin: 0;...
2020-01-08 15:39:17
738
原创 javaScript之split与join的区别
javaScript之split与join的区别共同点：split与join函数通常都是对字符或字符串的操作；两者的区别：（1）split(a,b)方法：用于把一个字符串分割成字符串数组. a是必须的,决定个从a这里开始分割。b不是必须的，可选。该参数可指定返回的数组的最大长度 。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的...
2020-01-08 15:14:19
263
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人