流浪のwolf

卷帝

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

随笔分类 -  总结

1 2 3 4 5 下一页

总结了数组、对象等的方法、属性等
什么是API
摘要:api是应用程序编程接口 ; 举个例子:客户端发送异步请求到服务器请求数据,无论是客户端请求数据还是服务端响应数据,都要通过接口地址来通知,通信的时候使用了协议规定传递数据使用 JSON或者XML ; 接口和协议组合在一起就是API ; 阅读全文

posted @ 2022-11-14 19:44 朱龙旭的网络 阅读(160) 评论(0) 推荐(0) 编辑

Failed to mount component: template or render function not defined 使用 require 引入组件的时候报错
摘要:为什么有的时候使用require引入组件不会报错,有的时候就会报错,需要加上default就不会报错 ? webpack 支持 CommonJS和 ES6模块打包,当我们引用组件的时候,在 script 标签内使用的是 ES6 的语法且使用 export default 默认导出。但是,requir 阅读全文

posted @ 2022-11-10 10:36 朱龙旭的网络 阅读(61) 评论(0) 推荐(0) 编辑

后台管理系统tabs栏切换思路
摘要:页面内容: 使用 element-ui 实现 tabs 标签页 :https://element.eleme.cn/#/zh-CN/component/tabs#tab-pane-attributes 1. 把内容封装成一个组件 - 表格 table 2. tabs 的 v-model 和 @tab 阅读全文

posted @ 2022-11-06 10:09 朱龙旭的网络 阅读(458) 评论(0) 推荐(0) 编辑

自定义指令 v-imgerror 当图片的 src 资源 无效 就替换 默认的 src 显示图片
摘要:// 回顾自定义指令 // 作用 : 自定义一些对dom操作的快捷指令 // 前提:指令就是用来操作 dom (v-if /v-show/v-for ....) // 语法:Vue.directive(指令名字,{配置对象}) // 使用:<标签 v-指令名=“表达式/变量名” /> import 阅读全文

posted @ 2022-10-28 15:56 朱龙旭的网络 阅读(26) 评论(0) 推荐(0) 编辑

permission 文件 - 后台管理 element-admin 模板 作用-前置路由守卫
摘要:import router from "./router"; import { getToken } from "./utils/auth"; import NProgress from "nprogress"; // 引入一份进度条插件 import "nprogress/nprogress.cs 阅读全文

posted @ 2022-10-28 15:17 朱龙旭的网络 阅读(18) 评论(0) 推荐(0) 编辑

手动检查 token 是否过期
摘要:1.在 存储 token 的时候说明登录了 此时 把时间戳记录一下 js-cookies - auth.js // 导入 js-cookie 用于操作 cookies import Cookies from "js-cookie"; const TokenKey = "hrsacc_admin_to 阅读全文

posted @ 2022-10-28 14:58 朱龙旭的网络 阅读(1481) 评论(0) 推荐(0) 编辑

vue 中 slot 的使用方式,以及作用域插槽的用法
摘要:分类:插槽又分为匿名插槽、具名插槽以及作用域插槽 ; 匿名插槽,我们又可以叫它单个插槽或者默认插槽 因为组件标签中间是不允许写内容的,但是可以插入 插槽 ;template 标签 ; 插槽的使用方法 : 使用组件 定义组件 使用场景:vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定 阅读全文

posted @ 2022-10-22 09:01 朱龙旭的网络 阅读(219) 评论(0) 推荐(0) 编辑

路由守卫有哪些 ?
摘要:路由守卫共有 7 个 ; 全局路由守卫 3 个 : beforeEach 全局前置守卫 ;所有的路由跳转都要经过beforeEach ,参数 to 去的路由信息 ,from 来自的路由信息 next 是否放行 ; afterEach 后置守卫 beforeResolve 解析守卫 组件守卫 befo 阅读全文

posted @ 2022-10-21 07:22 朱龙旭的网络 阅读(135) 评论(0) 推荐(0) 编辑

如何解决token过期问题 ?
摘要:首先 token 过期会导致请求不到数据 , 就不能准确渲染页面 ,此时的错误配置项的token是过期的,只要更新了token 拿着原先的配置项重新请求数据即可 ;但是如果更新token的时候请求错误,可能是refresh_token也过期了,直接去登录页面重新登录 ; 具体操作:先封装好一个更新t 阅读全文

posted @ 2022-10-20 22:08 朱龙旭的网络 阅读(946) 评论(0) 推荐(0) 编辑

搭建项目解构层
摘要:1. vue create 项目名称 整理目录 2. 工具层 utils 封装本地存储 storage.js 存值 取值 删值 封装请求实例 request.js 创建实例 - 配置基准地址 baseURL 请求拦截器 - 统一携带 token 响应拦截器 - 处理 token 过期 未登录 异常错 阅读全文

posted @ 2022-10-20 17:14 朱龙旭的网络 阅读(12) 评论(0) 推荐(0) 编辑

修改用户设置 - 修改生日
摘要:点击生日表格的时候,popoup 显示 ,popup 包裹一个修改生日的组件 ; ps:父组件传值 当前的 日期 birthday -currentDate ; 在onfirm 方法里面更新数据 ,然后更新视图 ; <template> <van-datetime-picker v-model="c 阅读全文

posted @ 2022-10-18 16:35 朱龙旭的网络 阅读(67) 评论(0) 推荐(0) 编辑

使用第三方包处理时间
摘要:console.log(this.currentDate); // Sat Dec 22 2007 00:00:00 GMT+0800 (中国标准时间) const str = dayjs(this.currentDate).format("YYYY-MM-DD"); console.log(str 阅读全文

posted @ 2022-10-18 16:32 朱龙旭的网络 阅读(7) 评论(0) 推荐(0) 编辑

组件传参v-model语法糖只能写一次的解决办法
摘要:v-model 的使用 解决只能使用一次v-model的问题:使用 sync 修饰符 阅读全文

posted @ 2022-10-18 15:33 朱龙旭的网络 阅读(32) 评论(0) 推荐(0) 编辑

什么是前端
摘要:前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。 阅读全文

posted @ 2022-10-18 14:36 朱龙旭的网络 阅读(115) 评论(0) 推荐(0) 编辑

修改用户资料的样式弹层
摘要:<template> <div class="update-name"> <!-- 导航栏 --> <van-nav-bar title="设置昵称" left-text="取消" right-text="完成" @click-left="$emit('close')" /> <!-- /导航栏 - 阅读全文

posted @ 2022-10-18 11:28 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

修改用户资料样式
摘要:1 <template> 2 <div class="user-profile"> 3 <!-- 导航栏 --> 4 <van-nav-bar 5 class="page-nav-bar" 6 title="个人信息" 7 left-arrow 8 @click-left="$router.back 阅读全文

posted @ 2022-10-18 11:16 朱龙旭的网络 阅读(15) 评论(0) 推荐(0) 编辑

本地图片上传服务器返回在线地址接口 - file - input -修改头像-带预览功能- 然后使用cropperjs 进行裁剪
摘要:说明:上传的图片是 file 类型 ,核心就是获取图片文件(file类型的) ; 实现一:使用 vant2 的图片加载组件 ,选择文件后会触发afterRead方法 ,参数 file 就是文件列表filelist ,file.file 就是图片文件 ; async afterRead(file) { 阅读全文

posted @ 2022-10-18 10:31 朱龙旭的网络 阅读(298) 评论(0) 推荐(0) 编辑

vant2 自动检查表单验证 -validate
摘要:ref 给 <van-form @submit="onSubmit" ref="form"> 标签 ; // 检验手机号是否合格 await this.$refs.form.validate("mobile"); data里面定义的规则 rules对象 ; rules: { mobile: [ // 阅读全文

posted @ 2022-10-18 09:18 朱龙旭的网络 阅读(146) 评论(0) 推荐(0) 编辑

vue 组件中使用 scoped 有的样式不会生效 解决办法
摘要:造成原因:组件的嵌套导致 ; 解决: 阅读全文

posted @ 2022-10-18 09:06 朱龙旭的网络 阅读(27) 评论(0) 推荐(0) 编辑

vuex 基本代码规范 js 文件
摘要:import Vue from "vue"; import Vuex from "vuex"; import { setItem, getItem } from "@/utils/storage"; Vue.use(Vuex); export default new Vuex.Store({ sta 阅读全文

posted @ 2022-10-18 08:56 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

1 2 3 4 5 下一页
点击右上角即可分享
微信分享提示