- 博客(49)
- 收藏
- 关注
原创 数组套对象,根据对象的键值对数量进行排序
// 数组套对象,键值对象中的键值对的数量排序//思路:循环便利数组中的对象,给每个对象,添加length属性,value是键值对的数量,然后根据length,value把数组//对象进行排序,然后循环遍历delete item.lengthvar arr1= [{a: 1, b: 2},{a: 1, b: 2, c: 3, d: 5},{a: 1},{a: 1, b:...
2019-11-14 19:30:42
573
原创 字符串排重,并输出重复出现次数最多的的字符和重复字数
var string = 'abcdaaabcd';var arr = string.split("");stringOk = Array.from([...new Set(arr)]).join('');var ele = document.getElementsByClassName('text')[0];ele.innerHTML = ' 排重后的字符串' + stringO...
2019-11-14 18:08:47
593
原创 js引用类型指针
var objOld = {name:"hhh"};var objNew = objOld;console.log(objNew); //{name: "hhh"}console.log(objOld);// {name: "hhh"}objNew 和objOld指针是一个,改变其中一个,另一个也会改变;objNew.age="24"console.log(objNew);...
2019-11-02 15:12:48
252
原创 el-upload 上传图片的限制
<divclass="upImg"><el-uploadclass="avatar-uploader"action="urlPath":show-file-list="false"...
2019-09-26 14:24:44
1625
原创 vue监听滚动事件
window.addEventListener('scroll', () => {let scrollTop = document.documentElement.scrollTop ||document.body.scrollTop ||document.querySelector('.bk-main-content').scrollTop;console.log(scro...
2019-08-15 18:24:55
162
原创 js 一个变量是否是空
function isEmpty(data) {if (data) {// 数字不为0,'0' ,字符串不为'',不是null,不是underfindif (typeof data === 'String') {if (data === 'null' || data === 'false' || data === '0') {return false}}if ...
2019-08-09 12:02:11
140
原创 url。对象,拼接成新的路径
createUrl(url, params) { var i = ''; for (i in params) { url += '&' + i + '=' + params[i]; } var reg = new RegExp("&"); return url.replace(reg, ""); },url =strin...
2019-08-05 15:49:35
381
原创 银行卡的正则方法(16或19)
function regTest(data) {var regExp = /^([1-9]{1})(\d{15}|\d{18})$/;return regExp.test(data)}console.log('regTest(): ', test('6210812470004250007'));
2019-07-23 10:43:09
2266
原创 对象的key值变量替换
// 原数据var data = {id: '1',name: '张三'}// 要改变的数据var keyMap = {'id': '序列','name': '姓名'}function transformKey(data, keyMap) {let newObj = Object.keys(data).reduce((newData, key) =...
2019-07-16 17:42:29
883
原创 vue设置不能输入除了数字之外的东西
<input type="text"placeholder="请输入获取数量"v-model="num"maxlength='5'@keydown="seaNum" />
2019-06-19 18:20:42
943
转载 时间格式转换
filterDateFormat: function (date, format, notHasZero) { //hyh 时间过滤器// yyyy/MM/dd hh:mm:ssif (!(date > 0)) {return '';}date = new Date(date);var map = {"M": date.getMonth() + 1, //月份...
2019-06-03 17:29:24
323
原创 js保留有效数字,动态的
const deciMal = (data, num) => {return data.toString().indexOf('.') != -1 ? data.toString().substring(0, data.toString().lastIndexOf('.') + num) : data;}//第一个参数是要处理的数据,第二是保留多少位有效数字console.l...
2019-05-20 18:07:10
778
原创 时间,倒计时处理
timeTransform(server_time, start_time) {function addZero(m) {return m < 10 ? ‘0’ + m : m}if ((start_time - server_time) > 0) {var time = start_time - server_time;var d = Math.floor(time / ...
2019-05-11 17:38:15
340
原创 vue element分页
<el-pagination background @current-change=“sizeChangeIndex” :page-size=“pageSize” :total=“total” layout=“total, prev, pager, next” style=“margin-top: 20px;text-align: right;”>...
2019-05-11 10:47:18
234
原创 create-react-app3.0.0 react脚手架新版
阔别一年多,重新捡起react项目,发现改变了不少,有点看不懂了怎么破!最大的变化,第一点:react和vue3.0一样隐藏了webpack相关配置,导致很多小伙伴心里没有底,哈哈哈哈!我也是一摸一样的,感觉无从下手的样子首先说一下react的webpack可以通过运行npm run eject暴露出来,如图,会多出两个文件夹,config和scripts我们不关心scripts中的东西,...
2019-05-10 00:26:14
699
原创 js正常时间转时间戳
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...
2019-05-07 18:31:54
984
原创 时间戳转正常日期多种类型
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...
2019-05-07 18:07:23
314
原创 js时间戳转换成正常日期
new Date(parseInt(data.course_chapter_start_time) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ')2019/4/13 上午12:00
2019-05-07 15:57:19
352
原创 vue 3.0引入jquery
npm install jquery --savemain.js里引入import $ from 'jquery'重点在于下面这句话:在vue.config.js中配置jqueryconfigureWebpack: { plugins: [ new webpack.ProvidePlugin({ $:"jquery",...
2019-04-29 18:46:51
995
原创 侧边栏的样式修改(兼容火狐和谷歌)
el-scrollbar 的操作.dropDownBox {padding: 5px 10px;background: #ffffff;box-shadow: 0 0 2px #dddddd;transition: 0.3s;max-height:200px;overflow: hidden;&:hover {overflow-y: auto;}...
2019-04-29 18:15:09
803
原创 callapp-lib唤起app
openApp() {const options = {scheme: {protocol: 'weixin' //URL Scheme 的 scheme 字段,要打开的 APP 的标识},intent: { //安卓原生谷歌浏览器必须传递 Intent 协议地址,才能唤起 APPpackage: 'com.tencent.mm',//腾讯微信包名scheme: 'we...
2019-04-28 13:42:15
6418
1
原创 location.herf参数的获取和组成
getUrlKeyValue() {let query = window.location.search.substring(1);let vars = query.split("&");var params = {};for (let i = 0; i < vars.length; i++) {let pair = vars[i].split("=");pa...
2019-04-25 11:01:58
518
原创 vsc 的vue中.js文件的代码片段编写
{“Print to console”: {“prefix”: “js”,“body”: [“export default {”," data () {"," return {"," };"," },",“”," props: {},"," components: {},",“”," computed: {},",“”," created(){...
2019-04-12 18:34:08
483
原创 vsc 的vue项目的.vue代码片段编写
{"Print to console": {"prefix": "vue","body": ["<template>"," <div>"," <h1> 好</h1>"," </div>","</template>","","","<script>"," import ...
2019-04-12 18:32:37
399
原创 forEach和map和filter的区别总结
最大的区别:forEach不会反悔新的数组,而是在原数组的基础上改变数组,可以用于数组的修改ag:var arr = new Array();arr = [1,2,3,4,5,6];arr.forEach((item,index,a)=>{console.log(item,index,a) //子元素,索引,原数组arr[index] = item + 1})...
2019-03-21 19:59:02
4186
1
原创 element封装的selected多选(带数字)
(我师傅封装的)引入:<teaThree v-if="EditDialog" :eqMod="editClass.classEquipments" :eqData="equipmentName" :num="10" :currData="getEqData"></teaThree>utils里面引入:Vue.component('teaThree', require...
2019-03-21 14:04:41
476
原创 数据的去重和判断
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Co...
2019-03-20 18:02:28
393
原创 前端开发过程中常见的变量处理
// 判断一个变量是否是数组或者对象:// JSON.stringify(obj) === ‘{}’;// JSON.stringify(obj) === ‘[]’;isNull(obj) {for (var key in obj) {return false;}return true;}// 判断是否是空数组var arr = [];if (Array.isArray(ar...
2019-03-15 13:24:03
266
原创 动态添加输入框
vue代码部分:<el-form-item label="备注:"><el-input type="textarea" v-model="addAccessoriesInfo.remark" placeholder="请输入备注" autocomplete="off"></el-input><div
2019-03-13 13:13:38
1474
原创 el-tabel(默认多选,数值改变,多选)
我自己项目中用到的,仅做参考,与君共勉vue代码部分(写在dialog里的):<el-dialog title="选择配件" :visible.sync="dialogCheckAccessories" width="45%"><el-table ref="multipleTable" :data="list" tooltip-effect="
2019-03-13 13:05:58
752
原创 动态拼接json对象的方法key是变量
val的格式是[ {},{},{}]第一种、拼接成一个新的数组套json对象的格式if(val instanceof Array){var arr = [];val.forEach(item => {let obj = {}obj[item.id] = item.name + "*" + item.numberarr.push(obj)});this...
2019-03-13 12:51:43
3238
原创 错误对象Error
错误信息提示:// 1.错误的类型// 2.错误的具体描述// 3.错误的位置及文件在代码运行中,一旦错误出现,程序终止并抛出相对应的错误类型,// 1.ReferenceError:引用无效,即引入未定义的变量时会报错// 2.TypeError:即变量存在,但是使用方法错误// 3.SyntaxError:即写法错误(语法错误):符号错误等等...
2018-09-20 16:21:49
266
原创 vue 传值
vue组件的作用域之间是相互独立的,一个组件不能使用另外一个组件的数据,所以为了实现一个组件可以使用另外一个组件的数据,我们需要用到传值vue 的组件传值分三类:1.父传子 2.子传父 3.非父子其传值步骤如下:第一种父:传子:1.根组件即父组件,将要传递的值或者数据作为属性放置在要接收值的开始标签中—属性名自定义,属性值为传递的data变量2.在子组件中(要接收数据的那个子组...
2018-09-20 16:20:09
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅