首先分享下在线链接: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阅读
目录低代码之构建框架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
正常开发,如果前端只是使用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阅读
点赞
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阅读
最近公司的项目使用了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阅读
前言之前看了雪碧大佬的将 React 渲染到嵌入式液晶屏觉得很有意思,React能被渲染到嵌入式液晶屏,那Vue是不是也可以呢?所以本文我们要做的就是:如标题所示,就是将Vue渲染到嵌入式液晶屏。这里使用的液晶屏是0.96 寸大128x64分辨率的SSD1306。要将Vue渲染到液晶屏,我们还需要一个桥梁,它必须具备控制液晶屏及运行代码的能力。而树莓派的硬件对接能力和可编程性天然就具
目录一、下载和安装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阅读
Vue在GitHub上面的star数量已经超过了react,虽然npm包下载的数量还没有react多,但是Vue上升的势头真的很猛。Vue生命周期2.0和1.0差别还是有一点的,生命周期的博客文章百度也是很多,今天我简单提一下生命周期,然后说一下一些可能比较没人注意的点。先上Vue官网的生命周期图片: 先罗列出生命周期然后一个一个讲解beforeCreatecreatedbeforeM
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一:使用Tree 树形控件,官方文档https://www.iviewui.com/components/tree以官方demo为例,数据中添加URL属性,用于路由跳转,正式项目中该tree控件的数据由后端给出,需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ,如果没有自己手动加或后端改,没有这
一、安装elemenPlusnpm install element-plus --save二、引入elementPlus跟eleme
原创
2022-04-30 23:04:35
1043阅读
使用vue3+elementplusite+pinia实现用户登录、注册相关界面及对应业务流程的开发,对接express后端服务,调用对应接口,实现完整的用户登录注册功能。
源码下载:点击下载
B站视频:
[https://player.bilibili./player.html?aid=1951025133]https://player.bilibili./player.ht
原创
2024-03-08 11:51:02
681阅读
目录第一步:第二步:第三步:第四步:最后:前言:我们有时候会遇到一个项目需要支持多语言,而用直接翻译的插件时常会导致翻译的结果跟自己预想的有所偏差或者结果太长造成页面结构紊乱而这个时候就需要用到 i18n ,这个插件的作用是创建这个自己的字典,使其切换语言时用到的文案是自己编写的,这样就可以做到实现自己想表达的效果. 话不多说,直接上源码:第一步:首先呢,肯定是先
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能。我这个切片功能是基于 minion 的,后端会把文件放在minion服务器上。具体看后端怎么做1、在项目的 util(这个文件夹是自己创建的,如果项目里没有可以自行创建) 文件家中创建一个js文件 upload.jsimport axios from 'axios';
import m
英文 | https://medium.com/swlh/8-free-vue-icon-libraries-to-pretty-up-your-web-app-82dfa6a59f57图标如果使用得当是吸引访问者注意力并为他们提供视觉的好方法。随着 VueJS 的兴起,社区也开始开发更多的 Vue 图标库,这些库是直接为使用 Vue 开发的人设计的。这是我使用过的 8 个免费 Vue 图标库。这
项目使用该项目使用vue-cli脚手架创建基于vue3项目 使用到vuex,vue-router,element-plus组件库功能介绍登录模块登录页面样式登录使用element-plus中的表单和按钮组件 登陆时使用md5插件进行密码加密并调用后端登录接口 发送用户名及加密后的密码当拿到后端返回的登录成功状态码及token时 把拿到的token保存到本地 并跳转到个人中心首页个人中心在一进入和人
转载
2024-04-30 10:23:22
384阅读
Vue相关的基础知识我们已经介绍了不少,官网也有很详细的使用说明,那么从本篇文章开始,我会陆续为大家介绍一款开源的Vue项目。首先感谢唐岗在github上分享的“基于vue.js重写Cnodejs.org社区的webapp”,源码地址如下:https://github.com/shinygang/Vue-cnodejs。接下来我会不定期阅读该项目,把其中的一些细节分享出来,和大家一起进行Vuew
转载
2024-05-07 09:50:14
494阅读