1 落花流雨

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 8w+

功能:登录和退出(表单重置和预验证、路由导航守卫、路由重定向)

3.登录/退出功能3.1登录概述3.1-1.登录业务流程①在登录页面输入用户名和密码②调用后台接口进行验证③通过验证之后,根据后台的响应状态跳转到项目主页3.1-2.登录业务的相关技术点http 是无状态的(需要记录用户的登录状态)通过 cookie 在客户端记录状态通过 session 在服务器端记录状态通过 token 方式维持状态3.2登录–token原理分析1.如果前端和后台接口之间不存在跨域问题,推荐使用Cookie或者session记录登录状态。2.如

2020-08-01 15:43:33

css样式汇编总结

掌握CSS的5个技巧经验分享:划分页面机构的顺序:自上而下,从左往右,以行作为一个单位划分结构的依据:内容、颜色块、间距和边框你离css大神只差这5个技巧和思维!学习资源:MDN:https://developer.mozilla.org/en-US/docs/Web/CSSw3schools.com:https://w3schools.com样式调整业余时间经常到像mdn之类的文档网站上去查它们的用法,能长不少见识。布局调整:可以看其他的网站,从简单的开始练习;慢慢再

2020-07-26 01:07:21

js汇编总结

js 基础篇项目功能1.本地存储将json格式的字符串转换为数组或者对象:JSON.parse(json字符串)将字面量对象或者数组转换为json格式的字符串:JSON.stringify(对象或者数组)存数据:本地存储只能存储字符串localStorage.setItem(‘key’, JSON.stringify(对象或者数组));取数据:localStorage.getItem(‘key’) ;keyArr = JSON.parse(localStorage.getItem(

2020-07-26 01:04:40

vue-router的基本使用

vue-routervue-router的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge

2020-07-26 00:59:23

vue组件化开发:调试工具、组件通信、插槽

Vue调试工具调试工具安装官方文档:https://github.com/vuejs/vue-devtools克隆仓库安装依赖包构建打开Chrome扩展页面,选中开发者模式加载已解压的扩展,选择:shells / chromevue组件化开发组件化开发核心思想:把不同的功能封装到不同的组件中,然后组件通过组合的方式形成完整意义上的应用。组件注册注意事项组件参数的data值必须是函数,return一个对象。原因:使用函数会形成一个闭包的环境,这样就保证每一个组件都拥有

2020-07-26 00:43:13

vue常用特性:指令、计算属性、侦听器、过滤器

vue常用特性:表单的基本操作:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> form div { height: 40px; line-height: 40px; } form div:nth-chi

2020-07-25 21:41:31

Vue基础语法

Vue基础语法v-cloak指令的用法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> [v-cloak]{ display: none; } </style></head><body&

2020-07-19 23:55:41

仿ele封装vue-ui 组件库

模仿element-ui封装vue组件库初始化项目–优化字体图标使用vue脚手架初始化一个项目:使用 vue created my-ui,创建一个名为my-ui的项目优化iconfont字体图标:方法:第一步:将选择好的字体图标,添加项目。第二步:然后点击更多操作,选择编辑项目第三步:修改FontClass/Symbol前缀 和 Font Family,统一修改为:vh-icon-第四步:将字体图标文件,复制粘贴到项目 iconfont.css将初始的iconfont类改为了[class*

2020-07-19 15:47:26

vue功能:数组、对象深拷贝

vue功能:数组、对象深拷贝// 数组深拷贝var array=[1,2,453,12,432]var newArray=JSON.parse(JSON.stringify(vs))newArray.push(0)console.log(array) //此时array值不会变化,两个值是独立存在的*********************************************************************// 对象深拷贝let origin = { na

2020-07-16 19:42:13

vue功能:样式scoped的作用 和 深度选择器

vue功能:样式scoped的作用scoped 会给当前组件模板中的所有的元素都添加一个随机的属性scoped 会给当前组件中所有的样式,添加一个对应的属性选择器<style lang="scss" scoped></style>vue深度选择器:官方文档:https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors原理:样式前面使用深度选择器后,就不会在样式前面添加 随机的属性深度选择器

2020-07-14 23:30:24

vue功能:过滤器 filter

vue功能:过滤器 filter声明:本文章仅是用于自我记录学习。参考下面文档:https://blog.csdn.net/qq_42778001/article/details/95613371https://blog.csdn.net/sinat_17775997/article/details/56495373https://blog.csdn.net/weiweismile123/article/details/70226319https://blog.csdn.net/qappleh/a

2020-07-14 13:19:17

优化 iconfont字体图标用法 和 使用 sync修饰符(优化:父子组件通信)

vue功能:优化iconfont字体图标方法:第一步:将选择好的字体图标,添加项目。第二步:然后点击更多操作,选择编辑项目第三步:修改FontClass/Symbol前缀 和 Font Family,统一修改为:vh-icon-第四步:将字体图标文件,复制粘贴到项目iconfont.css将初始的iconfont类改为了[class*=‘vh-icon-’],当类名中有one-icon时使用,如下/* 其中 class*= 表示包含[class*='vh-icon-']:表示只要类别包

2020-07-12 15:16:22

vue项目--时间处理 time.js

vue项目–时间处理 time.js文件存放路径: src / lib / time.js使用方法:import { formatDay, formatDate, formatSecond, } from "@/lib/time";formatSecond(new Date().getTime())// 格式化年月日时分export function formatDate(date) { if (date == undefined) { return ""; } els

2020-07-10 11:27:05

vue的省市区选择 vue-area-linkage

vue的省市区选择 vue-area-linkage使用文档地址:https://www.npmjs.com/package/vue-area-linkage安装依赖包:npm i --save vue-area-linkage area-data在main.js里调用import VueAreaLinkage from 'vue-area-linkage'// 全局引用样式import 'vue-area-linkage/dist/index.css'Vue.use(VueArea

2020-07-10 10:47:59

Vue.js中this.$nextTick()的使用场景

Vue.js中this.$nextTick()的使用参考文档:https://www.cnblogs.com/jin-zhe/p/9985436.htmlhttps://blog.csdn.net/gaoxin666/article/details/96143571使用场景:this.$nextTick()方法主要是用在随数据改变而改变的dom应用场景中。vue中数据和dom渲染由于是异步的,所以,要让dom结构随数据改变这样的操作都应该放进this.$nextTick()的回调函数中。cr

2020-07-10 10:44:20

vue请求方法封装:axios

vue请求方法封装原始axios请求:getimport axios from "axios";// 请求接口getPower() { // 请求url地址 var url = ``; axios .get(url) .then(res => { if (res.data.code == 1) { } }) .catch(error => { console.log(error); });},前期准备文件项目环境(生

2020-07-09 10:23:29

vue刻度尺组件

vue刻度尺组件刻度尺:参考文档:https://python.ctolib.com/328921371-ruler.htmlnpm install cs-ruler// 在 main.js 中引入import CsRuler from 'cs-ruler'Vue.use(CsRuler)// 在.vue文件中使用<cs-ruler @post-NumValue="rulerNum" :NowNum='100' :maxNum='2000' :minNum='0'>&l

2020-07-09 09:32:23

功能点:防止暴力操作 和 移动端调试神器 vconsole

功能点:防止暴力操作和 移动端调试神器 vconsole防止暴力操作:fastclicknpm install fastclick -S// 在main.js文件中,引入下面代码import FastClick from 'fastclick'FastClick.attach(document.body);移动端调试神器:vconsolenpm install vconsole -S// 在main.js文件中,引入下面代码import Vconsole from 'vc

2020-07-09 09:13:25

路由发生变化:修改页面标题

路由发生变化:修改页面标题在router.js文件中 { path: "/student", component: resolve => require(["./views/va/student.vue"], resolve), name: "student", meta: { pageTitle: 'student页面' } }Route.beforeEach((to, from, next) => { /*

2020-07-08 20:33:01

功能点:时间处理(今天、昨天、去年)

当天数据:显示时分 示例:18:34昨天数据:显示昨天+时分 示例:昨天 18:34昨天-今年:显示月日时分 示例:12月23日 18:34去年之前:显示年月日时分 示例:2020年12月23日 18:34页面使用方法: {{jktTimes(时间戳)}}// 时间处理汇总jktTimes(time) { if (time == undefined) return ""; let now = new Date(); //今年 let repo.

2020-07-08 20:13:33

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。