自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 vue 监听input全角转半角

【代码】vue 监听input全角转半角。

2024-06-18 14:02:02 94 1

原创 vue3 下拉框三级联动

【代码】vue3 下拉框三级联动。

2024-06-18 13:09:27 77

原创 jQuery文件上传以及MultipartFile

这种写法可以省略很多html代码,使得页面结构在编码时显得简单易懂,大部分工作都交由javascript来完成,尤其因为去掉了form标签,所以得使用javascript的FormData来手动构建表单对象,文件的二进制数据可以直接使用jQuery来获取到,然后再通过ajax提交到服务端即可。这种方式写form标签必须要有,并且必须要有action、method、和enctype属性,且entype属性值必须为multipart/form-data,这样后台才会认为这是一个二进制文件进行接收。

2023-09-07 10:43:15 986

原创 typescript 函数

1.interface 可以声明合并,但是type无法定义,用type会报错 如果你多次声明一个同名的接口,TypeScript 会将它们合并到一个声明中,并将它们视为一个接口。:创建类型别名,不仅可以用来表示基本类型,还可以表示对象类型,联合类型,元组和交集。与Type不同,Interface仅限于描述对象类型。1.都可以描述Object 和Function,但语法不同。2.interface 和 type 都可以继承。函数添加指定返回值的类型:(number)接口和接口继承:(现有类型追加字段)

2023-06-08 15:31:05 91

原创 Vue3 模版语法

Vue3 模版语法

2022-11-16 11:54:31 494

原创 jq 阻止事件冒泡 子级点击事件父级不触发

jq 阻止事件冒泡 子级点击事件父级不触发

2022-08-23 10:22:06 526

原创 xss攻击 web防范

转义 元素的innerHTML内容即为转义后的字符ApiContent.htmlEncode = function(str) { var ele = document.createElement('span'); ele.appendChild(document.createTextNode(str)); return ele.innerHTML;}解析ApiContent.htmlDecode = function(str) { var ele = documen

2021-12-03 15:08:21 637

转载 js文本框input 禁止输入特殊字符(正则)

1.JS 控制不能输入特殊字符<input onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')">;2.JS 控制文本框只能输入数字<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oninput = "value=value.replace(/[^0-9]/g,'')

2021-11-11 17:40:09 15261 3

原创 js 数组去重

var arr = [1,2,3,4,2,1,23]var newArr = [];var setArr = [];for(var i=0;i<arr.length;i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push(arr[i]); }else{ setArr.push(arr[i]); }}console.log(newArr) //[1, 2, 3, 4, 23] 去重数组console.

2021-09-03 15:28:52 65

原创 js 数据类型转换

//转字符串1. .toString() 方法 var arr = [1,2,3,4]; console.log(arr.toString()); //返回字符串 1,2,3,4 !! // toString不能转null和underfined2. String() 方法 var arr = null; console.log(String(arr)); !! // String可以转null和underfined //转换数值3. Number() 方法 v

2021-09-02 16:24:19 75

原创 JS中如何判断一个对象是否为空对象

两种方法:var data = {};//JSON.stringify() 方法将 JavaScript 值转换为 JSON 字符串if (JSON.stringify(data) === '{}') { console.log(1) //为空 1}console.log(2) //不为空 2//ES6 新增的方法 Object.keys():该方法会返回 所有对象属性组成的数组var data = {};Object.keys(data) //如果对象为空,会返回一个空数组/

2021-09-02 14:34:43 88

原创 js 解析路径 获取路径拼接参数

function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]

2021-08-31 15:02:03 850

原创 jq 选项卡

<div class="head"> <ul> <li class="active">标题1</li> <li>标题2</li> <li>标题3</li> </ul></div><div class="text">one</div><div class="text" style="displ

2021-08-31 14:53:02 152

原创 jq 字符串拼接数据

var listHtml = "";//获取数据 拼接$.each(data,function(idx.el){ listHtml += '<ul><li>' + data.tagName + '</li><li οnclick=relaxLabel("' + data.tagId + '")></li></ul>';})//页面渲染$("#tagListDiv").html(listHtml);...

2021-08-31 14:35:57 832

原创 ECharts 基本配置

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第一个 ECharts 实例</title> <!-- 引入 echarts.js --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>

2021-07-13 14:41:29 131

原创 Css transition(过渡)

Css transition(过渡)提示:transition(过渡)是指为了添加鼠标移到某种元素时,其可以从一种样式转变到另一种样式。过渡效果通常在用户将鼠标指针浮动到元素上时发生。transition-property :规定设置过渡效果的css属性名称transition-duration :规定完成过渡效果需要多少秒或毫秒transition-timing-function :指定过渡函数,规定速度效果的速度曲线transition-delay :指定开始出现的延迟时间1.tra

2021-03-09 10:00:24 372 1

原创 html 如何封装 使用 公共布局

1.新建html文件 将写好的公布局 嵌入2.在使用html界面 位置 设置id值3.引入jq文件 (原生也可)4.选中该id 用 load()运行此html<!-- 公共布局 --><div class="public-head"> <p><a href="">首页</a></p> <p><a href="">数字中国</a></p> <p><a

2020-12-03 11:43:36 1165

原创 Css 锚点 及 锚点吸顶时盖住内容解决方法

锚点:<!-- 前面设置跳转 有标记 且对应 --><a href="#current-solve"><p>通用解决方案</p></a><a href="#exper-center"><p>解决方案体验中心</p></a><!-- 跳转的位置 对应id --><div id="current-solve">这里是通用解决方案</div><div i

2020-11-20 14:28:39 697

原创 Css hover时 取子元素 切换img 实现图片移入切换

<div class="patent-case"> <div class="patent-title-imgo"> <img src="assets/img/more/myself.png"> </div> <!-- 可加入内容 --><div> ```css<!-- 当父元素 hover 时 取子元素下img -->.patent-case:hover .patent-title-imgo img{

2020-11-17 17:44:49 1117

原创 css 文字超出宽度显示省略号...

单行超出宽度width:200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;两行或者多行超出宽度word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; // 可设置行数overflow: hidden;...

2020-11-12 08:44:32 218

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除