JavaScript
TB的Web空间
这个作者很懒,什么都没留下…
展开
-
源生JS写九宫格
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ display: flex; justify-content: center; ali转载 2018-08-22 13:01:24 · 793 阅读 · 0 评论 -
关于时间戳与格式日期的转换
知道一月中某天时间戳,获取该月1日至30日时间戳function computeTime(time){ const y = new Date(time).getFullYear(); const m = new Date(time).getMonth()+1; return [new Date(y, m - 1, 1).getTime(),new Date(y, m, 0).ge...原创 2019-01-28 11:20:34 · 1252 阅读 · 0 评论 -
Ajax技术与跨域请求(jsonp)技术
Ajax技术ajax:一种创建交互式网页应用的网页开发技术特点:局部刷新优点:异步模式,提高用户体验;优化了浏览器与服务器之间的数据传输,减少不必要的数据往返,减少带宽占用封装Ajax函数及详细介绍://obj为一个对象,属性有type(数据请求方式get、post),url(后台处理地址),data对象(存放向数据库发送的信息),success函数(对返回的数据进行处理的函...原创 2018-09-09 16:01:38 · 154 阅读 · 0 评论 -
JS面向对象
特性:封装、继承、多态封装:将数据和对数据的操作集中在一起继承:一个类型的对象可以访问另一个类型对象的属性和方法多态:同一个方法作用于不同对象会有不同的结果原型对象:每一个构造函数都有一个原型对象,每一个原型对象都有一个指向构造函数的指针(constructor);每一个对象实例都有指向原型对象的内部指针(__proto__),原型对象上的属性和方法都能被实例所访问。封装:f...原创 2018-09-11 20:14:54 · 166 阅读 · 0 评论 -
js自适应瀑布流
自己找一些宽度一样的图片插入就可以看到效果了<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ ma原创 2018-09-01 16:44:44 · 859 阅读 · 0 评论 -
关于Js中this问题的小总结
1.全局作用域或者普通函数中this指向全局对象window(匿名函数具有全局作用域)//直接打印console.log(this) //window //function声明函数function bar () {console.log(this)}bar() //window //function声明函数赋给变量var bar = function () {cons...转载 2018-09-01 16:25:35 · 129 阅读 · 0 评论 -
原生JavaScript实现竖直轮播图
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="日常封装函数.js" type="text/javascript" charset=&qu原创 2018-08-28 22:28:55 · 4964 阅读 · 1 评论 -
原生JavaScript实现透明度轮播图
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <script src="日常封装函数.js" type="text/javascript" charset="utf-8">&原创 2018-08-28 22:28:08 · 1498 阅读 · 3 评论 -
原生JavaScript实现水平轮播图
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <script src="日常封装函数.js" type="text/javascript" charset="utf-8">&原创 2018-08-28 22:25:39 · 618 阅读 · 1 评论 -
常用正则表达式
1。^\d+$ //匹配非负整数(正整数 + 0) 2。^[0-9]*[1-9][0-9]*$ //匹配正整数 3。^((-\d+)|(0+))$ //匹配非正整数(负整数 + 0) 4。^-[0-9]*[1-9][0-9]*$ //匹配负整数 5。^-?\d+$ //匹配整数 6。^\d+(\.\d+)?$ //匹配非负浮点数(正浮点数 + 0) 7。^(([0-9]...转载 2018-08-23 17:52:16 · 691 阅读 · 0 评论 -
JS豌豆射手实现
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> img{ position: absolute; }转载 2018-08-26 17:23:56 · 1619 阅读 · 0 评论 -
源生JS实现Div根据鼠标轨迹运动
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width: 30px; height: 30px; background: red;原创 2018-08-22 13:04:22 · 1388 阅读 · 0 评论 -
使用webpack搭建一个react项目目录
1.npm i webpack webpack-cli webpack-dev-server -g 全局安装webpack webpack-cli webpack-dev-server2.npm init初始化项目,创建package.json文件3.创建项目目录:build文件夹=>webpack.base.config.js/webpack.dev.config.js 按照不...原创 2019-02-28 17:13:58 · 371 阅读 · 0 评论