前端
疯人院院长
这个作者很懒,什么都没留下…
展开
-
大屏可视化图表踩坑记录
echarts图表,动态获取数据,重新渲染失去高度;双Y轴的间隔不一致的问题原创 2024-04-28 15:45:50 · 292 阅读 · 0 评论 -
vscode setting配置
vscode,辅助发开原创 2024-04-18 16:40:22 · 253 阅读 · 1 评论 -
数组套对象,根据对象的键值对数量进行排序
// 数组套对象,键值对象中的键值对的数量排序//思路:循环便利数组中的对象,给每个对象,添加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 · 513 阅读 · 0 评论 -
字符串排重,并输出重复出现次数最多的的字符和重复字数
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 · 535 阅读 · 0 评论 -
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 · 203 阅读 · 0 评论 -
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 · 684 阅读 · 0 评论 -
vue设置不能输入除了数字之外的东西
<input type="text"placeholder="请输入获取数量"v-model="num"maxlength='5'@keydown="seaNum" />原创 2019-06-19 18:20:42 · 884 阅读 · 0 评论 -
函数式组件
转载 2019-06-17 11:39:04 · 123 阅读 · 0 评论 -
对象的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 · 792 阅读 · 0 评论 -
银行卡的正则方法(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 · 1885 阅读 · 0 评论 -
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 · 301 阅读 · 0 评论 -
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 · 97 阅读 · 0 评论 -
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 · 105 阅读 · 0 评论 -
el-upload 上传图片的限制
<divclass="upImg"><el-uploadclass="avatar-uploader"action="urlPath":show-file-list="false"...原创 2019-09-26 14:24:44 · 1526 阅读 · 0 评论 -
时间格式转换
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 · 270 阅读 · 0 评论 -
vue路由懒加载
原创 2019-06-19 11:52:42 · 111 阅读 · 0 评论 -
vsc 的vue中.js文件的代码片段编写
{“Print to console”: {“prefix”: “js”,“body”: [“export default {”," data () {"," return {"," };"," },",“”," props: {},"," components: {},",“”," computed: {},",“”," created(){...原创 2019-04-12 18:34:08 · 431 阅读 · 0 评论 -
vsc 的vue项目的.vue代码片段编写
{"Print to console": {"prefix": "vue","body": ["<template>"," <div>"," <h1> 好</h1>"," </div>","</template>","","","<script>"," import ...原创 2019-04-12 18:32:37 · 346 阅读 · 0 评论 -
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 · 4109 阅读 · 1 评论 -
动态添加输入框
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 · 1393 阅读 · 0 评论 -
动态拼接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 · 3144 阅读 · 0 评论 -
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 · 417 阅读 · 0 评论 -
数据的去重和判断
<!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 · 341 阅读 · 0 评论 -
前端开发过程中常见的变量处理
// 判断一个变量是否是数组或者对象:// 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 · 221 阅读 · 0 评论 -
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 · 6162 阅读 · 1 评论 -
侧边栏的样式修改(兼容火狐和谷歌)
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 · 695 阅读 · 0 评论 -
时间,倒计时处理
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 · 281 阅读 · 0 评论 -
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 · 183 阅读 · 0 评论 -
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 · 704 阅读 · 0 评论 -
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 · 937 阅读 · 0 评论 -
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 · 302 阅读 · 0 评论 -
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 · 638 阅读 · 0 评论 -
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 · 458 阅读 · 0 评论 -
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 · 938 阅读 · 0 评论 -
错误对象Error
错误信息提示:// 1.错误的类型// 2.错误的具体描述// 3.错误的位置及文件在代码运行中,一旦错误出现,程序终止并抛出相对应的错误类型,// 1.ReferenceError:引用无效,即引入未定义的变量时会报错// 2.TypeError:即变量存在,但是使用方法错误// 3.SyntaxError:即写法错误(语法错误):符号错误等等...原创 2018-09-20 16:21:49 · 212 阅读 · 0 评论