tian_tian_gong的博客

渐渐性失忆症患者的笔记...

JavaScript- 数组对象根据相同对象分组

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...

2019-04-08 14:33:46

阅读数 52

评论数 0

JavaScript-生成条形码

引入JsBarcode.js即可 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q...

2019-03-26 16:45:12

阅读数 21

评论数 0

js-省市二级联动

bootstrap+jQuery 省市二级联动 html: <div class="panel panel-default"> <div class=...

2019-03-14 11:14:44

阅读数 24

评论数 0

CSS- 利用bootstrap完善表格之内容过多

表格中td的内容过多,希望通过省略号来表示, 当hover内容的时候,利用bootstrap tip提示信息, 展示出完整内容。 <!DOCTYPE html> <html lang="en&quot...

2019-03-14 11:07:15

阅读数 53

评论数 0

react-基础入门

环境搭建 1.电脑里必须装node.js 2.全局npm命令安装react环境 :npm install -g create-react-app 3.创建react项目demo :creat-react-app xxx(项目名) 4.启动react项目 :npm start...

2019-02-26 16:12:53

阅读数 49

评论数 0

JavaScript-简单的动画函数封装

可以控制元素left top width 发生变化时候 的动画 // 根据样式名, 获得样式值 兼容所有浏览器 function getStyle(obj, name) { if (window.getComputedStyle) { return getCompu...

2019-02-20 14:22:44

阅读数 16

评论数 0

[转]JavaScript-tools

转载自CSDN博客 https://blog.csdn.net/zmylll/article/details/80069642 /* * 生成指定范围的随机整数 * @param lower 下限 * @param upper 上限 * @return 返回指定范围的随机整数,上/下...

2019-02-20 14:19:52

阅读数 16

评论数 0

JavaScript-定时器解决卡顿问题- 键盘控制移动div

demo: 用键盘上下左右键子,控制div 上下左右移动。 不加定时器的时候会感觉移动的时候有卡顿现象, 可以通过定时器来解决。 <!DOCTYPE html> <html lang="en&q...

2019-02-20 10:27:57

阅读数 139

评论数 0

JavaScript-setInterval() 定时器和setTimeout()延时器

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。 从1 打印到10 每隔一秒打印一次。 // 定时器 var nu...

2019-02-19 14:35:27

阅读数 14

评论数 0

JavaScript-BOM

BOM 指浏览器对象模型,可以通过js 操作浏览器。 window -整个浏览器窗口 也是网页的全局对象 navigator -浏览器信息 location -浏览器地址栏信息,可以获取地址或者操作 history -浏览器的历史记录 该对象不能获取到具体的历史记录, 只能操作浏...

2019-02-19 10:24:25

阅读数 18

评论数 0

JavaScript-addEventListener()

addEventListener() 方法用于向指定元素添加事件句柄。 正常我们为一个标签元素绑定事件可以这么写: xxx.onclick=function(){ } 但当我们有同一个事件想绑定多个函数的时候, 上面的事件函数就会只执行最后的一个,前面的被覆盖掉。 此时可以选择用addEven...

2019-02-18 17:13:29

阅读数 52

评论数 0

JavaScript-事件委派

当我们有一堆子标签有相同的事件的时候, 可以通过遍历子标签为其添加事件,但如果又新增了子标签元素, 事件就需要为新增的字标签元素重新绑定,否则无效。 例如: 我们有一个ul标签,一个button按钮。ul里面有几个li标签,为li里面的的a标签添加了点击事件, 当点击button按钮的时候, ...

2019-02-18 16:44:31

阅读数 25

评论数 0

JavaScript-事件冒泡

事件冒泡 事件的向上传导,当后代元素上的事件被触发, 其祖先标签的相同事件也会被触发 如果不需要发生事件冒泡可以通过事件对象来取消冒泡。 e.cancelBubble=true; 例: 我们有一个div #box1 , div里面有一个span标签 #span1. 分别给#box1 和#sp...

2019-02-18 16:17:34

阅读数 22

评论数 0

JavaScript-鼠标跟随

<!DOCTYPE html> <html lang="en"> <head> <meta ch...

2019-02-18 15:58:48

阅读数 60

评论数 0

JavaScript-事件之onmousemove

onmousemove 监听鼠标移动事件。 注意,ie8及ie8以下监听不到event, 所以要用event=window.event;做一下兼容处理。 clientX/clientY获取当前鼠标在指定标签内的可见横纵坐标位置。 标签.onmousemove=function(event){ /...

2019-02-18 15:51:44

阅读数 106

评论数 0

JavaScript-js操作标签style相关

JavaScript操作页面标签的样式。 格式: 设置页面标签的样式 el.style.样式=属性值. 注意, style设置的的样式是内联样式, 优先级高。设置样式时,样式名称用驼峰方法命名的, 例如:border-radius 写成 el.style.borderRadius=“xxx”; ...

2019-02-18 15:05:36

阅读数 69

评论数 0

JavaScript-正则之String 对象方法

String()对象里面的split search match replace 这几个方法,经常配合正则表达式来使用。 split() 拆分 将字符串拆分成数组 var str="gongtiantian"; console.l...

2019-02-14 16:05:37

阅读数 14

评论数 0

JavaScript-正则表达式基础

什么是正则表达式? 正则表达式是由一个字符序列形成的搜索模式。 当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。 正则表达式可以是一个简单的字符,或一个更复杂的模式。 正则表达式可用于所有文本搜索和文本替换的操作。 文档 基础写法 xxx=new RegExp(“规则”,“匹配...

2019-02-14 14:46:03

阅读数 22

评论数 0

JavaScript-Math对象方法之-用max求数组中的最大值

Math对象中的max()方法可以求出一组数字中的最大值。 max()里的参数必须为数字,用逗号隔开,如: Math.max(1,2,3,4,5) 如果想用Math.max()方法求数组中的最大值, 可以用apply()函数,第一个参数传递null, 第二个参数传递数组来实现。 var a...

2019-02-14 10:54:20

阅读数 82

评论数 0

JavaScript-Math对象方法之random随机数

Math是JavaScript的一个对象方法,里面包含了许多数学方法,非常方便。 Math.random()会生成一个0-1之间的随机小数。 以下方法是分别生成0-n以内的随机数 和x-y以内的随机数。 求0-n 以内的随机数, 包括0和n Math.round(Math.random()*...

2019-02-14 10:50:09

阅读数 83

评论数 0

提示
确定要删除当前文章?
取消 删除