- 博客(79)
- 收藏
- 关注
RSS订阅原创 Vue 解析token 方法
jwt-decode cnpm jwt-decode install 可以解析出过期时间,名字，id等等import 名字 from 'jwt-decode'const decoded = 名字(token);console.log(decoded)
2018-12-28 17:08:10
4666
3
转载 关于HTTP Authorization
用中文简述一下http auth的过程：客户端发送http请求服务器发现配置了http auth，于是检查request里面有没有"Authorization"的http header如果有，则判断Authorization里面的内容是否在用户列表里面，Authorization header的典型数据为"Authorization: Basic jdhaHY0="，其中Basic表示基础认...
2018-12-28 16:59:26
35801
转载 aixos 设置请求拦截 并设置统一的header
第一步: 路由 多添加一个自定义字段 requireAuth path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要登录的 }, component: Repository...
2018-12-28 16:53:42
1734
原创 谷歌安装vue检测元素扩展程序
前提： 你的网络不能翻墙，在你vue项目F12 console下面有个github地址点击进去之后下面会有提示如何安装比如： 先把GitHub Clone or download下把地址拷贝一下 在你项目下 git clone 地址 确定回车，之后会在你项目里多出一个vue-devtools文件夹，cd到vue-devtools文件夹里 之后npm install 安装它所依赖的...
2018-12-28 10:24:41
873
原创 JavaScript shift() 方法
定义和用法shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。语法arrayObject.shift()返回值数组原来的第一个元素的值。说明如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法不创建新数组，而是直接修改原有的 arrayObject。提示和注释注释：该方法会改变数组的长...
2018-12-24 17:02:34
954
转载 getBoundingClientRect()获取元素在页面中左、上、右、下分别相对浏览器视窗的位置
getBoundingClientRect用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。 语法 这个方法没有参数。 rectObject = object.getBoundingClientRect();返回值类型 TextRectangle对象，每个矩形具有四个整数性质（ 上， 右 ， 下，和左 ）表示的坐标的矩形，以像素...
2018-12-24 16:52:46
765
转载 localStorage、sessionStorage、Cookie的区别及用法
webstoragewebstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。localStoragelocalStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。ses...
2018-12-24 14:16:29
184
原创 比较全的字体图标网站
http://fontawesome.dashgame.com/#top 使用方法网站下面都有详细介绍 先保存一波 以后可能用得到
2018-12-19 14:14:18
574
原创 json格式打印数据jsonview使用经验
一：去github搜素jsonView,并下载下来zip文件二：加压文件，在谷歌浏览器地址栏输入chrome://extensions/，三：选择开发者模式（默认），选择打包扩展程序，路径xxx\JSONView-for-Chrome-master\WebContent四：安装完成选择加载已解压的扩展程序 刷新就可以了...
2018-09-27 15:21:52
459
原创 svg图标 自定义字体
地址：https://icomoon.io/进去之后点击上方右侧按钮进去之后点击上方左侧import按钮 选择自己的.svg图标文件下方会显示你的图标，挨个点击选中状态，最下方右侧有个Generate Font F生成按钮，点击Get Code进去是使用方法（class类名），,上方左侧有个Preferences点击进去Font Name是你要生成图标文件的名字，Class...
2018-09-26 10:37:12
1333
原创 判断数据类型是数组还是对象(constructor、instanceof、toString())
平时遇到需要判断数据类型的时候第一反应是用typeof() 方法，但是用这种方法来判断是数组还是对象是判断不出来的，比如判断出的结果都是object类型， 那么有什么办法可以帮助我们来区分这两种类型呢？方法一：constructor官方解释是constructor 属性返回对创建此对象的数组函数的引用。官方的解释一般都不是人能看懂的，其实 constructor 原本就是用来进行对...
2018-09-14 09:46:53
6271
原创 兼容IE8的可控制播放位置的js
目标发现比较好用的兼容IE8并且带有播放条的视频插件网上介绍使用方法挺多的我这里就不写怎么使用方法啦videojs-ie8.min.js
2018-09-10 17:27:44
265
转载 js拖拽
一、关于拖拽API拖拽API是HTML5的新特性，相对于其他新特性来说，重要程度占到6成，实际开发中使用比例占到3成，学习要求个人认为是达到掌握即可的程度。 二、什么是拖拽和释放？拖拽：Drag 释放：Drop 拖拽指的是鼠标点击源对象后一直移动对象不松手，一但松手即释放了 三、什么是源对象和目标对象？ 源对象：指的是我们鼠标点击的一个事物，这里...
2018-08-27 14:17:59
311
转载 vue面试题
转载来自https://blog.csdn.net/qq_40479190/article/details/78462527 active-class是哪个组件的属性？vue-router模块的router-link组件。有的时候class加上了 但是一直显示存在，去掉方法如下v-link="{path:init.link,activeClass: 'active',exact:...
2018-08-02 09:06:25
298
转载 vue中mint-ui使用详解
这次给大家带来vue中mint-ui使用详解，vue中mint-ui使用的注意事项有哪些，下面就是实战案例，一起来看一下。 mint-ui在vue中的使用，供大家参考，具体内容如下首先放上mint-ui中文文档近来在使用mint-ui，发现部分插件在讲解上并不是很详细，部分实例找不到使用的代码。github上面的分享，里面都是markdown文件，内容就是网上的文档刚好自己在用，...
2018-07-31 15:57:36
39544
5
转载 常见的移动端H5页面开发遇到的坑和解决办法
转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960...
2018-07-26 13:21:38
808
转载 vue-cli移动端自适应
原文链接：http://hjingren.cn/2017/06/16/%E5%9F%BA%E4%BA%8Evue-cli%E9%85%8D%E7%BD%AE%E7%A7%BB%E5%8A%A8%E7%AB%AF%E8%87%AA%E9%80%82%E5%BA%94/配方还是一样：手淘的 lib-flexible + rem配置 flexible安装 lib-flexible...
2018-07-26 11:16:16
2503
转载 移动web资源整理
移动web资源整理接触移动端，简单做下总结，首先了解下移动web带来的问题设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络，页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低 未知问题——坑多面对这些问题，一开始我们只能在未知中试错，知道错误的方案才能更容易寻找正确的解决问题思路，2年多来，可看...
2018-07-26 09:25:41
277
转载 移动开发中碰到的问题及解决
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码<meta na...
2018-07-25 20:32:14
363
原创 前端字体免费网站
http://www.w3cplus.com/content/css3-font-face https://www.dafont.com/
2018-07-25 16:04:31
3044
转载 layui UI框架
layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。
2018-05-11 17:10:45
1373
原创 选择器语义化
今天做项目被人说了，class和id选择器名称不是语义化，别人看了都不知道是哪里，也不懂什么意思； 我自己看了下确实是个问题，选择器语义化是什么意思呢，就是比如下面本来是class="common_footer_main" ， 里面子元素正常语义化应该是class="common_footer_main_img"的，这样别人一看就懂是这个选择器的子元素结果我没有这样，写成class="commo...
2018-05-07 17:19:05
162
原创 vue之重定向
{ path: '/a', component: A, alias: '/b' } vue中重定向意思就是当你访问路径/b的时候他会跳转到/a去网上很多用这个redirect方法的 但是我用了之后不好使 只有alias好使...
2018-04-20 16:32:55
1879
原创 vue路由和嵌套方法
学习vue路由和vuex有一周时间了 今天把学会的方法总结一下，我是用npm搭建的开发环境在npm安装vue的时候会提示你是否安装路由，如果没有就安装一个：npm install vue-router --save刚学习的时候我是把组件都放在App里面注册和使用的，后来发现可以另写一个js文件，把声明的组件和路由路径都保存在那个js文件里面，这样写有好处，比如文件分类明确，方便维护这里的rout...
2018-04-20 16:15:33
3041
转载 vue-router 基本使用
原文链接地址:https://www.cnblogs.com/SamWeb/p/6610733.htmlvue-router 基本使用 路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种...
2018-04-17 17:34:56
3918
原创 Vue之eslint disable
今天在联系vue实例时发现npm总报错，报的什么错还看不懂，在朋友的帮助下才知道这是书写格式的错误一个是官方要求的书写格式；官方要求格式规范，书写统一；一个是个人的书写格式： 个人书写就看个人习惯了，比如一个大型项目多人来完成，每个人有自己的书写格式习惯，如果都按照自己的去写最后合并时会很难看，但如果都按官方书写格式，最后合并之后样式会统一好看许多；在npm安装；# 全局安装 vue-cli$ ...
2018-04-17 13:14:54
2520
原创 元素特性的顺序
这是按照官网抄的 抄的 抄的：元素 (包括组件) 的特性应该有统一的顺序。这是我们为组件选项推荐的默认顺序。它们被划分为几大类，所以你也能知道新添加的自定义特性和指令应该放到哪里。定义 (提供组件的选项)is列表渲染 (创建多个变化的相同元素)v-for条件渲染 (元素是否渲染/显示)v-ifv-else-ifv-elsev-showv-cloak渲染方式 (改变元素的渲染方式)v-prev-on...
2018-04-16 10:18:52
246
转载 闭包的写法
以前工作的时候碰到过获取另一个函数里面变量的值 的这个问题，当时也不知道这是闭包，困扰了好几天忘记当时是怎么解决的了，正好今天有时间在网上看看别人对闭包的讲解和心得，看过之后理解什么是闭包了但就是不会用，==！在别人那里看到了几种闭包的使用方法，效果不错，1 . 这种写法是声明一个变量，将一个函数当作值赋给变量。var Circle = function() { var obj = ne...
2018-04-13 16:43:23
3066
转载 CSS3中display属性的Flex(弹性)布局
不要脸的把人家的拷贝过来了 留着以后用 原地址 : https://www.cnblogs.com/xuyuntao/articles/6391728.html1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-color: #b3d4db;6 ...
2018-04-12 16:03:08
240
原创 background-color不显示颜色
做前端这么久了在background-color上面出了问题， 今天在vue实例时候设置了background-color之后不显示颜色，我很明确类没有错， 宽高都有，F12检查除了背景颜色之外属性都显示了， 这是什么问题， 百度之后有人说这个要放在background-image后面才会显示颜色,因为背景图片把颜色覆盖了， 我试了下加个背景图片，恩 是显示颜色了， 但是 但是 但是 我也不需...
2018-04-12 09:10:39
14741
3
转载 js中this指向
原文地址 ： https://blog.csdn.net/mevicky/article/details/46659273javascript中的this含义非常丰富，它可以是全局对象，当前对象或者是任意对象，这都取决于函数的调用方式。函数有以下几种调用方式：作为对象方法调用、作为函数调用、作为构造函数调用、apply或call调用。 对象方法调用 作为对象方法调用的时候，this会被绑定到该对象...
2018-04-11 17:25:31
185
转载 (function(){})()原理
真的是越学发现会的越少，从学ES6箭头函数看到this指向， 了解this指向发现(function(){})()这个也不会，好在有人在网上给出了答案， 你需要明白 IIFE 的原理，我简单说一下：function foo() {...} // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。foo(); // 这是语句，...
2018-04-11 16:44:38
1921
转载 prototype 对象属性
prototype 属性使您有能力向对象添加属性和方法。 注意是 对象 对象 对象<html><body><script type="text/javascript">function employee(name,job,born){this.name=name;this.job=job;this.born=born;}var b...
2018-04-11 15:43:08
171
转载 ES6箭头书写
今天学vue2.0时候看到有写 =>这种格式的 当时就懵逼了， 这是什么写法， 查资料原来是ES6语法， 网上有挺多介绍箭头函数的，但我觉得这个作者写的是我能看懂了解最深的地址： https://blog.csdn.net/mevicky/article/details/49942559语法我们先来看看箭头函数的语法：([param] [, param]) => { stat...
2018-04-11 15:30:56
180
转载 js获取浏览器和设备相关width（屏幕的宽度）
连接地址：https://www.cnblogs.com/zdhblog/p/6845618.html网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (...
2018-04-11 11:11:11
725
原创 Uncaught TypeError: Cannot read property 'gc' of undefined
今天想练练百度地图，去百度地图API看了下流程需要有自己的 “秘钥”秘钥获取： 百度地图网站注册账号-->申请秘钥， 这里研究一下就可以了 ，但是我再用百度地图给的第一个demo时候居然报错： Uncaught TypeError: Cannot read property 'gc' of undefined原因是这里var mp = new BMap.Map('map');...
2018-04-11 10:24:53
3554
原创 echarts2.0和3.0差别
最近在公司学习echarts，刚接触的时候感觉好牛逼的技术，时间长了感觉还是好牛逼。。。。。因为公司要兼容ie8所以一开始选的是2.0版本，学过一段时间之后对3.0版本比较好奇就去看了下，目前我知道2.0和3.0的区别有1 . 南丁格尔图设置， 2.0 roseType: 'radius/area'; 3.0 roseType: 'angle',2 . 拖拽重计算属性 ， 2.0...
2018-04-09 08:59:01
3073
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人