- 博客(46)
- 收藏
- 关注
RSS订阅原创 控制台报错 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content.
控制台报错：[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside , or missing . Bailing hydration and performing f
2025-01-16 16:27:48
483
原创 uv-ui组件的使用——自定义输入框的样式
想要自定义修改样式的话，需要placeholderClass加上 placeholderStyle配合使用。tip1：单独使用placeholderClass，他只会第一次渲染时生效，输入文字再清除后就不生效了。tip2: 单独使用placeholderStyle，他第一次渲染时不生效，输入文字后再清除才生效。使用placeholderClass的时候，要在前面加上::v-deep .类名，或者/deep/我是在小程序中使用此组件。
2024-09-20 14:59:22
879
原创 vant4的TextEllipsis 文本省略，禁用展开，收起方法
实现多行文本展示，规定大于3行，显示省略号...和查看全部按钮；（并且考虑兼容性问题）
2024-04-02 15:01:24
2088
原创 echarts一些配置项的使用
title: {text: '设备数量(单位:台)',//修改文字内容top: 10,//文字位置textStyle: {//文字样式color: '#0099FF',//文字颜色fontSize: 12,//文字大小fontFamily: 'Microsoft YaHei'//文字字体},2.grid网格grid: {//这个是调整echarts图片整体的位置top: 50,//距离上面多少left: '6%',//左边right: '5%',//右边。
2023-10-13 16:38:11
354
原创 EasySass: could not generate CSS file. See Output panel for details
报错原因：后缀写错，是scss不是sass......更改后：sass自动生成css文件。
2023-04-16 18:19:33
1952
2
原创 垃圾回收(GC)
当一个对象没有任何的变量或属性对它引用,此时我们将永远无法对他操作,此时这个对象就变成了垃圾,存在堆内存中， 这种对象过多会占用大量的空间,导致程序运行变慢,所以这些垃圾必须要清理。
2023-04-05 20:45:35
366
原创 原型、原型链
我们每创建一个函数(要知道函数也是一个对象)，解析器就会向函数里添加一个属性prototype这个属性prototype，对应着一个对象，这个对象就是原型 如果函数作为普通函数调用，prototype没有任何作用当函数以构造函数形式调用时,他所创建的对象中都有一个隐含属性,指向该构造函数的原型对象,通过__proto__可以访问到也就是说构造函数创建出来的对象d,里面有个__proto__， 函数Dog里面有个prototype，他们都指向同一个地方图解：当我们访问
2023-04-05 17:04:42
438
原创 this的指向、工厂方法创建函数、构造函数
什么叫类？这个构造函数称为一个类// 什么叫实例？实例就是一个对象，构造函数干嘛的？创建对象的，通过构造函数创建出来的对象// 什么叫构造函数？new 出来的一个函数// 构造函数与普通函数的区别？调用方式不同//构造函数的this指向？ 谁调用的指向谁，构造函数的this指向他的实例对象。
2023-04-05 12:58:28
422
1
原创 函数封装——随机生成背景色
我们有个内置函数Math.random()方法，可以生成 0-1，包括0但不包括1之间的随机数，还有个公式，可以生成 N-M 之间的随机数（包括N，M哦，取值范围是[N,M]），我们利用这个，生成arr数组的一个随机索引，通过索引就能拿到0-f中的值。先随机生成一个 0-f 的其中一个值，然后遍历6次，就能得到比如 5ab7cd 之类的值，再和“#”字符串拼接起来，返回出去就好了，那么如何实现随机生成一个 0-f 的其中一个值呢？16进制的和rgb的：如#ffffff 、rgb(255,255,255)
2023-04-04 21:42:10
561
原创 npm install 下载依赖报错解决方法
拉取项目下来后，下载依赖报错，如下：npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! @sentry/cli@1.72.0 install: `node scripts/install.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the @sentry/cli@1.72.0 install script.npm ERR! This is probably not a proble
2022-04-28 17:26:00
3319
原创 Git和github的使用
一、版本控制软件1.个人理解版本控制软件：比如一个项目要上线，肯定经过不断测试和修改，这样就会有很多版本，每次呢，就需要把之前的代码复制，再给新版本重新赋值，就会产生操作麻烦、命名不规范、文件不小心删除，导致文件丢失、需要手动合并每个人对项目的修改，协作困难等问题，因此版本控制软件产生了，他就是一个用来记录文件变化，可以查看特定版本修改情况的系统，也就是说，以前手工管理文件版本的方式变成了软件管理文件版本的方式，这个负责管理文件版本的软件，叫做版本控制软件。2.好处：操作简便：记住几组常用终
2021-12-02 19:11:13
704
原创 web面试问题 从HTML到VUE
一、HTML部分1.盒模型问题：面试官会变着法问这个问题，总之说的就是这个盒模型，你们就把这个盒模型给他们讲一下，既说明了问题，又会留下好印象1.1 讲一下对盒模型的理解？答案：盒模型分为两种：W3C（一个国际组织）标准盒模型，怪异盒模型；1.2标准盒模型，怪异盒模型区别？答案：标准盒模型的宽：content，怪异盒模型的宽：content+padding+border1.3知识点补充：标准盒模型的大小是：content（标准盒模型的宽）+padding+border+ma.
2021-11-13 19:03:04
459
2
原创 阶段三 JavaScript网页编程---js基础语法
系列文章目录一：计算机基础和JavaScript介绍二：JavaScript变量三：JavaScript数据类型四：JavaScript操作符五：JavaScript流程控制及案例六：JavaScript循环及案例七：JavaScript数组和冒泡排序八：JavaScript函数及应用九：JavaScript作用域及预解析十：JavaScript对象十一：JavaScript内置对象及案例十二：JavaScript简单类型和复杂类型文章目录系
2021-11-06 21:39:17
1258
4
原创 Echarts数据可视化
文章目录前言 一、数据可视化是什么？ 二、使用步骤 1.引入库 2.准备一个具有大小的DOM容器 3.初始化echarts实例对象 4.指定配置项和数据 5.将配置项设置给echarts实例对象 总结前言没啥好说的一、数据可视化是什么？简单来说，就是一个js文件，把它引入到HTML中，就能使用这个库里的图形；他可以更直观的表达数据；二、使用步骤1.下载并引入代码如下（示例）：npm install echarts2.准备...
2021-11-02 22:30:39
1010
12
原创 十三、管理系统-Vuex版
一、初始化项目1. 复制 vue工程为sms-vuex2. 安 装 Vuex# 进入工程目录cd sms-vuex# 安装依赖npm install --save vuex# 启动项目npm run serve二、登录1.登录与 token 状态管理1.1.在 src\utils\ 目录下创建 auth.js， 封装 token 和 用户信息工具模块let tonke_key = "sms-token"let user_key = "sms-user"..
2021-10-15 09:18:30
207
原创 十二、 Vuex 状态管理
一、Vuex 概述1. 官方文档：https://vuex.vuejs.org/zh/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。2. Vuex简单理解： Vue 应用中的每个组件在 data() 中封装着自己数据属性，而这些 data 属性都是私有的，完全隔离的。 如果我们希望多个组件都能读取到同一状态数据属性，或者不同组件的行为需要更新同一状态数据属 性， 这就需要一个将共享的状态数据
2021-10-14 22:01:34
208
原创 十一、加载效果和异常处理
一、Loading 加载数据时显示动效--- 提高用户体验度.1. 按需导入 ElementUI 组件 Loading , Message ，在utils文件的request.js文件中：import { Loading, Message } from 'element-ui'; //先引入2. 加载数据时， 打开和关闭动效 对象注意：loadingInstance实例采用单例模式创建，防止响应异常时频繁切换路由时加载动效重复创建// 加载数据时打开和关闭动效对象let lo...
2021-10-14 18:49:06
628
原创 十、Vue--修改密码
一、需求分析 当点击修改密码时，弹出修改密码框，向数据库中查询原密码，正确时才允许修改，修改完，点击确定时，更新密码。二、创建修改密码模板1.在头部组件里：<!-- 修改密码弹出框 --> <el-dialog title="修改密码" :visible.sync="dialogFormVisible"> <el-form :model="form" ref="pwdForm" :rules="rules"> &l..
2021-10-13 21:37:13
9202
原创 八、学员管理-列表查询、分页、搜索
2.1. 将 teacher\index.vue 导入 student\index.vue 作为子组件使用。在 teacher\index.vue 组件定义 getTeacherName函数，向父组件传递点击数据。2.3在 student\index.vue 组件的 data 选项中定义 dialogFormVisible控制对话框。2.6. 现在要实现：当点击子组件列表中某一行教师，即选中；效果是：点击输入框，弹出一个对话框，对话框里直接复用教师管理组件，
2021-10-09 11:58:11
237
原创 七、教师管理-新增、修改、删除
2.编辑完之后，也要把编辑后的数据存储起来，先要去查询数据，通过ID，所以先去node服务器（也就是node文件夹）在router.js中写一个接口。7.现在完成点击编辑，数据渲染在弹出框上，接下来要把编辑完的数据，发送给后台服务器，再由后台服务器 做些处理，存到数据库当中，再在页面中显示出来。5. Api 调用接口， 在src\api\teacher.js 中，添加ID查询方法 getIdInfo。2. Api 调用接口，src\api\teacher.js 导出的默认对象中，添加 删除方法。
2021-10-08 20:01:33
1452
原创 六、教师管理-列表查询、分页、搜索
1.为列表数据添加分页功能，使用分页组件完成分页功能，去node文件的router.js中，添加分页模拟接口。3.然后在下面写一个接口，在这之前，先把数据存到数据库中，创建出Teacher这个表，打开mongoose。2. Api 调用接口，在 src\api 下的 teacher.js ，增加分页查询。工号 姓名 职务 入职时间 电话。4.写一个接口，在router.js中添加获取教师列表方法。，去node文件，在创建一个teacher.js，
2021-10-06 23:08:07
809
空空如也
安卓返回上一级直接跳出webview
2024-05-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人