自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

转载 Vue 代码风格指南

前言这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue,为了回避错误、小纠结和反模式,该指南是份不错的参考。规则归类优先级 A:必要这些规则会帮你规避错误,所以学习并接受它们带来的全部代价吧。这里面可能存在例外,但应该非常少,且只有你同时精通 JavaScript 和 Vue 才可以这样做。优先级 B:推荐这些规则能够在绝大多数工程中改善可读性和开...

2019-08-01 09:41:00 153

转载 Vue登录成功后跳转到之前的页面

很多时候,项目有些页面需要用户进行登录才可以继续进行操作,,登录完之后就需要跳转到用户登录之前想去的那个页面,这个实现比较简单:使用axios进行http请求,进行拦截:axios.interceptors.response.use(   res => {   //对响应数据做些事   if (res.data.code === -1) { // 这里根据自己接...

2019-05-20 09:28:00 369

转载 从0到1搭建Element的后台框架

一、目录目录1.目录2.初始化项目3.文件目录介绍与整理4.开发环境与线上环境配置5.vue.config.js配置6.ElementUI引入7.vue-router路由介绍8.axios引入并封装9.vuex引入10.首页布局介绍11.结语...

2019-05-17 15:34:00 188

转载 从0到1搭建element后台框架之权限篇

一、jwt授权认证现在大多数项目都是采用jwt授权认证,也就是我们所熟悉的token登录身份校验机制,jwt的好处多多,由于jwt是由服务端生成,中间人修改密串后,服务端会校验不过,安全有效。一般呆在请求头上的Authorization里面。前端童鞋一般获取token后通过vuex存储起来,随后数据持久化存到session中。路由跳转验证token首先在路由跳转的时候需要验证...

2019-05-17 15:22:00 123

转载 [打包优化]从0到1搭建element后台框架优化篇

前言hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程,一个项目的打包优化与否都决定了你这个项目的运行速度以及用户体验。本次主要是针对vue.config,js的配置进行优化。项目地址开发环境与生产环境开发环境与生产环境的配置也是开发中的必不可少的一环。本项目是由vue-cli3开发,vue-cli3深度集成了webp...

2019-05-17 15:21:00 85

转载 vue项目前端知识点整理

微信授权后还能通过浏览器返回键回到授权页在导航守卫中可以在next({})中设置replace: true来重定向到改路由,跟router.replace()相同router.beforeEach((to, from, next) => { if (getToken()) { ... } else { // 储存进来的地址,供授权后跳回 ...

2019-05-17 15:16:00 402

转载 10秒钟构建你自己的”造轮子”工厂! 2019年github/npm工程化协作开发栈最佳实践...

发起一个github/npm工程协作项目,门槛太高了!!最基础的问题,你都要花很久去研究:如何在项目中全线使用es2017代码? 答案是babel如何统一所有协作者的代码风格? 答案是eslint + prettier如何测试驱动开发,让项目更健壮? 答案是jest如何持续化集成,方便更多协作者参与项目? 答案是circleci这四样工具的配置,是每个gi...

2019-05-17 15:02:00 166

转载 axios超时timeout拦截

应用场景:在网络请求中,可能不可避免的会遇到网络差或者请求超时的情况,这时候,如果你采用的技术是axios,那就可以通过设置拦截器捕获这个异常情况,并做出下一步处理。代码实践:① 设置拦截器,返回timeout的错误信息12345678910111213141516171...

2019-05-17 14:47:00 860

转载 ES7前端异步玩法:async/await理解

什么是async、await?async顾名思义是“异步”的意思,async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,就是用于等待异步完成。并且await只能在async函数中使用通常async、await都是跟随Promise一起使用的。为什么这么说呢?因为async返回的都是一个Promise对象同时async适用于任何类型的函数上。这样await得...

2019-05-17 14:44:00 54

转载 vue中使用better-scroll实现滑动效果

一、首先需要在项目中引入better-scroll1. 在package.json 直接写入 "better-scroll":"^1.11.1" 版本以github上为准(目前最新)2.cpnm install 在node_modules 可以查看版本是否安装3.直接在你的组件里面写入import BScroll from 'better-scroll';二、b...

2019-05-17 14:41:00 176

转载 vue中axios的封装

第一步还是先下载axioscnpm install axios -S第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL ='';...

2019-05-17 10:06:00 65

转载 vue中使用微信jssdk

安装npm install weixin-js-sdk在页面中import wx from 'weixin-js-sdk';接下来,就需要在mounted里面进行wx.config()了。由于使用微信js需要进行授权配置,所以需要使用ajax请求从服务端获取微信jssdk的授权参数,ajax请求我这里使用的axiosthis.axios({...

2019-05-17 10:03:00 78

转载 VUE本地缓存 之 good-storage使用

安装 good-storagenpm install good-storage用法import storage from 'good-storage'storage.set(key,val) //设置storage.get(key) //获取remove(key) //删除转载于:https://www.cnblogs.com/liupen...

2019-05-17 10:02:00 452

转载 ES6—Async与异步编程

单线程是Javascript语言最本质的特性之一,Javascript引擎在运行js代码的时候,同一个时间只能执行单个任务。这种模式的好处是实现起来比较简单,执行环境相对单纯。坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任...

2019-05-16 15:09:00 102

转载 ES6:let const

es5 声明变量varvariable =value;存在的问题: 变量提升引起的问题function get(condition) { if(condition) { var value = 'test'; return value; }else { return null; }}...

2019-05-16 13:45:00 62

转载 全局安装 Vue cli3 和 继续使用 Vue-cli2.x

官方链接:https://cli.vuejs.org/zh/guide/installation.html1.安装Vue cli3关于旧版本Vue CLI 的包名称由vue-cli改成了@vue/cli。 如果你已经全局安装了旧版本的vue-cli(1.x 或 2.x),你需要先通过npm uninstall vue-cli -g或yarn global remo...

2019-05-14 13:52:00 138

转载 搭建vue的开发环境

搭建vue的开发环境:https://cn.vuejs.org/v2/guide/installation.html(官网地址)1、必须要安装nodejs2、搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具npm install --global vue-cli / cnpm install --global vue-cli ...

2019-05-10 10:52:00 84

转载 定位的详解

一.定位的分类: 1.相对定位 position:relative; 2.绝对定位 position:absolute; 3.固定定位 position:fixed;相对定位: 1.参考点:自己 2.不脱离标准文档流,老家留坑,形影分离 3.用途:微调元素...

2016-07-21 16:19:00 85

转载 HTML基础—一般标签、常用标签和表格的应用

<html> --开始标签 <head> 网页上的控制信息 <title>页面标题</title> </head> <body> 页面显示的内容 </body></html> --结束标签...

2016-07-20 21:00:00 240

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除