2018年12月26日

canvas的使用方法

摘要: 了解canvas:canvas标签是用作图形绘制,但是通过js脚本来实现的,canvas标签其实只是一个容器 ,最终实现绘制功能肯定是通过js脚本实现。 首先肯定要定义一个canvas标签当做容器 canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成,所以需要获取画布对象,绘制的方法和属性就在创建的ctx对象的方法和属性上: var c=doc... 阅读全文

posted @ 2018-12-26 10:59 田庚的博客园 阅读(1276) 评论(0) 推荐(0) 编辑

2018年12月25日

js中的回调函数 和promise解决异步操作中的回调地狱问题。

摘要: 回调函数 : 函数作为参数传递到另外一个函数中。简单数据类型和引入数据类型中的数组和对象作为参数传递大家肯定都不陌生,其实引用数据类型中的函数也是可以的。 事实上大家见到的很多,用到的也很多,比如jQuery中的一些事件,定时器。这些呢都是别人搞好的,大家直接用,所以就没有太在意。 /注意到click方法中是一个函数而不是一个变量 //它就是回调函数 $("#btn_1").cli... 阅读全文

posted @ 2018-12-25 16:07 田庚的博客园 阅读(1936) 评论(0) 推荐(0) 编辑

2018年12月24日

跨域的处理方式 JSONP和CORS和反向代理

摘要: 链接:https://juejin.im/post/5c0a55e76fb9a049ef2665ba来源:掘金 阅读全文

posted @ 2018-12-24 14:53 田庚的博客园 阅读(503) 评论(0) 推荐(0) 编辑

token回话保持,axios请求拦截和导航守卫以及token过期处理

摘要: 1:了解token:有时候大家又说token令牌。整个机制是前端第一次登陆发送请求,后端会根据前端的用户名和密码, 通过一些列的算法的到一个token令牌, 这个令牌是独一无二的,前端每次发送请求都需要携带token令牌,因为只有携带了token令牌,后端才会返回你数据, 如果请求没有token令牌,后端是无法给你数据的。 2:token令牌进行回话保持:第一次登陆时候,后端会返回token... 阅读全文

posted @ 2018-12-24 10:43 田庚的博客园 阅读(2064) 评论(0) 推荐(0) 编辑

2018年12月21日

vue中部分api解释 ($nextTick)

摘要: 1:this.$nextTick(function(){ }) 传如的参数是一个函数 这个API主要是获取dom元素 为什么需要这个api,在vue框架开发中,更新dom是一个异步操作,如果更新完dom,第一时间获取的dom不是最新的dom还是之前的dom, 因为更新dom是异步的,所以提供了这个A 阅读全文

posted @ 2018-12-21 15:29 田庚的博客园 阅读(681) 评论(0) 推荐(0) 编辑

事件委托原理之事件冒泡

摘要: 其实 这个 事件委托原理事件冒泡也不是很难。。接下来我们看看 事件委托,顾名思义,通俗点就是本该注册给我的事件现在注册在其他对象上了,那么问题来了,凭什么注册给其他对象,这个对象有什么限制吗? 肯定有的,,事件委托的原理是事件冒泡,事件冒泡就是 当前元素触发的事件会一级一级的向上传递,如果上级有这个 阅读全文

posted @ 2018-12-21 11:30 田庚的博客园 阅读(1068) 评论(0) 推荐(0) 编辑

2018年12月20日

vue中的钩子函数的理解

摘要: 接下来我们对几个钩子函数进行解释 beforeCreated:这个钩子函数实在vue实例创建后,触发的。这个时候还没有进行data里的数据监听和事件的初始化 其实大家很多时候都会在created钩子函数中是调用事件,那么这个数据监听和事件初始化就是在beforeCreated之前和created之后进行的。 beforeMount 这个进行模板编译,编译模板但是没有元素挂载,无法获取d... 阅读全文

posted @ 2018-12-20 19:15 田庚的博客园 阅读(44401) 评论(1) 推荐(1) 编辑

js原生的节点操作API

摘要: // yi获取元素节点 //一 :过id的方式( 通过id查找元素,大小写敏感,如果有多个id只找到第一个) document.getElementById('div1'); // 通过类名查找元素,多个类名用空格分隔,得到一个HTMLCollection(一个元素集合,有length属性,可以通过索引号访问里面的某一个元素) var cls = document.getElementsByC... 阅读全文

posted @ 2018-12-20 14:26 田庚的博客园 阅读(580) 评论(0) 推荐(0) 编辑

2018年12月13日

vuex 中五大核心以及map函数的应用

摘要: 什么是vuex? 我理解的vuex就是数据和状态的管理 如果在模块化构建系统中,请确保在开头调用了 Vue.use(Vuex) 五大核心: const store = new Vuex.Store({ state: { }, mutations: { } action:{ } getter:{ } module:{ } }) 1:state的使用... 阅读全文

posted @ 2018-12-13 15:24 田庚的博客园 阅读(3385) 评论(0) 推荐(0) 编辑

2018年12月10日

防抖与节流原理与区别

摘要: // 防抖就是事件 :多次触发事件后, //事件处理函数只执行一次, //并且是在触发操作结束时执行 //事件多次触发清除之前的定时器 let timer; window.onscroll = function() { console.log(12) if (timer) { clearTimeou 阅读全文

posted @ 2018-12-10 17:59 田庚的博客园 阅读(1895) 评论(0) 推荐(0) 编辑

导航