事项vue cli 01
01-ES5和ES6的介绍
title: 01-ES5和ES6的介绍 前言 ECMAScript 简介 ES 的全称是 ECMAScript,它是由 ECMA 国际标准化组织 制定的一套脚本语言的标准化规范。 详细来说,ES 是由 ECMA 的第 39 号技术专家委员会(Technical Committee 39,简称 TC ......
Vue3+TS+Node打造个人博客(后端架构)
在使用 Express 搭建后端服务时,主要关注的几个点是: 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由,各个模块的子功能相当于是用二级路由处理。 简单举个例子,/article ......
2 01 | 职业生涯发展规划:每五年登上一个新台阶
你好,我是乔新亮,欢迎来到专栏的第一讲。在这一讲里,我想首先和你聊聊关于个人职业发展的规划问题。 作为技术人,大家学习 Java、Golang、算法、架构设计,这些都很重要,很棒!但在职业生涯初期,有一件事也很重要,那就是对职业生涯发展的认知,不然就会白白走上很多弯路。 你可能会想,老乔,你又不认识 ......
vue全家桶进阶之路45:Vue3 Element Plus el_button组件
在 Vue 3 中,Element Plus 的 ElButton 组件提供了多种按钮类型和属性,可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性: 作用: 用于在页面上添加交互按钮,比如提交按钮、取消按钮等。 常用属性: type:按钮类型,可以取值为 primary、suc ......
团队项目冲刺01
|信息|详情| |:--|:--| |这个作业属于哪个课程|https://edu.cnblogs.com/campus/gdgy/2023softwareengine| |这个作业要求在哪里|https://edu.cnblogs.com/campus/gdgy/2023softwareengin ......
vue全家桶进阶之路44:Vue3 Element Plus el_row和el_col组件
在 Vue 3 中,Element Plus 也提供了 ElRow 和 ElCol 组件,用于实现栅格布局。 ElRow 组件的常用属性: gutter:栅格间距,默认为 0。 type:布局模式,可选值为 flex、justify 和 align。默认值为 flex。 tag:组件标签,默认为 d ......
RuoYi-Vue3若依 await import 报错
npm run dev 启动时报错: await import('source-map-support').then((r) => r.default.install()) 网上查询应该是 node.js 的版本问题 原因是我使用的node是12.18.4版本,升级成16.16.0即可。 先将原 n ......
vue全家桶进阶之路43:Vue3 Element Plus el-form表单组件
在 Element Plus 中,el-form 是一个表单组件,用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法,使表单验证更加容易。 使用 el-form 组件,您可以将表单控件组织在一起,并对表单进行验证,以确保提交的数据符合预期的格式和要求。该组件具有以下特性: 支持 ......
01-CSS中的非布局样式
title: 01-CSS中的非布局样式 publish: true 前言 CSS中,有很多非布局样式,这些样式(属性)和与布局无关,包括: 字体、字重、颜色、大小、行高 背景、边框 滚动、换行 装饰性属性(粗体、斜体、下划线)等。 这篇文章,我们来对上面的部分样式做一个回顾。 边框 如何用边框画一 ......
vue全家桶进阶之路42:Vue3 SCSS、SASS、CSS
SCSS和SASS都是CSS预处理器,它们的主要目的是简化CSS的编写,增加可维护性,并提供更丰富的功能。下面是它们与普通的CSS的区别: 语法:SCSS和SASS都具有比普通CSS更丰富的语法。其中,SASS使用缩进来表示嵌套,而SCSS则使用类似于CSS的花括号语法。因此,SCSS更易于CSS开 ......
01-CSS属性:字体属性和文本属性
title: 01-CSS属性:字体属性和文本属性 publish: true 本文重要内容 CSS的单位 字体属性 文本属性 定位属性:position、float、overflow等 CSS的单位 html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。 CSS中的 ......
01-认识Web和Web标准
title: 01-认识Web和Web标准 publish: true Web、网页、浏览器 Web Web(World Wide Web)即全球广域网,也称为万维网。 我们常说的Web端就是网页端。 网页 网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中 ......
01-VS Code的使用
title: 01-VS Code的使用 前言 文章标题:《第一次使用 VS Code 时你应该知道的一切配置》。本文的最新内容,更新于 2021-10-09。大家完全不用担心这篇文章会过时,因为随着 VS Code 的版本更新和插件更新,本文也会随之更新。 本文的最新内容,也会在GitHub上同步 ......
vue3微信公众号商城项目实战系列(12)项目发布到服务器上
本篇介绍如何将vue3项目打包发布到服务器上,然后在微信公众号上打开。 vue3发布之前需要对项目进行编译,编译时会在项目根目录下创建 dist 文件夹,编译后的文件会存放在这里。 在编译之前,我们在public目录下建一个 config.js 的文件,里面放如下的代码: const config ......
Vue3 readonly与shallowReadonly
视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的(深只读)。 shallowReadonly:让一个响应式数据变为只读的(浅只读)。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......
Vue3 shallowReactive与shallowRef
视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive:只处理对象最外层属性的响应式(浅响应式)。 shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据, ......
Vue3实现剪贴板功能
1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......
Vue3 toRef与toRefs
视频 直接用ref是创建新的对象 10.toRef 作用:创建一个 ref 对象,其value值指向另一个对象中的某个属性。 语法:const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展:toRefs 与toRef功能一致, ......
vue中 npm i axios报错,npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve
安装 npm i axios时,出现如下图情况: 报错的原因是因为npm不同版本库之间命令不兼容。 解决办法:npm install axios -save --legacy-peer-deps ......
Vue3 自定义hook
视频 9.自定义hook函数 什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ ......
01-漏洞演示
效果演示 环境搭建 CSRF的网站源码:链接: https://pan.baidu.com/s/1K4odaTUHHIQ6SkP66guC5Q?pwd=hvry 提取码: hvry 放在www目录下 找到bank文件夹里面的config.inc.php这是数据库配置文件,,可以看到数据库配置 <?p ......
vue国际化步骤
vue国际化步骤 Vue 国际化的步骤如下所示: 1.安装 vue-i18n 库 npm install vue-i18n --save 2.创建 i18n 实例 在项目中新建一个 i18n.js 文件,引入 vue-i18n 库,并创建一个 i18n 实例。 import Vue from 'vu ......
vue2升vue3后部分异常解决
element-ui 升为 element-plus 首先建议参考element-plus官方站点: https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......
vue
1. vue简介 Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。 2 ......
CLI命令行应用
前言 针对golang这门高级语言,主要想了解它的语言特性还有服务器建站还有微服务搭建方面的用途,以下都可以算是使用记录。 一、命令行应用的标准库实现 很多语言都有针对命令行参数的功能包,比如python的argparse和golang的flag两个标准库,对于不少c/cpp程序员来说,最直显的就是 ......
vue
1、介绍 vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,vue被设计为可以自底向上逐层应用。Vue的和学科只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。 前端框架三巨头:Vue.js、React.js、AngularJS,前者以轻量易用著称,前两者发展速度最快,后者 ......
【Vue2.x源码系列07】监听器watch原理
本章目标:监听器是如何实现的?监听器选项 - immediate、deep 内部实现?在初始化Vue实例时,我们会给每个侦听器都创建一个对应watcher,我们称之为侦听器watcher ......
Django + Vue(项目篇)
Prerequisite 【完结】项目地址:xxx 相关文章: TypeScript VUE 3【基本实现了项目的前端】 Django AI 相关笔记 技术栈: 后端:Python3 + Django(Ninja) 前端:TypeScript + Vue3 + VueRouter + Vuex + ......
vue3微信公众号商城项目实战系列(11)"我的"页面
我的页面效果如下: Mine.vue 页面代码如下: 布局块代码: 1 <template> 2 <div class="mine"> 3 4 <div class="mine-top"> 5 <img src="/mine.png" /><br /> 6 <span class="mine-top ......