tianlei11-CSDN博客

原创最简单的Ajax使用

ajax一共就那么几步：1.创建ajax2.给ajax加事件3.打开ajax4.发送ajax5.事件函数没了！！<script> var ajax=new XMLHttpRequest(); ajax.addEventListener("load",loadHandler); ajax.open("GET","http://localhost:4001?user=张三"); ajax.send(); function loadHandler(

2020-05-23 21:55:20 177 1

原创 gulp的简单使用方法

gulp安装与执行npm i gulp@3 -g //全局安装gulp、npm init -y //初始化项目模块会生成一个package.jsonnpm i gulp@3 --save-dev //局部安装，开发依赖gulp然后在根目录下新建gulpFile.js文件 //在文件中const gulp=require('gulp')可以在命令行执行gulp（全局安装）来运行gulp.js 是基于nodegulp.task('任务名'，function(){任务执行的回调函数}

2020-05-23 10:46:54 220

原创节流和防抖

节流和防抖防抖（debounce）节流（throttle）都是用来控制某个函数在一定时间内执行多次的技巧，两者相似但又不同函数节流：是让一个函数无法在很短的时间间隔内连续调用，当上一次函数执行后过了规定的时间间隔，才能进行下一次该函数的调用。var ids；window.onscroll = function(){ if(ids){ // 判断是否存在函数正在执行，如果在执行中，则直接return return; } ids=setTimeout(function(){ cons

2020-05-20 09:03:28 242

原创 Vue路由篇之编程式导航

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...

2020-04-15 07:52:45 152

原创 Vue路由篇之路由嵌套

Vue路由篇之路由嵌套<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&gt...

2020-04-08 09:23:41 198

原创 Vue路由篇之动态路由匹配

Vue路由篇之动态路由匹配详情请见注释<style> .active{ font-size: 100px; color:red }</style><div id="app"> <ul> <router-link tag='...

2020-04-07 08:55:59 1080

原创 Vue路由篇--基础篇

Vue路由篇–基础篇<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>如果不下载的话可以直接script引入，建议下载保存到本地引入，这...

2020-04-06 11:17:42 436 1

原创 js实现小球随机生成掉落弹起

小球随机生成掉落弹起DOM随机生成一个随机x轴的随机色的小球来回弹<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...

2020-04-04 16:12:16 2180

原创 js新手向，拖拽方块

js新手向，拖拽方块这是一个简单的小例子，主要练习坐标的计算<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...

2020-04-03 12:53:18 552

原创 JS实现简单计算器

JS实现简单计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...

2020-04-01 18:58:13 1387

原创 js实现简单功能的todolist

简单功能的todolist<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...

2020-03-31 17:31:15 929 1

原创 javascript中的this指向

第一种：属性描述的this 这时候对象还没生成，所以这里this指向window（也是指向外层的因为obj外层就是ovj）obj={ a:1, b:this.c c::2}第二种：对象方法中使用this，这里指向的是对象本身，也就是obj(这里是对象执行之后，才调用的b的方法，先于执行，相当于给方法加了一个外层，所以这里的this指向的就是对象本身obj) var obj...

2020-01-10 20:58:06 390

原创用js求出100~999中的所有水仙花数

注：运算会有小数，所以这里要把会出现小数的加parseInt取整。

2019-12-28 08:41:29 1037

原创 js经典题

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-12-27 20:23:04 416

tianlei11的博客