Hkweb_-CSDN博客

原创金额转换万，亿

addChineseUnit(number, decimalDigit) { //number 需要格式化的数值 //decimalDigit 保留的小数点默认为2 decimalDigit = decimalDigit == null ? 2 : decimalDigit var integer = Math.floor(number) var digit = getDigit(integer) // ['个', '十', '百', '千', '万', '十万', .

2020-08-23 14:43:30 691

翻译 vue全局confirmdemo移动端

属性方法注解：1.new promise((reslove,reject）)reslove()成功reject()失败promise构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数。2.vue.extend创建一个组件构造器，并非一个组件实例，如果需要使用的话需要用newVue({...

2019-05-28 18:34:22 604

翻译借助canvas根据drawImage中的img获取对应背景色

1.基础概念：canvas.getContext（type）type：'2d'//建立一个二维的环境对象 '3d'//建立一个二维的环境对象drawImage（img,sx,sy,swidth,sheight,x,y,width,height)参数注解 img 图片对象 sx 开始裁剪的x轴坐标 sy 开始裁剪的y轴坐标 swi...

2019-05-25 15:33:33 1961

翻译 css3实现加载效果

<div class="spinner"> <div class="rect1"></div> <div class="rect2"></div> <div class="rect3"></div> <d

2018-10-17 17:25:36 422

原创 pc端简单获取定位

首先拿到百度地图的注册账号引入api<script src="http://api.map.baidu.com/api?v=2.0&ak=自己的ak码"></script> var _this=this; function getLocation() { //根据IP获取城市 var myCity = new ...

2018-10-15 09:38:22 5198

原创权限菜单以一个职场小白的思路实现（基于ELEMENTUI）

1.第一步先创建一个菜单组件<template> <div> <template v-for="list in this.menuList" v-if="list.show"> <el-submenu v-if="list.chiledren.length>0" @click="linkto(li

2018-09-19 16:25:49 570

转载 vue结合axios实现的调用接口下载excel功能

https://www.npmjs.com/package/axios此链接是关于axios请求体的数据格式设定详解1.export function downloadUrl(url,data){ return request({ url: "sale/"+url, // 接口名字 method: 'get', params:data, ...

2018-09-11 19:04:33 3245 1

原创 ELEMENTUI奇葩坑爬出，遇到根本无从下手的问题之解答

首先我提出使用问题：我在使用elementui的form表单时，有一个获取二维码的操作神奇的是不知为何在我点击button按钮时input框的值一直在不断更新，反正就是不让你输入内容，这个问题看似和我写的关于button按钮的定时器有很大关系，确实是有关系，但是死活找不出问题出在哪里，今天也是用了半天时间拟想各种情况也未曾解决，既然如此那我就从DOM节点入手，果...

2018-08-28 20:30:53 846

原创 vue富文本编辑器

前端富文本编译器使用总结：UEditor：百度前端的开源项目，功能强大，基于 jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲bootstrap-wysiwyg：微型，易用，小而美，只是 Bootstrap + jQuery...kindEditor：功能强大，代码简洁，需要配置后台，而且好久没见更新了wangEditor：轻量、简洁、易用，但是升级到 3.x ...

2018-07-25 17:47:12 5421 3

原创前端取随机颜色，随机字母

creatCode(){ var result=[]; var a={}; var colors={}; var size={}; for(var i=0;i<4;i++){//验证码长度 var ranNum=Math.ceil(Math.random()*25);//取随机字母String.fromCharCode(65+ranNum） va...

2018-07-16 15:29:58 892

原创 GET请求之特殊字符

get请求中如果有#的话，#后边传递的数据或都会被裁减掉（可能裁减用词不当）如http://baidus.com/api/apis/#/datarequest URL中很直白的显示“http://baidus.com/api/apis/”解决方案有二（已知）1>>16进制中不难查到#被编译为%23http://baidus.com/api/apis/%23/data2>>...

2018-07-11 10:03:06 1352

原创关于vue项目中使用复制粘贴功能

1.使用npm安装npm install clipboard --save2.实例化var clipboard = new Clipboard('.btn');//可通过任意选择器进行实例化 clipboard.on('success', function(e) {//使用on绑定成功 console.log(e); }); ...

2018-07-10 09:28:14 4765

翻译 vue+elementui验证（elementui所提供的验证规则就不多阐述了，直接上你们业务需求需要的，注：不提供正则表达式）

1.DOM<el-form-item label="联系电话" label-width="100px" prop="contactPhone"> <el-input v-model="form.contactPhone" style="width: 330px;" placeholder="请输入联系电话"></el-

2018-07-06 16:51:35 1849

翻译关于vue中使用eacharts(最近项目需求中需要使用eacharts，应需求所做总结)

1.基础（eacharts resize事件记录，基础柱状图）-1DOM<div id="capacity" class="heights"></div>-2JScapacityEachart(){ let capacity=this.$echarts.init(document.getElementById("capacity"));//eacha...

2018-07-06 16:35:46 7899 1

原创 vue结合ELEMENTUI表格需求问题

需求：根据不同审核状态用不同颜色来区分文字颜色并且鼠标移入展示当前行数据的审核进度（只是记录自己使用中觉得值得保留的思路，不喜勿喷）<el-table-column label="申请状态 " width="250" style="cursor: pointer;"> <template slot-scope="scope"> &amp

2018-07-02 15:48:37 538

原创前端计算间隔时间

1.获取当前时间 let dates=new Date(); let year=dates.getFullYear(); let mounth=dates.getMonth()+1; let day=dates.getDate(); ...

2018-06-13 16:32:43 1460 1

翻译关于滚动条插件

vue-gemini-scrollbar 安装：npm i vue-gemini-scrollbar --save使用安装组件import Vue from 'vue'import GeminiScrollbar from 'vue-gemini-scrollbar'Vue.use(GeminiScrollbar)在模板中使用<GeminiScrollbar class="my...

2018-06-10 18:50:13 616 1

翻译 vue axios跨域请求拦截器封装

以后台管理系统为例：login----->indeximport { setToken } from '../utils/auth' //导入cookis 存储数据方法 es6的局部导入aa() { var _this = this; this.axios.get("apl/sso/user/login?username=zhangsan&...

2018-05-15 13:37:28 2789

转载兼容性良好的一段滚动条插件（div元素）

按需引入jquery.nicescroll.js注：仅支持div元素调用方式：$("#boxscroll").niceScroll({cursorborder:"",cursorcolor:"#00F",boxzoom:true})

2018-04-21 11:22:29 762

翻译 jquery优化性能方法

一、注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下：$loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的二、请使用一个var来定义变量如果你使用多个变量的话，请如下方式定义：复制代码代码如下:var page

2017-08-30 15:01:05 456

Hkweb_的博客