- 博客(100)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
原创 Echarts+vue3+高德渲染地图
' +'负责人:' + '测试/182****1474' +'</div>' +">' +'地 址:' + '测试地址测试地址测试地址测试地址测试地址测试地址测试地址' +'</div>' +">' +width:40px;${">` +">测试</div>' +'
2024-10-12 17:58:53
591
原创 vue3中< keep-alive >页面实现缓存及遇到的问题
实现原理:keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。实现不同路由是否缓存只需要设置对应路由参数keepAlive为true,不需要缓存的路由设置false。如果是多级路由你要设置子路由缓存的话,它的父级路由的keepAlive也必须为true。
2024-09-27 11:29:03
3407
原创 vue-simple-uploader自定义参数
processParams 处理请求参数,默认 function (params) {return params},一般用于修改参数名字或者删除参数。0.5.2版本后,processParams 会有更多参数:(params, Uploader.File, Uploader.Chunk, isTest)options: {return {},
2023-01-20 09:59:24
1569
1
原创 element-ui中结束时间和开始时间分开写时,判断结束时间不能大于开始时间
elementui中当结束时间大于开始时间的时候,把结束时间给清空。
2022-10-11 16:25:56
584
原创 element中el-input 输入框 在自动填充(auto-complete=“on“)时,背景颜色会自动改变问题
element中el-input 输入框 在自动填充(auto-complete="on")时,背景颜色会自动改变问题
2022-08-29 17:08:02
1851
原创 React状态,props和state的对比和各自的使用
React状态所有组件都会产生state对象props:只能获取里面的值,不能修改,就算修改了也没用state:获取和改变值一:组件状态更新1.使用ref获取节点,并获取节点的内容创建ref对象this.xxx = React.createRef();获取ref节点this.xxx.current实例: class Addcount extends React.Component{ //构造函数 constructor(){
2022-05-13 13:41:48
362
原创 初始React规范,React的特点和react组件和JSX
React一:React介绍网址:https://zh-hans.reactjs.org/再也看不到操作节点的操作1.特点自动化的UI状态管理虚拟DOM用普通js对象来描述DOM结构,因为不是真实DOM,所以称之为虚拟DOM。(通过虚拟DOM来改变节点,把改变后的虚拟DOM和真实DOM比较,然后更新节点)好处:简化了DOM操作,提高了性能组件化开发组件化和模块化的共同点:都可以复用区别:组件化:根据不同的功能,不同的标签划分成不同的组件;模块化:是实现代码的管理,把一
2022-05-13 13:36:33
310
原创 Webpach打包器的如何使用
打包器作用:1.把文件打包在一起,方便开发,减少请求数 2.模块加载官方文档:https://webpack.docschina.org/Webpach只能用于后台的单页页面一:Webpach概念概念:本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundl
2022-05-13 13:35:05
337
原创 上传文件upload
上传文件enctype:前端设置上传数据的格式//第一种:键值对application/x-www-form-urlencoded//第二种application/json//第三种:上传multipart/form-data后端接口需要的操作下载插件npm i multiparty引入插件(表现成/index.js)//引入path插件const path = require('path');//引入multiparty的下载文件插件const multipart
2022-05-10 14:26:42
1005
原创 node状态管理cookie,session,token的各自特点和使用方法还有hash算法加密
状态管理概念:将浏览器与web服务器的多次交互当作一个整体来处理,将多次交互所涉及的数据状态保存下来。管理方式1:将状态保存在浏览器,需要使用cookie技术管理方式2:将状态保存在服务器,需要使用session技术一:cookiecookie是一种客户端的状态管理技术。当浏览器访问服务器时,服务器会将一些信息以set_cookie消息头的形式发送给浏览器,浏览器会将这些数据保存下来,当浏览器再次访问服务器时,会将这些数据以cookie消息头的形式一并发送给服务器。(有几个cookie,就有
2022-04-29 23:08:23
463
原创 模块化的概念
模块化一:概念模块是指将一个系统的各个功能按照某种方式组织起来的架构模式。旨在降低各个功能的依赖度,提高系统的复用性、扩展性。二:特点2.1 可维护性一个设计良好的模块意在尽可能减少对代码库的依赖,所以它才能单独地扩展和完善。2.2 可重用性模块可以被重用,避免多次复制粘贴代码。2.3 重命名空间模块可以创建一个私有空间,从而避免全局空间的污染2.4 解决解析的依赖性模块相互独立,同时又可以相互访问。由于在加载它们时可以实现异步或按需加载,因此无需考虑加载的顺序。三:
2022-04-20 09:13:17
262
原创 Restful规范和使用
Restful简单来说:就是客户端和服务器的进行交互过程。在这个互动的过程,客户端要访问资源Resources,资源是一个名词,有很多类型。这就涉及到了传递资源以某种形式转换的过程到服务器一:概念REST 这个词,是 Roy Thomas Fielding 在他 2000 年的博士论文中提出的。Fielding 将他对互联网软件的架构原则,定名为 REST,即 Representational State Transfer 的缩写。翻译成中文则是“表现层状态转化”。那么,究竟什么是 REST 呢
2022-04-20 09:11:14
289
原创 跨域是什么和如何解决跨域问题的三种方法
跨域概念跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。所谓同源,是指域名(IP)、协议(http:80/https:443)、端口(8080)均相同ajax不允许跨域访问,只能同域访问。如何解决跨域一:CORS允许跨域访问(最简单),在服务器端加一个响应头操作(允许跨域操作)服务器告诉浏览器可以跨域设置响应头//设置响应头,要在app.use('/', indexRouter);的前面设置app.use('/*',function
2022-04-20 09:09:18
780
原创 node执行步骤实现
node执行步骤实现连接数据库1.首先,新建一个文件夹,在终端下载局部安装express骨架创建一个新的目录,并命令行进入该目录下通过npx生成项目骨架npx express-generator执行命令下载所有依赖包npm install执行命令启动服务器npm start2.在里面自己新建几个文件夹dao:持久层,model:最终完成和数据库的连接,service:业务逻辑层,db.js:连接数据库3.首先得建立对数据库得连接db.js里面写:// 加载数据
2022-04-15 20:38:57
1502
原创 TCP/IP协议组(4层)
TCP/IP协议组(4层)应用层,传输层,网络层,物理链路层应用层:HTTP,FTP,TFTP,SMTP,SNMP,DNS协议HTTP:超文本传输协议概念:HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。特点无状态:服务器无法保存之前的访问状态,比如
2022-04-11 20:59:45
2540
原创 css渐变
css渐变一:线性渐变通过方位词定义方向 /* 定义渐变方向,渐变至少两个颜色 */ /* 通过方位词你定义方向 */ background-image: linear-gradient(to top,pink,skyblue);通过角度定义方向 deg (正方向为顺时针,负方向为逆时针) /* 通过角度定义方向 deg (正方向为顺时针,负方向为逆时针)*/ background-image: linear-gradient(135deg,green,blue)
2022-04-10 21:46:55
190
原创 css中常用的图标网站和用法还有动画@keyframes和响应式布局
图标法一:图标网站unicode网站:https://unicode-table.com/cn/blocks/使用方式(下载或者引用)<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><!-- <link rel="stylesheet" href="./font-awesome-4.7.0/cs
2022-04-10 21:46:38
592
原创 CSS预处理语言less的使用
less一:声明变量(变量作用域问题)关键字:@先建一个less文件在里面写东西,回车会出现css文件(在vscode里面下载一个插件easy less)在less里面的单行注释//不会出现在css中// 单行注释 不会被编译到css中在less里面的多行注释/**/会出现在css中/* ------多行变量 会被编译到css中------ */全局变量(外部声明):当前文件下都可以使用@mycolor:#dcdcdc;.box{ width: 200px
2022-04-10 21:46:17
393
原创 BFC(Block Formatting Context)
BFC(Block Formatting Context)一、块级格式化上下文具有 BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。二、触发 BFC只要元素满足下面任一条件即可触发 BFC 特性:body 根元素浮动元素:float 除 none 以外的值绝对定位元素:position (absolute、fixed)display 为 inline-block、table-cells、flexover
2022-04-10 21:45:51
109
原创 HTMLCSS动画transiton,表格table,表单from
一:动画transition transition: all 1s linear;兄弟元素用+连接.box:hover+.box1多个元素用,h1,p二:蒙版,模态框举例:<style> .box{ width: 300px; height: 300px; position: relative; background-image: url('../img/12.jpg'); background-size: 100
2022-04-09 23:13:55
590
原创 HTMLCSS声明冲突和视觉格式化
声明冲突声明冲突:规则属性相同,值不同层叠(解决声明冲突的一种机制)层叠的过程比较优先级(用户样式表>作者样式表(内部,外部,行内)>浏览器样式表)优先级低的声明会被淘汰,高的则胜出比较特殊性(表)特殊性低的声明会被淘汰,高的则胜出比较源次序(代码的先后顺序)最后的胜出若属性值后面根!important是一个重要声明.se_item2_1_2 .pa{ width: 261px; height: 242.5px;
2022-04-09 23:12:19
436
原创 CSS列表
列表有序列表 <!-- 有序列表 --> <ol> <li></li> <li></li> <li></li> </ol>无序列表 <!-- 无序列表 --> <ul> <li></li> <li></li>
2022-04-09 23:10:57
138
原创 伪元素(用双冒号好区分,其实也能用单冒号)
伪元素(用双冒号好区分,其实也能用单冒号)::before:在之前/* 作为子元素添加 */h1::before{ content: '在之前'; color: aqua;}::after:在之后h1::after{ content: '在之后'; color: aqua;}::first-line:选中第一行/* 选中第一行 */p::first-line{ color: blueviolet;}::first-lett
2022-04-09 23:10:02
143
原创 超链接和背景图片和雪碧图
一:超链接target属性target="_self" /*在当前标签页打开*/target="_blank" /*在新的标签页打开*/路径相对路径:是相当于当前资源的位置,只能用于访问站内资源。/*书写格式*/./路径./表示当前资源所在的目录,必须作为相对路径的开始,可以省略../表示返回上一级目录绝对路径:协议//域名/目录列子:http://www/google.com/协议:http域名:www.google.com目录:根目录两种路径比较:
2022-04-09 23:08:13
159
原创 HTMLCSS选择器
选择器1.元素选择器 元素名{声明块} 选中页面上所有的元素h2{ color:pink; /*字体颜色*/ font-size:40px;/*字体大小*/}2.类选择器 .类名{声明块}取名要求:1.不能是纯数字开头2.望名知意,驼峰命名法(rightTop),蛇形命名法(right_top),连字符(right-top)一个元素可以有多个类名<h1 title="sss" class="as">你好</h1><h1 title="sss" class
2022-04-09 23:06:26
671
原创 弹性布局(display:flex)
弹性布局(display:flex)容器和项目容器:父元素项目:子元素主轴和交叉轴主轴:默认情况下,水平向右交叉轴:默认情况下,垂直向下换行(flex-wrap) /* 创建弹性布局 所有子元素默认在一排显示 */ /* 诺项目总宽度超过容器宽度,不会换行,会等比例压缩项目宽度 */ display: flex; /* 自动换行 */ flex-wrap: nowrap; /* 换行 */ flex-wrap: wrap; /* 反转,倒
2022-04-09 22:51:28
464
原创 CSS盒模型
盒模型(每一个元素都会生成矩形的盒子)长度单位区别:1em=16pxem相当于父元素rem相当于根元素盒子的分类一个元素产生怎样的盒子,取决于他的css属性display /* 隐藏 不生成盒子*/ display: none; /* 行内元素 可以并排*/ display: inline; /* 块盒 */ display: block;盒子的组成(border和padding都会使盒子称大)margin /*
2022-04-09 22:49:34
433
原创 HTML基础介绍
HTML基础介绍一:W3CW3c:万维网联盟(world wide web Consortium):是目前web技术领域最具有权威和影响力的技术标准机构。Html:超文本标记语言(Hyper text Markup Language):决定文档内容和结构。08年HTML5草案发布,12年形成稳定版本。标签:动词type,meta新增语义化标签和属性去掉了纯展示性的标签添加了canvas,video,audio,本地存储,拖曳语法标记不区分大小写,推荐小写空标记可以不
2022-04-09 22:47:24
179
原创 nodejs入门
nodejs入门nodejs概念Node.js,是一个可以让 JavaScript 运行在服务器端的运行环境。它可以让 JavaScript 脱离浏览器的束缚,就像运行 Python、Perl、PHP、Ruby 程序一样,我们可以用 Node.js 轻松地进行服务器端应用开发,Python、Perl、PHP、Ruby 能做的事情,Node.js 几乎都能做,而且可以做得更好。nodejs能做什么具有复杂逻辑的网站基于社交网络的大规模 Web 应用Web Socket 服务器TCP/UDP
2022-04-09 21:50:45
1249
1
原创 通过js,Jquery和layui来分别实现学生信息的增删改查
通过js,Jquery和layui来分别实现学生信息的增删改查功能:js和jquery只实现了学生信息的增删改查,layui实现了学生的登录注册和学生信息的增删改查辅助功能:ajax,mock;工具:vscode (插件):Live Server一:js实现js实现学生信息的增删改查二:jquery实现jQuery实现学生信息的增删改查三:layui实现layui实现学生信息的增删改查...
2022-04-06 21:48:13
724
使用layui编写的学生与班级管理
2022-04-20
vue3使用vxe-table插件如何实现数据自动滚动
2024-09-20
Vue3中的虚拟滚动表格如何实现
2024-09-14
js数组转换const arr = [ {processId: 1161, co
2023-11-21
element中动态表单,如何把里程和里程费输完后自动带出数量赋值给里程费合计
2023-09-11
vue项目,如何使用腾讯地图api来定位当前的位置
2023-01-13
如何将两个数组合并,且后一个有相同id的不合并
2022-11-28
vant中 如何让点击标签页吸顶
2022-10-24
子组件的生命周期created会覆盖父组件传递下来的通过watch监听修改过一遍的值。
2022-09-30
前端访问接口时间问题与父传子变量之间的比较
2022-09-05
如何在tabs标签页判断属于哪个标签页的值并传递给父组件
2022-09-01
关于#vue.js#的问题:点击编辑获取表格的数据
2022-08-31
在一串文字里面提取出img和img里面的属性src
2022-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人