- 博客(31)
- 收藏
- 关注
RSS订阅
原创 js相关的部分数据转换和处理
js相关的部分数据转换和处理截取字符串var str = "1234567890"; var a = str.substring(3,8); //45678 字符串和数字相互转换//整数var str = "011"var b = parseInt(str) //11var c = b.toString() //转字符串10进制 11var d = b.toStr...
2019-04-10 14:25:25
226
原创 JS对象数组根据某一相同项合并其他属性为一个数组
现有数组var array = [ {name: '张飞', value: '1'}, {name: '张飞', value: '2'}, {name: '张飞', value: '3'}, {name: '关羽', value: '9'}, {name: '关羽', value: '6'}, {name: '刘备', value: '8'}, {name: '刘备', value: '2'}, {name: '刘备', value: '1'}];目标数组data = [ {na
2020-10-12 15:41:15
2285
1
原创 React内使用DES加密解密
要先安装js包 ------ npm i crypto-js新建一个加密/解密文件, 引入直接使用, 注意约定的秘钥为keyimport CryptoJS from 'crypto-js';const key = 'jiami123';const keyHex = CryptoJS.enc.Utf8.parse(key);// 加密const encryptDES = (message) => { if (message) { let encrypted = Crypto
2020-09-24 16:54:36
1660
1
原创 React 跳转路由传参, 页面请求两次
问题: 路由跳转时, 页面发出了两次一模一样的网络请求, 但是当前页刷新时, 仅发出一次请求.问题条件说明: 在跳转路由上带参数, 且参数中包含中文问题分析: 浏览器对中文参数进行转码导致组件加载两次解决方案: 在传递参数时, 对参数用encodeURI进行转码, 接收参数时用decodeURI解码// 获取props.location.search中的参数值const getQuery = (search) => { let obj = {}; if (search) {
2020-09-22 14:53:29
1731
原创 CSS样式小结
CSS样式小结首行缩进：em-字符单位text-indent:20px;text-indent:2em;阴影：*20px：水平阴影的位置*10px：垂直阴影的位置8px：模糊距离5px：阴影的尺寸outset/inset：外阴影/内阴影box-shadow: 20px 10px 8px 5px #888888 inset;文字超出盒子长度，后面显示… width:200...
2020-08-14 16:54:05
309
原创 css 多边形边框(八边形)
<div className="block"> <div className="center"></div> </div>.block { box-sizing: border-box; position: relative; width: 400px; height: 45px; overflow: hidden; .center { box-sizing: border-box; position: .
2020-07-14 17:05:46
4319
原创 VSCode 常用代码提示(不定期更新)
jQuery提示方法1. script头部添加代码 jQuery||require("jquery")方法2. (1) 安装插件 jQuery Code Snippets(2) jq + 方法名, 例如canvas提示script头部添加代码注释 /** @type {HTMLCanvasElement} */
2020-06-29 17:43:08
1062
原创 bootstrap-datetimepicker区间选择设置起始时间限制
对一个时间区间选择, 限制时间区间的开始时间不能超过结束时间, 可以重置该限制.由于该时间区间选择器常用于做筛选条件, 所以这里默认情况下, 两个选择框可选择的最新的时间 (即endDate的设置, 如果不需要该限制, 可以在初始化的时候不写) 就是当前日期.注意: 这里不再写引入文件等多余的代码<div class="col-sm-3 cld-double-date">...
2020-04-27 17:23:25
2378
原创 js的复杂运算 - Math对象方法
// 2 的 3 次幂 = 8Math.pow(2, 3);// 2 的 立方根 = ³√￣2Math.pow(2, 1/3); // 3 的 平方根 = √￣3Math.sqrt(3);// 四舍五入 = 1.0Math.round(0.6);// 向上取整 = 2.0Math.ceil(1.4);// 向下取整 = 2.0Math.floor(2.7);//...
2020-04-27 10:24:27
316
原创 javascript中常用的几种循环方法
1. for 循环最常用的循环let arr = [1,2,3,4,5];for(let i=0; i<arr.length; i++){ console.log(arr[i]);}2. for of 循环let arr = [1,2,3,4,5];for(let item of arr){ console.log(item);}// 1 2 3 4 53...
2020-04-22 14:29:27
669
原创 select2的二级联动更新数据(重置select)
select2二级联动 ( 前面一个下拉框选中的值更改, 同时更新该select2的下拉数据 ).踩过的坑: 只是销毁select2而不清空, 会使select中的选项累加. 因此需加上 empty() 方法// $.ajax({ url: '../../category/item/child/list', data:{ categoryType:contentType...
2020-03-09 17:38:33
3271
原创 js截取url中带的参数值
// 获取路径中的参数function getUrlParams(url){ let arr = url.split('?'); let obj = {}; if(arr.length>1){ let params = arr[1].split('&'); for(let i=0;i<params.length;i++){ let it...
2019-11-25 14:07:38
187
1
原创 CSS 图片垂直居中的多种实现方法
图片水平居中的方法有很多, 比如flex, margin, text-align, position, 这里不再做具体说明, 主要讲解, 图片的垂直居中.( 注意: text-align: center在图片为内联块inline-block时生效, margin:auto在图片为块block时生效 )flex实现方法<div class="img-box"> <img ...
2019-11-15 16:41:55
316
原创 select2的清空value事件
select2是一个很厉害的下拉框插件, 但是在设置重置的过程中, 如果按照传统的直接设置value值或者设置选中的option是无法触发change事件的, 因此会造成value值更新, 但是select框里面的显示值是不改变的, 这里就需要用jQuery的trigger方法去手动触发, 下面上代码:$('#reset').click(function () { $("#inputSe...
2019-09-05 14:46:47
1330
原创 ES6常用语法
新的声明方法var是之前常用的声明变量的方法, 它会提升变量等级, 将变量提升至全局.let , const 是ES6新出的声明变量的方法. 其中let的特性:同一作用域内变量不能重复声明块级作用域// var使变量提升至全局for(var i = 0; i < 10; i++){ setTimeOut(function(){ console.log(i); //...
2019-09-02 16:45:13
165
原创 JS中插入的html元素绑定的函数传值问题
JS中插入的html元素绑定的函数传值问题在JavaScript中向html中动态插入一些元素, 例如button/input等, 对插入的元素绑定一些事件去执行函数, 这个时候如果想要给函数传递对象类型的参数, 或者传的参数中可能会存在特殊字符, 例如英文的单双引号, 会使页面报错无法继续运行, 这里就介绍一种利用escape对特殊字符转码进行传值的方法. 部分代码如下:function (...
2019-08-28 16:55:54
1240
原创 html输入框禁止输入空格(jQuery去首尾空格)
用正则表达式控制空字符的输入此处涉及\s:匹配任意空白符 \S:匹配任意非空白字符<input type="text" onkeyup="this.value=this.value.replace(/\s+/g,'')" placeholder="请输入文件名称">...
2019-08-08 14:51:00
3006
原创 bootstrap table 常用方法
获取多选选中的数据// json对象的数组var rows = $('#table').bootstrapTable('getSelections');修改没有数据的提示信息$("#tableId").bootstrapTable({ ... formatNoMatches:function(){ return "你的自定义文字说明"; } .....
2019-08-06 16:58:27
1291
原创 js 从0-1000中随机抽取20个整数成数组，并进行冒泡排序
JavaScript 从0-1000中随机抽取20个整数成数组，并进行冒泡排序。//0-1随机数var num = Math.random();//从start-end范围内获取随机数function getRandomNumberByRange(start, end) { return Math.floor(Math.random() * (end - start) + star...
2019-07-02 21:19:12
2347
原创 vue上传图片（压缩、base64）
vue上传图片（压缩、base64）<el-form-item label="产品图标："> <span v-if="firImg" class="spanImg"> <img v-if="firImg" :src="firImg" alt="" class="avatar limImg"> <input...
2019-05-16 16:42:49
5259
原创 vue子父组件通信及使用
vue子父组件通信及使用在vue的页面中，有些页面由于很复杂，如果写在一个文件中需要些很多行代码，影响代码的直观性，并且绑定的数据很容易混淆。这里就可以运用子父组件进行完成，同一个子组件也可以在不同的父组件中进行运用，即子组件的共用性。注意： 子组件不能在js中更改父组件的数据下面对子父组件的运用进行说明：父组件：引入子组件文件import child from "./dial...
2019-05-15 16:57:59
796
原创 移动端解决软键盘弹出时底部fixed定位被顶上去的问题（vue和jQuery）
移动端解决软键盘弹出时底部fixed定位被顶上去的问题移动端页面的底部菜单栏，通常会使用fixed定位在底部。在安卓手机上经常会出现软键盘弹出时，底部定位被顶上去，下面提供vue和jQuery两种解决办法。vue.js代码<!--html部分--><div class="footer" v-show="hideshow"></div>// js 部分...
2019-04-29 18:08:24
10006
7
原创 AES加密及ajax的post方法封装
AES加密及ajax的post方法封装首先要引用ase的加密文件（见文章最后），然后在js中定义加密函数，在请求接口时对传递的参数进行加密。详细代码如下：封装//加密function encrypt(word){ var key = CryptoJS.enc.Utf8.parse('1234'); var srcs = CryptoJS.enc.Utf8.parse(word);...
2019-04-28 09:47:44
1718
5
原创 关于iOS移动端的点击事件失效的问题
关于iOS移动端的点击事件失效的问题由于iOS系统对于click点击事件兼容性不是很好，所以建议尽量减少click事件的使用，比如div上绑定的click事件，iOS可能无法识别。解决方法：在点击事件绑定的元素上设置以下样式：cursor:pointer;...
2019-04-26 15:16:24
2550
原创 css解决并排的内联区块不对齐的问题
css解决并排的内联区块不对齐的问题问题分析：两个并排的inline-block在同一行并排的时候，经常出现后面的一个块要比前一个靠下，这里用margin和padding都无法解决该问题。解决方法：在两个区块里面重新定义vertical-align属性值 描述 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super ...
2019-04-16 18:17:56
990
原创 el-date-picker区间设置默认值（当前月第一天到当天）
el-date-picker区间设置默认值（当前月第一天到当天）el-date-picker设置为daterange日期区间<el-date-picker v-model="dateVals" type="daterange" value-format="yyyy-MM-dd" range-separator="-"...
2019-04-12 19:31:39
16187
1
原创 Vue Excel文件的下载和上传（formData）
Vue Excel文件的下载和上传（formData）在本文中传给后台的数据为FormData，首先介绍Excel文件的上传和下载代码。HTML代码，其中引用了Element-UI的button<el-button type="success" @click="download" >表格下载</el-button><input style="display:n...
2019-04-11 21:43:04
4909
1
原创 vue移动端上拉加载
vue移动端上拉加载mint-UI 插件，HTML定义加载的内容<mt-loadmore :bottom-method="loadBottom" :auto-fill="false" :bottomPullText="bottomText" ref="loadmore" @bottom-status-change="handleBottomChange"> ...
2019-04-09 18:08:24
1969
原创 Vue 跳转路由传参以及获取参数
Vue 跳转路由传参以及获取参数跳转路由传参跳转前的页面编辑：（即传参页面）在template中跳转路由传递参数（query）<router-link :to="{path:'/positionList',query:{province:1,city:1}}" class="beijing"> <span>北 京</span></router-...
2019-04-08 19:32:42
3414
原创 vue在App.vue文件中监听路由变化刷新页面
vue在App.vue文件中监听路由变化刷新页面在路由跳转时，会出现页面需要重新刷新一遍才能获取数据加载页面，这时添加一个监听器，如果跳转到页面刷新一次。export default { name: 'App', provide(){ return{ reload:this.reload } }, data(){ return { isRouterAlive:t...
2019-04-08 12:08:08
8321
2
原创 Vue el-select 获取label值
Vue el-select 获取label值在HTML中设置el-select<el-select style="width:80%;" v-model="chVal" placeholder="" @change="chChange"> <el-option v-for="item in chOptions" :key="item.id" :...
2019-04-08 11:47:08
11782
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人