- 博客(18)
- 收藏
- 关注
原创 关于typeScript 定义数组的问题
第二是,加入有人这样写let names:array<string|number>=['1','2',3]。let names:array = ['1','2','3'], 在语法中提示 Generic type 'Array<T>' requires 1 type argument(s).let names:array<any>=['1','2','3'] 这样就是正确的定义方式。第一是这样写阅读者能够很清晰的知道当前的数组的类型。
2024-09-09 20:30:14
401
原创 若依 ruoyi_vue_plus 个人使用心得
导入表的时候查询到你刚刚新建表的名字导入在列表中。选择你需要展示的字段,修改,新增的字段。若依新建代码生成的逻辑其实就是根据数据库表来的。你在数据库存储的字段是什么这里就根据这个数据库表展示什么?所以这里就需要有数据库权限的现在数据库中新建一个你需要展示或者新增功能的数据表。但是请注意啊: 在正式版本中是没有创建按钮的。(有可能是防止前端操作数据库,因为这是不安全的。这是主要说明的是个人在使用过程中遇到的问题 主要说明的是vue 前端 关于后端同学可以查看文档。先要搞清楚她的逻辑。
2024-09-05 09:53:19
538
原创 vue element ui 按需引入减少app.js体积
最近开发了一个项目属于一个项目集。包含很多功能,并且开发的人员也很多,就造成了打包过后,在生产环境第一次加载页面就很慢。所以就针对第三方引入按需加载这里做了一个说明。我这里查看是因为element UI 全局引入了,但是很多组件我都没有使用,就造成体积很大。这里我把element UI 按需引入。按需引入是减少代码体积一个很重要的。然后在你的公共JS 文件中新建一个elementUI.js。就会默认加载一个可视化图形。引入element 按需引入插件。在mian.js 中引入此文件。
2024-09-03 14:08:26
939
原创 vsCode编辑器代码块
上面这个就是我在新开页面时候需要添加的基础VUE代码端。因为很多都是一样的,比如模板、生命周期、样式语言,使用代码块可以很快的提高开发时间。1:对于前端来说很多界面的基本格式都是固定的。特别是在一些项目中很多的基础框架都是一样。如何提交项目的开发效率就必须使用到一个代码块。打开设置-代码片段-新建全局代码片段。
2024-09-02 11:34:04
327
原创 form 表单 input select 输入框接口返回数据不能编辑
所以这个要搞清楚一点就是对data对象数据初始化的时候进行遍历劫持。然而细心的同学就会发现。我这里Data数据对象是通过方法。那么对于Vue来说。接没有初始化过这个数据,也就没有办法劫持。所以就需要手动来添加劫持方法。让这个对象保持响应式。对于Vue熟练一点的朋友就知道要使用this.$set(对象,属性名,值)来并确保这个新属性同样是响应式的,且触发视图更新。这个可以肯定的一点是数据单项赋值是生效了。所以我们入手就应该从Vue数据绑定的原理来解决问题。那么Vue双向绑定的原理是什么?
2024-08-27 09:52:26
380
原创 vue element ui form表单,一列中两个参数并且都要验证,动态添加表单,动态验证
但是很明显这个问题是一个验证规则有两个参数。根据element 组件验证规则是 v-model prop rules 要一致。所以就会有一个致命问题 那就是智能验证一个。在自定义验证的时候需要加上 表单动态添加的验证规则,很多人就要问了 index ,_this 是怎么来的 这里是形参 需要在验证添加、动态增加表单可以根据表单动态添加。这个在element ui form表单有例子,这里就不做赘叙。我在第一个验证里面添加上第二个验证。我感觉说的有点乱 不要着急 前面是思路 后面这里我贴上完整代码。
2024-08-21 14:51:53
534
原创 websocket初识
解释这个仅仅是我搭建了一个能互相通信的页面。因为存在了两个问题就是在做的app.js中我的两个通道是写死了的判断条件。要做到如何让游客发起聊天就和客服创建一个通道。(websocket不支持对象所以在传递的时候需要解析JSON.stringify())(注安装express主要是用于可以做接口调试、前端能够自己做接口。使用准备npm环境、安装nodejs-websocket安装express安装。(一)创建一个aap.js这个主要是用于编写websocket核心代码。...
2022-07-15 15:37:18
197
原创 Git的安装、配置、命令
一 安装: 个人建议最好是在官网上下载 下载地址 :https://gitforwindows.org/(国外地址:如果下载容易失败、很慢) https://npm.taobao.org/mirrors/git-for-windows/ (淘宝镜像)速度很快安装就下一步下一步就好了 (不过呢 我下载东西都不安装在系统盘【一般C盘】可以选择一个不是系统盘的位置 原因吗 就是不妨碍电脑运行速度 ...
2022-04-17 13:22:49
959
原创 vue4.0 的坑Vue‘ was not found in ‘vue,“export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vu
Vue' was not found in 'vue,"export 'default' (imported as 'VueRouter') was not found in 'vu
2022-02-13 14:48:57
1341
原创 vue 创建项目步骤
注意我这里说的是创建项目前提是你的环境都已经配置好了。没有配置好的同学可以看一下我的脚手架安装 脚手架安装https://blog.csdn.net/qq_16463875/article/details/1216529631:创建文件 vue create <文件名> 这里可以说一下,有些同学在使用cmd的时候不知道怎么使用cmd 命令 我这里介绍两种方法 (1):使用命令 一般打开都是在C盘下的cmd 如果要进入其他盘文件下 在命令中输入 <硬盘名>: ...
2022-02-13 13:37:44
474
原创 npm 配置淘宝镜像
首先解释一下 npm 为什么要配置淘宝镜像 原因:因为node.js 默认使用的是国外的网站 。国内访问有一个跨国内局域网的操作。所以就会有时候很慢。这就跟为什么网站的静态资源有些会使用CDN 加速一样的 淘宝镜像是什么?就是npm 很多的插件淘宝已经下载好了放在公共的网站上 我们需要的时候去淘宝网上下载 和 国外的是一样 这样使用是提升了我们的下载速度。所以淘宝镜像其实是一个国外插件的 国内版本如何安装淘宝镜像配置 1:淘宝 npm 地址: npmmirror...
2022-02-13 10:14:30
9916
原创 VUE vue-cli 步骤及配置文件解释
1:vue-cli 是vue的脚手架工具 并初始一个脚手架自带网站模板2:什么是脚手架? 文字解释:脚手架就有点类是建筑的一个承重墙以及框架下列分别用图说明package-lock.json是一个缓存文件,缓存的是依赖文件来源,在第二次生成的时候就会使用缓存加载速度更快注意:src文件夹中还有特别说明3:项目的其他配置 1:让项目运行时候就自动打开浏览器 package.json 在...
2021-12-01 15:09:02
2013
原创 vue 开发中遇到的问题持续更新
The "XXXX" component has been registered but not used.eslintvue/no-unused-components这种错误是你在注册了组件但是没有使用 语法检测时候就会报错,有两种方式:1:使用这个组件 如上图我所注释的那样,把注释打开就好了,或者说语法在检测时候提示你这个这个组件没有使用。意思是在components 注册组件一定要在文本中使用 2:在package.json 中 添加语法规则...
2021-12-01 15:07:54
349
原创 前端三大框架
1:Vue.js (目前最火) Vue是国人自己开发的JS框架 所以文档比较容易阅读.上手比较容易. 主要有8大生命周期: 一:beforeCreate, Created, beforeMount, mounted, beforeUpdate, updated,beforeDestroy...
2020-03-25 21:00:51
334
1
原创 JS prototype 原型链对象详解
一:对象的分类JS中对象分为两种,函数对象和普通对象。也称为Function Object和Object。通过typeof 可以查看具体的对象类型。 JS中的函数对象,在和new结合的时候,可以创建新的对象。JS提供了两个最基本的函数对象 Function 和 Object。其他所有的对象都由这两个函数对象演进而来 JS中的函数对象,有两个方法可以创建,一个是通过new Function(...
2020-03-25 20:38:29
317
原创 浅谈前端CSS样的编写
对于前端小白来说一般主开始的工作都是简单的CSS+HTML的开发,但是别认为CSS+HTML就没有用,最近我在修改一个项目,这个项目是进行重构,当你们看见一串密密麻麻的CSS样式时候就会觉得非常的头疼,最特别是没有规范的写。简直就是像在垃圾场淘宝一样,搞的满手腥臭。其实前端CSS+HTML只需要了解三个步骤保证写出来的代码有漂亮又好看。1:公共内容公共处理;命名方式驼峰命名法【{什么是驼峰
2017-09-05 14:32:19
566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人