自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js浮点数加减乘除

js,浮点数加减乘除

2024-04-29 17:04:15 90

原创 移动端H5页面使用Vant组件库下拉刷新和页面滚动事件冲突

van-pull-refresh 下拉加载和元素的滚动事件发生冲突

2024-04-28 16:33:37 797

原创 大屏可视化图表踩坑记录

echarts图表,动态获取数据,重新渲染失去高度;双Y轴的间隔不一致的问题

2024-04-28 15:45:50 284

原创 vscode setting配置

vscode,辅助发开

2024-04-18 16:40:22 243 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 500

原创 字符串排重,并输出重复出现次数最多的的字符和重复字数

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 524

原创 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 200

原创 el-upload 上传图片的限制

<divclass="upImg"><el-uploadclass="avatar-uploader"action="urlPath":show-file-list="false"...

2019-09-26 14:24:44 1520

原创 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 103

原创 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 92

原创 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 297

原创 银行卡的正则方法(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 1867

原创 对象的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 780

原创 vue设置不能输入除了数字之外的东西

<input type="text"placeholder="请输入获取数量"v-model="num"maxlength='5'@keydown="seaNum" />

2019-06-19 18:20:42 881

原创 vue路由懒加载

2019-06-19 11:52:42 108

转载 函数式组件

2019-06-17 11:39:04 120

转载 时间格式转换

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 267

原创 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 690

原创 时间,倒计时处理

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 277

原创 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 179

原创 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 623

原创 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 933

原创 时间戳转正常日期多种类型

<!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 246

原创 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 296

原创 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 934

原创 侧边栏的样式修改(兼容火狐和谷歌)

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 677

原创 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 6142 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 443

原创 vsc 的vue中.js文件的代码片段编写

{“Print to console”: {“prefix”: “js”,“body”: [“export default {”," data () {"," return {"," };"," },",“”," props: {},"," components: {},",“”," computed: {},",“”," created(){...

2019-04-12 18:34:08 428

原创 vsc 的vue项目的.vue代码片段编写

{"Print to console": {"prefix": "vue","body": ["<template>"," <div>"," <h1> 好</h1>"," </div>","</template>","","","<script>"," import ...

2019-04-12 18:32:37 341

原创 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 4095 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 416

原创 数据的去重和判断

<!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 336

原创 前端开发过程中常见的变量处理

// 判断一个变量是否是数组或者对象:// 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 217

原创 动态添加输入框

vue代码部分:&lt;el-form-item label="备注:"&gt;&lt;el-input type="textarea" v-model="addAccessoriesInfo.remark" placeholder="请输入备注" autocomplete="off"&gt;&lt;/el-input&gt;&lt;div

2019-03-13 13:13:38 1392

原创 el-tabel(默认多选,数值改变,多选)

我自己项目中用到的,仅做参考,与君共勉vue代码部分(写在dialog里的):&lt;el-dialog title="选择配件" :visible.sync="dialogCheckAccessories" width="45%"&gt;&lt;el-table ref="multipleTable" :data="list" tooltip-effect=&quot

2019-03-13 13:05:58 672

原创 动态拼接json对象的方法key是变量

val的格式是[ {},{},{}]第一种、拼接成一个新的数组套json对象的格式if(val instanceof Array){var arr = [];val.forEach(item =&gt; {let obj = {}obj[item.id] = item.name + "*" + item.numberarr.push(obj)});this...

2019-03-13 12:51:43 3122

原创 错误对象Error

错误信息提示:// 1.错误的类型// 2.错误的具体描述// 3.错误的位置及文件在代码运行中,一旦错误出现,程序终止并抛出相对应的错误类型,// 1.ReferenceError:引用无效,即引入未定义的变量时会报错// 2.TypeError:即变量存在,但是使用方法错误// 3.SyntaxError:即写法错误(语法错误):符号错误等等...

2018-09-20 16:21:49 195

原创 vue 传值

vue组件的作用域之间是相互独立的,一个组件不能使用另外一个组件的数据,所以为了实现一个组件可以使用另外一个组件的数据,我们需要用到传值vue 的组件传值分三类:1.父传子 2.子传父 3.非父子其传值步骤如下:第一种父:传子:1.根组件即父组件,将要传递的值或者数据作为属性放置在要接收值的开始标签中—属性名自定义,属性值为传递的data变量2.在子组件中(要接收数据的那个子组...

2018-09-20 16:20:09 287

原创 创建登录注册简单项目参考

创建一个完整的项目 1.导入模块npm init 、npm install express/ body-parser/mongoose/ejs –save/导入不同的模块 2.导入所需要的js插件:jquery.js/ejs.js 或者还有jquery.cookie.js放入www静态文件夹设施文件夹:www静态文件夹,models文件件,views文件夹(ejs文件),routers文件...

2018-09-11 21:46:57 245

空空如也

空空如也

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

TA关注的人

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