随笔档案「2018年12月」 - 田庚的博客园

echart 图例

摘要：说明：stack相同，两个bar合并但是不会重叠如果需要重叠用barGap: '-100%', 根据不同的需求来使用两者。 echart 阅读全文

posted @ 2018-12-29 17:52 田庚的博客园阅读(865) 评论(0) 推荐(0)

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

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

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

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

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

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

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

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

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

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

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

vue中部分api解释（$nextTick）

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

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

事件委托原理之事件冒泡

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

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

vue中的钩子函数的理解

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

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

js原生的节点操作API

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

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

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 田庚的博客园阅读(3414) 评论(0) 推荐(0)

防抖与节流原理与区别

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

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

js 原型链，继承，闭包，内存，泄露

摘要：var A = function(){ this.name="xiaoming"; } A.prototype.age=9; var a = new A(); console.log(a.age); //9 图中长方形代表实例对象a，圆形代表原型，三角形代表构造函数。由图可知： a.__proto__ === A.prototype; //true A.prototype.construct... 阅读全文

posted @ 2018-12-10 14:26 田庚的博客园阅读(347) 评论(0) 推荐(0)

flex 布局

摘要：/* 设置盒子为弹性布局 */ 父盒子的CSS属性 display: flex; /* 设置主轴的排列方式，默认是标准左到右边 */ flex-direction: row; /* 设置主轴的排列方式 */ justify-content: space-around; /* 定义项目在交叉轴的对其阅读全文

posted @ 2018-12-08 14:58 田庚的博客园阅读(323) 评论(0) 推荐(0)

点击导出table表格

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="tools"> <button type="button" class="btn green" id="ex 阅读全文

posted @ 2018-12-08 09:58 田庚的博客园阅读(273) 评论(0) 推荐(0)

图片利用 new Image()预加载原理和懒加载的实现原理

摘要：二：预加载和懒加载的区别预加载与懒加载，我们经常经常用到，这些技术不仅仅限于图片加载，我们今天讨论的是图片加载：图片预加载：顾名思义，图片预加载就是在网页全部加载之前，提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，阅读全文

posted @ 2018-12-07 17:58 田庚的博客园阅读(3213) 评论(0) 推荐(0)

js控制style样式

摘要：1、行内样式获取打印出来 2、内嵌和外链的获取不了 <div style="width:200px;height:200px; background: red;"></div> var box=document.getElementsByTagName("div")[0]; console.log( 阅读全文

posted @ 2018-12-07 14:11 田庚的博客园阅读(293) 评论(0) 推荐(0)

自定义指令的用法

摘要：除了核心功能默认内置的指令，Vue也允许注册自定义指令页面加载后，让文本框自动获取焦点，原生js做法是获取文本框元素后调用focus()方法，但Vue不建议手动操作DOM元素，所以此时要自定义指令这里需要注意的是v-on指令绑定focus事件的方式是实现不了上面需求的，区别就像onfocus和f 阅读全文

posted @ 2018-12-06 15:14 田庚的博客园阅读(3902) 评论(0) 推荐(0)

vue 动态路由按需加载的三种方式

摘要：在Vue项目中，一般使用vue-cli构建项目后，我们会在Router文件夹下面的index.js里面引入相关的路由组件,如：这样做的结果就是webpack在npm run build的时候会打包成一个整个的js文件，如果页面一多，会导致这个文件非常大，加载缓慢，为了解决这个问题，需要将他分成多个阅读全文

posted @ 2018-12-06 14:36 田庚的博客园阅读(7645) 评论(0) 推荐(0)

12 2018 档案