- 博客(20)
- 收藏
- 关注
RSS订阅原创 jQuery文件上传以及MultipartFile
这种写法可以省略很多html代码，使得页面结构在编码时显得简单易懂，大部分工作都交由javascript来完成，尤其因为去掉了form标签，所以得使用javascript的FormData来手动构建表单对象，文件的二进制数据可以直接使用jQuery来获取到，然后再通过ajax提交到服务端即可。这种方式写form标签必须要有，并且必须要有action、method、和enctype属性，且entype属性值必须为multipart/form-data，这样后台才会认为这是一个二进制文件进行接收。
2023-09-07 10:43:15
1006
原创 typescript 函数
1.interface 可以声明合并，但是type无法定义，用type会报错 如果你多次声明一个同名的接口，TypeScript 会将它们合并到一个声明中，并将它们视为一个接口。:创建类型别名，不仅可以用来表示基本类型，还可以表示对象类型，联合类型，元组和交集。与Type不同，Interface仅限于描述对象类型。1.都可以描述Object 和Function，但语法不同。2.interface 和 type 都可以继承。函数添加指定返回值的类型：(number)接口和接口继承：(现有类型追加字段)
2023-06-08 15:31:05
91
原创 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
638
转载 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
15286
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
851
原创 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
153
原创 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
833
原创 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
132
原创 Css transition(过渡)
Css transition(过渡)提示：transition(过渡)是指为了添加鼠标移到某种元素时，其可以从一种样式转变到另一种样式。过渡效果通常在用户将鼠标指针浮动到元素上时发生。transition-property ：规定设置过渡效果的css属性名称transition-duration ：规定完成过渡效果需要多少秒或毫秒transition-timing-function ：指定过渡函数，规定速度效果的速度曲线transition-delay ：指定开始出现的延迟时间1.tra
2021-03-09 10:00:24
373
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
1167
原创 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
698
原创 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
1118
原创 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关注的人