项目
文章平均质量分 53
前端项目
独鹿DT
这个作者很懒,什么都没留下…
展开
-
后台管理系统目录
后台管理系统目录脚手架创建项目选择的配置项目搭建规范原创 2021-08-27 23:27:30 · 634 阅读 · 0 评论 -
Vue3+TS后台管理系统项目完结撒花(已部署)
Vue3+TS项目完结撒花Vue3+TS后台管理系统在线体验GitHub地址客官如果觉得还不戳,github上不妨顺手点个 ⭐️,鼓励一下吧。部分展示效果关于技术栈原创 2021-08-27 23:25:17 · 2063 阅读 · 5 评论 -
超详细的Jenkins自动化部署
Jenkins自动化部署安装Java环境安装Jenkins安装Nginx安装GitJenkins任务安装Java环境通过dnf工具来进行安装centos7:yum install dnfcentos8: 系统自带Jenkins依赖Java环境,需要先安装Java环境命令:# 远程仓库搜索是否有 java安装包dnf search java-1.8# 安装java对应版本dnf install java-1.8.0-openjdk.x86_64安装JenkinsJenkins原创 2021-08-27 14:34:09 · 199 阅读 · 0 评论 -
echarts关于鼠标hover图标显示不正确的问题及解决
问题描述:鼠标悬停的位置和图标上显示的位置不一致!如图:问题原因: 在写这些东西的时候,加了zoom属性。body{ zoom:0.85;}这就导致了,整个页面的内容缩小了0.85,但是echarts内的坐标轴的标注却没有跟着一起减小。解决办法:对包裹echarts图形的元素,放大到缩放前的比例,也就是 1/zoom的值。.echart-box { zoom:1.176471}就可以正常显示了。...原创 2021-08-26 11:08:47 · 1973 阅读 · 0 评论 -
项目业务<细节处理 + Tabel组件的二次封装>
项目业务<细节处理 + Tabel组件的二次封装>细节处理NavMenu默认值问题描述:刷新页面,navMenu的值是设置固定的,那么在点击完其他页面之后,内容展示的确实是其他页面了,但是侧边菜单的显示的是默认设置值高亮解决:刷新之后,应当根据当前的url来确定,侧边菜单显示的内容。根据传入的地址,返回匹配到的菜单项。export function pathMapToMenu( useMenus: any[], path: string, breadCrumbList?: Bre原创 2021-08-11 14:27:27 · 131 阅读 · 0 评论 -
项目业务<权限管理 + 组件二次封装>
知识点补充一:PropTypevue3为结合 ts ,props设置自定类型import { defineComponent, PropType } from "vue";// ....代码省略props: { formItem: { type: Array as PropType < IFormItemType[] > , default:() = >[] }}知识点补充二:require.context方法webpack的函数:根据传入的参原创 2021-08-07 12:12:06 · 496 阅读 · 5 评论 -
项目业务<Main部分 + 权限管理>
效果展示Vuex + TypeScript 知识补充import { useStore } from "vuex"const store = useStore()// store --->>> any 类型想对创建出来的store对象进行类型的约束,可以这样做定义相关类型// 模块内的state的类型import type { LoginStateType } from "./login/types";// 根模块内的state类型export interfac原创 2021-08-05 12:36:49 · 139 阅读 · 0 评论 -
项目业务<Login逻辑>
语法补充组件使用instanceType<typeof .... >: .vue文件export的对象是组件的描述,是有着具体值的对象,在template内使用的是根据组件描述创建的实例,这个组件描述是不能直接作为一个类型的。该语法可以得到具有构造函数的实例对象,这时才可以作为一个类型传入 reflocalStorage的封装class LocalCache { setCache(key: string, value: any) { window.localStorag原创 2021-08-03 21:03:45 · 149 阅读 · 0 评论 -
项目业务<Login页面>
项目初始化normalize.css 安装:npm install normalize.cssLogin页面组织view/login│ Login.vue├─cpns│ LoginPhone.vue│ LoginUser.vue└─hooksrules.ts遇到难点:1、在融合canvas-nest.js的时候,npm install 下载的包内是不包含 声明文件的,但是查看github的时候,发现仓库内去存在 index.d.ts文件,下载声明文件,添加原创 2021-07-31 16:20:41 · 110 阅读 · 2 评论 -
项目集成element-plus和axios
项目集成element-plus和axios注:在写对应的文件时,省略了其他库的与演示内容不相关的代码,为的是代码片段简洁点儿。element-plus的集成安装:npm install element-plus全局引入// 其余代码省略 .......import ElementPlus from "element-plus";import "element-plus/lib/theme-chalk/index.css";// 其余代码省略 .......app.use(Elemen原创 2021-07-30 14:18:53 · 1028 阅读 · 0 评论 -
项目集成 vue-router 和 vuex
项目集成 vue-router 和 vuex在项目内为了方便管理项目和帮助开发,需要有一个清晰的目录结构,对集成的库,需要进行相应的抽取,封装…注:在写对应的文件时,省略了其他库的与演示内容不相关的代码,为的是代码片段简介点。Vue-router的集成安装:npm install vue-router@next配置映射关系新建src/router/index.ts文件import { createRouter, createWebHashHistory } from "vue-ro原创 2021-07-27 10:23:33 · 192 阅读 · 0 评论 -
项目搭建规范
项目规范搭建.editorconfig配置代码格式化工具 prettierESLint检测git Husky和eslintgit commit规范.editorconfig配置editorconfig可以使不同 IDE 编辑器上处理同一项目的具有一致的编码风格配置 .editorconfig文件# http://editorconfig.orgroot = true[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = s原创 2021-07-24 11:37:45 · 161 阅读 · 0 评论 -
脚手架创建项目选择的配置
脚手架项目选择的配置Vue 脚手架创建时,选择的配置还是蛮多的,单独记录一下1、 vue cli 脚手架命令: vue create vue3_ts_cms2、 选择 Manually select features3、 vuex 和 vue-router 进行手动安装4、 选择 3.x的vue.js版本5、 Use class-style component syntax? —>n6、选择TypeScript处理工具和css预处理器7、 选择eslint对代码进行检测原创 2021-07-24 08:45:51 · 7812 阅读 · 0 评论