最近公司的项目使用了typescript 用的不是特别熟练 特此准备重头开始 搭建一个纯前端 管理系统页面 后续会将jsx 也集成进来1 、使用vue-cli 搭建vue init webpack vue-admin-master
npm run dev
npm i element-ui -S在 main.js 中写入以下内容：import Vue from 'vue';
import Eleme
转载
2024-06-12 10:04:16
177阅读
目录低代码之构建框架11：项目初始化2：src / data.json 数据 （ 容器大小与渲染的表单数据 ）3：App.vue ( 导入editor组件传递data.json之中的数据与 向下提供组件配置数据config )4：src / packages / editor.jsx 框架区域样式与组件引入5：editor.scss6：src / packages / editor-block.j
首先分享下在线链接：Tusi博客整体架构=======================================================================从技术选型来看，我还是选择了一些比较接地气的框架和技术。其实对于博客这种 SEO 要求高的网站，优选的方案还是 SSR，但我还是选择了 CSR 方案（毕竟是个人项目，怎么舒服怎么来），后续时间充裕的情况下再考虑下 SE
上一篇《元素定位-----Selenium快速入门（二）》说了，如何定位元素，本篇说说找到的元素（WebElement）该怎么用。WebElement常用方法： 返回值 方法名 说明 void clear()如果找到的元素是input 或 textarea，则清除它的值。其他元素不受影响。 void &n
一、 快捷键SOLIDWORKS共有三种快捷方式：1. 物理快捷键：部分物理快捷键与微软通用快键键一样，不要更改。如：复制、粘贴等；必须掌握的物理快键键：1) “F5”切换选择过滤器工具栏；2) “X ”过滤面3) “V”过滤顶点4) “E”过滤边线5) “TAB”隐藏零件6) “shift+TAB”显示零件7) “Ctrl+Shift+TAB”显示所有隐藏的零部件实体8) “shift+C”折叠
转载
2024-10-08 09:27:51
43阅读
正常开发，如果前端只是使用vue那么这是不够的，因为使用的还是原生的HTML标签，这就要求我们还得去关注前台美化的展示工作，这是需要很多开发量的。一般在前端开发过程当中都是vue配合前端的组件库，两个结合起来一起去开发。 知识点Element Plus介绍 Vue+Element Plus初始化 登录页 背景、卡片、输入框、按钮 整体布局
1、provide/inject有什么用？常用的父子组件通信方式都是父组件绑定要传递给子组件的数据，子组件通过props属性接收，一旦组件层级变多时，采用这种方式一级一级传递值非常麻烦，而且代码可读性不高，不便后期维护。vue提供了provide和inject帮助我们解决多层次嵌套嵌套通信问题。在provide中指定要传递给子孙组件的数据，子孙组件通过inject注入祖父组件传递过来的数据。其实，
官网地址：https://element-plus.gitee.io/zh-CN/
原创
2023-02-25 11:13:44
164阅读
点赞
前言之前看了雪碧大佬的将 React 渲染到嵌入式液晶屏觉得很有意思,React能被渲染到嵌入式液晶屏,那Vue是不是也可以呢？所以本文我们要做的就是:如标题所示,就是将Vue渲染到嵌入式液晶屏。这里使用的液晶屏是0.96 寸大128x64分辨率的SSD1306。要将Vue渲染到液晶屏,我们还需要一个桥梁,它必须具备控制液晶屏及运行代码的能力。而树莓派的硬件对接能力和可编程性天然就具
Vue3+TypeScript 项目创建一、安装`Node.js`二、卸载旧版本（安装过vue2的）1.查看vue版本2.卸载旧版本3.安装新版本4.查看当前版本三、初始化项目1.选择需要安装项目的位置2.新建项目3.选择更快的源，选择`Y`4.请选择预设模式5.配置项目6.选择3.x7.选择Class样式组件8.使用Babel转义9.不开启路由模式（可能出现打包后，白页情况）10.选择一种cs
转载
2024-10-13 21:54:54
56阅读
1.问题描述，就是我一个下拉项串行并行切换的时候，同时也会切换form的rules，而切换之后，会自动触发一次validate的校验，导致页面没提交，只是切换下拉，却出现了校验一次的情况，rules的切换是根据执行方式的变化而变化的 简单来说就是我的表单验证是动态的，可能多出来几个必填的，或者少几个必填的会根据一些选项决定解决方法是在执行方式 select onchange
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一：使用Tree 树形控件，官方文档https://www.iviewui.com/components/tree以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由后端给出，需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ，如果没有自己手动加或后端改，没有这
Vue在GitHub上面的star数量已经超过了react，虽然npm包下载的数量还没有react多，但是Vue上升的势头真的很猛。Vue生命周期2.0和1.0差别还是有一点的，生命周期的博客文章百度也是很多，今天我简单提一下生命周期，然后说一下一些可能比较没人注意的点。先上Vue官网的生命周期图片： 先罗列出生命周期然后一个一个讲解beforeCreatecreatedbeforeM
目录一、下载和安装VS Code、初始设置1、创建工程 2、浏览网页二、ECMAScript 6(ES6) 基本语法 ★1. let声明变量2. const 常量3. 解构赋值4. 模板字符串 (插值表达式)5. 声明对象简写6. 声明函数简写7. 对象扩展运算符8. 箭头函数三、Vue ★★2. 基本数
转载
2024-07-09 19:58:07
127阅读
一,前言本偏介绍TS另一种高级类型-条件类型二,条件类型条件类型是一种由条件表达式所决定的类型
条件类型使类型具有了不唯一性,同样增加了语言的灵活性声明:T extends U ? X : Y
若类型T可被赋值给类型U,那么结果类型就是X类型,否则就是Y类型// 条件类型
type TypeName<T> =
T extends string ? 'string' :
转载
2024-05-30 18:04:39
154阅读
使用vue3+elementplusite+pinia实现用户登录、注册相关界面及对应业务流程的开发，对接express后端服务，调用对应接口，实现完整的用户登录注册功能。
源码下载：点击下载
B站视频：
[https://player.bilibili./player.html?aid=1951025133]https://player.bilibili./player.ht
原创
2024-03-08 11:51:02
681阅读
一、安装elemenPlusnpm install element-plus --save二、引入elementPlus跟eleme
原创
2022-04-30 23:04:35
1043阅读
前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。我这个切片功能是基于 minion 的，后端会把文件放在minion服务器上。具体看后端怎么做1、在项目的 util(这个文件夹是自己创建的，如果项目里没有可以自行创建) 文件家中创建一个js文件 upload.jsimport axios from 'axios';
import m
目录第一步：第二步：第三步：第四步：最后：前言：我们有时候会遇到一个项目需要支持多语言，而用直接翻译的插件时常会导致翻译的结果跟自己预想的有所偏差或者结果太长造成页面结构紊乱而这个时候就需要用到 i18n ，这个插件的作用是创建这个自己的字典，使其切换语言时用到的文案是自己编写的，这样就可以做到实现自己想表达的效果. 话不多说，直接上源码：第一步：首先呢，肯定是先
前言Visual Studio Code(简称 VSCode)凭借其占用内存小、文件加载快、稳定性好、插件丰富等等特点，从众多 IDE 中脱颖而出，受到了广大开发人员的青睐。工欲善其事，必先利其器。选择适合自己的 VSCode 插件，能够让你的开发效率突飞猛进。VSCode 插件市场 (https://marketplace.visualstudio.com/VSCode) 上面插件百花齐放，但实
