介绍Room是Google提供的一个ORM库。Room提供了三个主要的组件：@Database：@Database用来注解类，并且注解的类必须是继承自RoomDatabase的抽象类。该类主要作用是创建数据库和创建Daos（data access objects，数据访问对象）。@Entity：@Entity用来注解实体类，@Database通过entities属性引用被@Entity注解的类，并
转载
2023-06-30 19:14:49
95阅读
上一章我们详解了项目的架构目录，这一章主要学习对接口的封装。网络请求封装是每个前端项目必不可少的一项，有利于方便统一管理，比如在请求头统一加上后台校验数据，这样就没必要在每个接口中都写一遍了嘛，这也是面向对象编程的一个好的提现。我们这次选用的是axios插件，这个插件优点还是蛮多的，支持promise，可以拦截请求和拦截响应，客户端支持防御XSRF攻击等等，那么我们就开始吧。一、安装axios老规
转载
2024-07-12 13:05:03
40阅读
el-menu <el-menu default-active="1"> <el-submenu > <el-menu-item>
原创
2019-05-29 11:04:15
64阅读
Ant Design（蚂蚁组件）是蚂蚁集团体验技术部经过大量项目实践和总结，逐步打磨出的一个设计系统，内含带有 React 的 UI 库。它是为企业级产品设计而创建的。Ant Design 提供了高质量的交互界面设计组件和演示。作为 UI 设计师，在我们的工作中，善于利用现有的设计系统组件能够极大地提升工作效率。今天，即时设计设计师将向大家介绍广泛使用的设计系统 Ant Design 以及它的使用
转载
2024-03-12 14:41:01
55阅读
【代码】Vue3使用递归组件封装El-Menu菜单。
原创
2023-09-29 22:04:12
788阅读
方法一 使用vue框架的指令，方便高效（推荐，项目常用）大致思路： v-for 指令通过数组遍历按钮，创建方法使用数组下标 index 来控制按钮的选中状态，index 为0时表示第一个按钮被选中，依次类推；data 中设置变量 number 来表示点击后的值，与下标同步且只有点击后
转载
2024-05-31 19:40:47
245阅读
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素，封装可重用代码● 在较高层面上，组件是自定义元素，Vue.js的编译器为他添加特殊功能● 有些情况下，组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子vue组件的功
转载
2024-02-04 02:10:19
72阅读
关键词：SDK，VUE，单例模式，代码复用本文旨在分享一个前端 sdk 的开发方式。即使用 vue 直接开发1.项目背景需求描述：1.开发一个集团通用 SSO 单点登录页面，大致如下图： 2.开发一个对应 sdk，给接入方使用，页面效果和 web 保持一致。如下图： SDK 需求： 提供调用方式给用户，可以传递参数，调用方法，直接生成登录弹框和背景半透明的蒙层在弹框成功
转载
2024-07-02 19:52:59
139阅读
认识vue-router1、概念：vue-router是vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。在使用 vue-router 时，我们需要做的就是把路由映射到各个组件，vue-router 会把各个组件渲染到正确的地方。在vue-router的单页面应用中，页面的路径的改变就是组件的切换。2、安装环境：cnpm install vue-router --s
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹，config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时，可直接填写后端测试接口地址(需要设置浏览器允许跨域请求，或后端设置Cross-orig
转载
2024-02-24 23:02:38
37阅读
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 https://www.electronjs.org/ 目录01.打包封装1.创建v
转载
2023-12-29 22:14:20
17阅读
1、校验数据类型export const typeOf = function(obj) {
return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase()
}示例typeOf('vue') // string
typeOf([]) // array
typeOf(new Date()) // date
typeO
转载
2024-03-18 09:00:44
36阅读
之前我发布了一篇是有关于uniapp的接口简单封装，这次我发布的是vue的接口简单封装，这次有涉及到几个依赖，需要提前安装好，一个是axios依赖，一个是qs依赖，以下是安装方法：npm install axios -S
npm install qs安装完之后，就可以直接再也没中引入了，这次涉及到三个文件，一个是对axios的封装文件，即axios.js，一个是对接口的封装文件，即index.js
转载
2024-04-18 13:32:44
224阅读
Vue 2.0 右键菜单组件 Vue Context Me
原创
2022-08-29 23:46:59
549阅读
概念：组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑，为什么export default导出的对象中有个name属性，今天看过递归组件之后，才发现这个name属性的一个比较重要的作用。（当然。name属性的还有其他的用处）。用法：1、首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出现“max
转载
2024-04-13 20:09:49
70阅读
vue-day011.vue的介绍作者介绍 框架的介绍2.vue官网https://cn.vuejs.org/3.vue的优点 易用，灵活，高效4.库与框架区别 库：只具有某一种功能 框架：具备完整的功能 bootstrap element-ui5.开发环境与生产环境开发环境地址:<script src="https://cdn.jsdelivr.net/npm
场景1.保存提交按钮不小心点击了多次。 2.由于服务器请求时间过长等原因点击事件没有及时响应又点击了一次，造成数据的重复提交和保存，数据的异常。 3.resize、scroll，输入框内容校验等频繁操作。原因由于axios提交数据为异步提交，点击提交按钮是通过xmlhttprequest向后端发送异步请求，发送请求后后端返回数据需要时间处理，如果第一次点击的请求尚未完成，又接二连三地提交了几次，同
转载
2024-10-23 11:42:43
99阅读
左侧菜单组件
原创
2023-06-05 13:53:18
380阅读
文章目录一、axios是什么特性基本使用二、为什么要封装三、如何封装设置接口请求前缀# 设置请求头与超时时间封装请求方法请求拦截器响应拦截器小结参考文献 一、axios是什么axios 是一个轻量的 HTTP客户端基于 XMLHttpRequest 服务来执行 HTTP 请求，支持丰富的配置，支持 Promise，支持浏览器端和 Node.js 端。自Vue2.0起，尤大宣布取消对 vue-re
转载
2024-06-29 21:16:38
48阅读
目录前言一、为什么要封装请求二、创建axios实例并导出三、接口的封装四、接口在页面的调用五、补充内容（跨域请求需配置代理） 前言此封装没有什么复杂的内容都是一些基本操作，因此较适合小白，复制黏贴即可用。一、为什么要封装请求小型的项目是完全可以不封装的，中大型项目非常建议封装一下，有些接口是重复调用的，那样你就需要重复去写，而且当接口修改时，你就需要去找n个调用了这个接口的页面，然后一个个的重复
转载
2023-09-19 21:11:00
216阅读
