前端总结
柠檬水不加冰_
狮子永远不会在乎绵羊的想法!
展开
-
(2024)vue2+vue3学习笔记(持续更新)
v-model修饰符 .trim .number。// unshift 添加到数组最前面。// trim去除收尾空格。// 判断属性是否为空。原创 2024-08-19 15:31:43 · 198 阅读 · 0 评论 -
提取HTTP报文
【代码】提取HTTP报文。原创 2023-06-16 15:21:51 · 260 阅读 · 0 评论 -
react AutoComplete options 允许重复下拉数据;解决下拉数据有相同时滚动后数据全部重复问题;
问题:1、下拉数据有相同时滚动后数据全部重复;2、允许下拉框出现相同数据,如下图解决:直接在value中加一个id;lable不变;分析:由于我这个下拉框本事是通过截取后端传的数据进行拼接的,所以可以直接在value后添加一个id;value不显示,label才是显示项const lable = `${item.materialCode || ''},原料名称:${item.materialName || ''},入库批号:${item.materialBatch ||原创 2022-02-16 11:35:39 · 1320 阅读 · 2 评论 -
解决‘MODE_CONFIG‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
问题:doc上能正常启动,Windows不能正常启动;'MODE_CONFIG' 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决:在package.json中加入cross-env;原因:跨平台问题原创 2022-01-04 10:31:13 · 777 阅读 · 0 评论 -
微信小程序实现附件(图片/视频)上传及附件(图片/视频)预览
前景:1、框架:taro、taroUI、react;2、图片能点击放大3、视频能全屏播放4、能单独删除一、upload.jsimport { Image, View, Video } from '@tarojs/components';import React, { useEffect, useState } from 'react';import Taro from '@tarojs/taro';import { deleteUrl, get, post } from '.原创 2021-12-09 16:53:04 · 5077 阅读 · 0 评论 -
正则表达式input只能输入数字及小数,不限制位数
new RegExp(/^[0-9]+\.{0,1}[0-9]*$/),原创 2021-12-03 14:57:37 · 1724 阅读 · 0 评论 -
async与await封装AJAX请求
代码:::<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <原创 2021-07-06 10:56:10 · 217 阅读 · 0 评论 -
window.open打开页面居中显示
<script type="text/javascript">function openwindow(url,name,iWidth,iHeight) { var url; //转向网页的地址; var name; //网页名称,可为空; var iWidth; //弹出窗口的宽度; var iHeight; .转载 2021-05-31 11:32:03 · 2985 阅读 · 0 评论 -
docker中部署前端(react项目)
原理什么的我也不是很清楚,只知道docker就是集装箱,首先我用的工具是 webStorm1、首先配置docker2、然后控制台运行npm run build打包之后项目中会多一个docker的文件夹,build里面就是打包好的代码3.连接docker连接docker后打包好的代码会自己上传到指定路径4、然后输入地址就可以访问了地址为docker地址加自己直接输入的端口;...原创 2021-05-10 15:30:54 · 1020 阅读 · 0 评论 -
bug记录:时间问题,TimePicker时间显示不正确
问题描述:TimePicker组件格式化时间值不对正确时间是09:02,可是格式化之后变成了19:02问题代码:// 获取数据const getEditData = () => { getBody(`${Api.checkon.rules.get}/${data.id}`) .then((r) => { // form.setFieldsValue(r.data); form.setFieldsValue({原创 2021-05-06 15:39:23 · 726 阅读 · 0 评论 -
antd - 表单中集成富文本编辑功能【BraftEditor】
https://blog.csdn.net/qq_24917475/article/details/107819971转载 2021-03-09 16:35:55 · 742 阅读 · 0 评论 -
正则表达式基本语法详解
正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。1.正则表达式基本语法两个特殊的符号’^‘和’$’。他们的作用是分别指出一个字符串的开始和结束。例子如下:“^The”:表示所有以"The"开始的字符串(“There”,"The cat"等);“of despair":表示所以以"ofdespair"结尾的字符串;"abc":表示所以以"of despair"结尾的字符串;"^abc":表示所以以"of转载 2021-03-02 10:25:18 · 2949 阅读 · 0 评论 -
css_伪超链接和伪元素
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar转载 2020-07-03 16:10:08 · 975 阅读 · 0 评论 -
css_属性选择器(根据属性名或属性值设定指定样式)
1.[属性名] 选择含有指定属性的元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2020-06-23 16:17:20 · 8820 阅读 · 3 评论 -
标签将时间格式调整,由“yyyy-MM-dd HH:mm:ss”变为“yyyy-MM-dd”
<fmt:formatDate value="${entModel.entLicenseInfo.validToDate}" type="date" pattern="yyyy-MM-dd" />还有特别重要的一部,引入fmt<%@ taglib prefix='fmt' uri='http://java.sun.com/jsp/jstl/fmt...原创 2019-11-22 11:11:58 · 229 阅读 · 0 评论 -
前端js遍历集合,取集合中的id
问题:取集合中id的值代码:data[1].children.forEach(item=>{ item.children.forEach(chi=>{ chi.children.forEach(json=>{ if(unitId!=json.id){ ...原创 2019-10-15 16:26:42 · 2450 阅读 · 0 评论 -
前端------css兼容图片问题,根据屏幕分辨率兼容大小,@media兼容
@media screen and (max-height: 1080px) { .login{ width: 100%; height: 100%; }}media screen and (max-height: 960px) { .login{ width: 100%; ...原创 2018-10-24 13:50:28 · 1265 阅读 · 0 评论 -
css总结-------------初学者
position:absolute;绝对定位position:relative;相对定位position:static;静态定位position:sticky是一个新的css3属性,它的表现类似position:relative和position:fixed的合体,在目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的表现就像positi...原创 2018-11-29 15:24:17 · 121 阅读 · 0 评论 -
点击一个input输入框另一个input选中,点击不选择时另一个清空,输入框做年龄限制
<input class="agetype" name="agetype" style="margin-left: 10px;margin-bottom:5px" type="checkbox" value="0" >年龄></input><input id="agenum" name原创 2019-01-04 17:30:25 · 1210 阅读 · 0 评论 -
JavaScript--函数
1. 什么是函数? 对一段代码进行封装,封装的代码总是一个完成某项功能 简单理解: 封装的一个功能 2. 函数有何用? 完成某个操作(功能),可以完成多次 3. 为什么要使用函数? 3.1 减少代码的冗余度 3.2 后便后期对功能维护 4. 怎么使用?5.函数声明式语法f...原创 2019-01-07 11:22:05 · 123 阅读 · 0 评论 -
JavaScript----数组
1. 什么是数组 : 对一组数据有序排列的集合 2. 数组是由哪些组成 student : 张三 李四 王麻子 数组元素: 组成数组每一个数据,数组元素可以是任意类型的数据(基本类型,引用类型) 索引:数组元素对应的下标,默认情况下从零开始,依次递增(非负数) 数组的长度: 数组元素的个数, 最后一个数组元...原创 2019-01-08 09:30:33 · 268 阅读 · 0 评论 -
bootstrap-datetimepicker.js时间插件,开始时间不能大于结束时间,结束时间不能小于开始时间
<script src="plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script><script src="plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>...原创 2019-01-24 10:10:16 · 2556 阅读 · 0 评论 -
input只能输入正整数,且第一个不能为0,不能输入小数点
<input maxlength="3" style="width:70px;height:32px;" type="text" id="birthStarttime" placeholder=" 年龄" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.va原创 2018-09-10 10:11:49 · 9299 阅读 · 2 评论