- 博客(14)
- 收藏
- 关注
原创 最简单的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<...
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>...
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经典题
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-27 20:23:04 416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人