js
文章平均质量分 78
joyour
这个作者很懒,什么都没留下…
展开
-
element-ui
table序号<el-table-column label="序号" type="index" :index="indexMethod" width="50"></el-table-column>//序号indexMethod(index){ if(this.pageNum===1...原创 2020-01-16 10:06:01 · 375 阅读 · 0 评论 -
js 本地图片转base64,base64转file
//转base64getBase64(imgUrl, callback,outputFormat) { let xhr = new XMLHttpRequest(); xhr.open('GET', imgUrl, true); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { ...原创 2019-12-02 16:15:22 · 990 阅读 · 0 评论 -
js验证身份证合法
const ChinaIdChecker = function(id) { this.isOK = false; this.error = ''; if (!id || typeof (id) != 'string' || id.length != 15 && id.length != 18 || !id.match(/^[0-9]{15...转载 2019-07-24 16:25:12 · 319 阅读 · 0 评论 -
js 调用浏览器打印预览分页
一张A4纸尺寸为210mm*297mm一张A4纸放两个内容块每个内容块高度为148.5mm每个页面的第二个div样式设置page-break-after:always 就会强制分页了.main-card:nth-child(2n){ page-break-after:always}//补充/** * @method printdiv 打印 * @param {...原创 2019-07-24 16:11:51 · 960 阅读 · 0 评论 -
lodash 常用总结
_.merge 合并源对象的属性到目标对象中merge(object, [sources])merge遇到相同属性的时候,如果属性值为纯对象(plain object)或者集合(collection)时,不是用后面的属性值去覆盖前面的属性值,而是会把前后两个属性值合并。如果源对象的属性值为undefined,则会忽略该属性。merge({},{ a:1},{ b: { ...原创 2019-07-12 16:17:26 · 1352 阅读 · 0 评论 -
钉钉第三方个人应用
1、页面跳转a、跳转到新页面 dd.navigateTo({ url: '../get-auth-code/get-auth-code' })b、在当前页面打开 dd.redirectTo({ url: '../get-auth-code/get-auth-code' });c、跳转 Tab - 组件dd.switchTab({url: '/page/component/ind...原创 2019-05-13 17:19:50 · 3139 阅读 · 0 评论 -
vue :用html2canvas 转pdf
dom:<Button @click="test">导出</Button><Button @click="test1">导出图片</Button><div class="pdf"> <img :src="imgData" class="img100"></div>js:test1()...原创 2019-05-22 14:10:04 · 664 阅读 · 0 评论 -
iview 的InputNumber数值组件,tabs组件高度
表单验证password: [ {required: true, message: '密码不能为空', trigger: 'blur'}, {validator: validateNewPwd, trigger: 'blur'}],tabs高度问题:确定动画就可以高度根据内容自适应了<Tabs value="jcbb" :animated="false"&g...原创 2019-05-07 16:08:51 · 3640 阅读 · 0 评论 -
js获取身份证中的生日
const getBirthdayFromIdCard = function(idCard) { var birthday = ""; if(idCard != null && idCard != ""){ if(idCard.length == 15){ birthday = "19"+idCard.substr(6,6)...转载 2019-07-24 16:26:25 · 1404 阅读 · 0 评论 -
Vue2 中使用 highlight 代码高亮插件
安装通过npm安装,淘宝镜像用cnpm命令npm install --save vue-highlightjs使用 vue-highlightjs在主入口文件(如main.js):// 导入 Vue 和 vue-highlgihtjsimport Vue from 'vue'import VueHighlightJS from 'vue-highlightjs'...转载 2019-07-30 09:53:56 · 3721 阅读 · 0 评论 -
vue Input失去光标事件 blur、获得焦点
<Input type="text" v-model="description" class="text" placeholder="请输入描述信息,鼠标点击空白处保存。" ref="input_description" @blur.native.capture="onChange"></Input>//获得焦点this.$nextTick(()=>{...原创 2019-07-25 15:35:58 · 36481 阅读 · 5 评论 -
vue注意事项
data{return { list:{ data:[]}}}通过接口给list.data赋值,然后想在list.data里新增一个对象,并且达到双向绑定的效果,就需要_.forEach(this.list.data,(item)=>{ this.$set(item,'lod',false);})某个div添加监听事件<div re...原创 2019-06-21 15:41:25 · 93 阅读 · 0 评论 -
前端面试题-数据类型
1、原始数据类型:布尔值、数值、字符串、null、underfined、synbol原创 2019-08-01 10:23:06 · 382 阅读 · 0 评论 -
es6:ES6 中的模板字符串
let sentence = `Hello , my name is ${myname}`其中 ` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌入表达式。原创 2019-08-01 10:26:02 · 115 阅读 · 0 评论 -
js 光标指定位置插入内容
const insertHtmlAtCaret = function (html) { var sel, range; if (window.getSelection) { // IE9 and non-IE sel = window.getSelection(); if (sel.getRangeAt && sel...2019-08-01 11:26:57 · 1001 阅读 · 0 评论 -
vue自定义事件:点击空白区域特定内容隐藏
//自定义事件Vue.directive('clickoutside', { bind (el:any, binding:any) { function documentHandler (e:any) { if (el.contains(e.target)) { return false; ...原创 2019-08-07 11:48:52 · 1765 阅读 · 0 评论 -
vue-iview render设置属性
render: (h, params) => { let grade = []; if (params.row.gradeList) { _.each(params.row.gradeList, (item) => { if(item){ grade.push(item.name) ...原创 2019-05-06 15:51:58 · 3511 阅读 · 0 评论 -
小程序:检测网络
wx.onNetworkStatusChange(function(res) { console.log(res.isConnected) console.log(res.networkType)})原创 2019-05-06 09:29:27 · 2259 阅读 · 0 评论 -
金额格式化
number_format: function (number, decimals, dec_point, thousands_sep) { /* * 参数说明: * number:要格式化的数字 * decimals:保留几位小数 * dec_point:小数点符号 * thousands_sep:千分位符号...原创 2018-06-11 17:22:29 · 280 阅读 · 0 评论 -
保留两位小数
function toDecimal2 (x) { var f = parseFloat(x); if (isNaN(f)) { return 0; } var f = Math.floor(x * 100) / 100; var s = f.toString(); var rs = s.in...原创 2018-06-11 17:21:36 · 539 阅读 · 0 评论 -
截取时间格式:3-22 08:50 s为true时 返回值多个秒
toDateMDHM: function (time, s) { var year = time.substring(0, 4); var month = time.substring(5, 7); var day = time.substring(8, 10); var hour = time.substring(11, 13); ...原创 2018-06-11 17:19:51 · 217 阅读 · 0 评论 -
数组:根据日期分组
var map = {}, dest = []; for (var i = 0; i < res.length; i++) { var ai = res[i]; if (!map[ai.date]) { dest.push({ dat...原创 2018-06-11 17:16:59 · 1005 阅读 · 0 评论 -
数组按时间排序
var p13=[{ "id": 40859, "title": "C罗将于7月底归队 格里兹曼8月初归队", "simg": "", "bimg": "", "source": "190直播", "views": 47,原创 2018-07-31 14:16:45 · 3937 阅读 · 0 评论 -
前端面试试题--创邻科技笔试1
最近在面试,上周接到一家公司的笔试题,线上完成,时间为2个小时。纯javascript,当时对于自己太过自信,而且本人通常使用jquery,所以规定时间内没有完成此试题。后来抽空自己又把两个笔试题做完了。题目1小明的女朋友最喜欢在网上买买买了,可是钱包里钞票有限,不能想买啥就买啥。面对琳琅满目的物品,她想买尽可能多的种类,每种只买一件,同时总价格还不能超过预算上限。于是她请小明写程序帮她找...原创 2019-03-11 13:11:02 · 767 阅读 · 0 评论 -
前端面试试题--创邻科技笔试2
题目2李雷和韩梅梅坐前后排,上课想说话怕被老师发现,所以改为传小纸条。为了不被老师发现他们纸条上说的是啥,他们约定了如下方法传递信息:将26个英文字母(全为大写),外加空格,一共27个字符分成3组,每组9个。也就是ABCDEFGHI是第一组,JKLMNOPQR是第二组,STUVWXYZ*是第三组(此处用*代表空格)。然后根据传递纸条那天的日期,改变字母的位置。先根据月份数m,以整个分组为...原创 2019-03-11 13:16:23 · 264 阅读 · 0 评论 -
将对象彻底冻结的函数
var constantize = (obj) => { Object.freeze(obj); Object.keys(obj).forEach( (key, i) => { if ( typeof obj[key] === 'object' ) { constantize( obj[key] ); } });};此方法把对象本身及对象...原创 2019-03-19 10:44:23 · 236 阅读 · 0 评论 -
this指向问题
全局环境中,this会返回顶层对象node模块和ES6模块中,this返回的是当前模块函数里的this,如果函数不作为对象的方法运行,还是单纯的作为函数运行,this指向顶层对象.但是严格模式下,this会返回undefined.不管严格模式,还是普通模式,new Function()(),总是会返回全局对象,但是如果浏览器用了CSP(Content Security Policy,内...转载 2019-03-19 11:02:51 · 83 阅读 · 0 评论 -
ES6:includes(), startsWith(), endsWith()
includes(), startsWith(), endsWith()includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在原字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在原字符串的尾部。 let s = 'Hello world!';s.startsWith('Hello') // t...原创 2019-03-19 14:05:54 · 230 阅读 · 0 评论 -
找出字符串中率先出现的四个非数字字符?
var words = str.split('').filter(function(x){ return (!x.match(/[1-9]+/))}).slice(0,4);转载 2019-03-26 15:57:56 · 133 阅读 · 0 评论 -
moment.js总结
格式化时间类型1.取当天时间,以YYYY年MM月DD日形式显示var now=moment().format("YYYY年MM月DD日");2.任意时间戳格式化,以YYYY-MM-DD HH:mm:ss形式显示var t1=moment(1411641720000).format('YYYY-MM-DD HH:mm:ss');获取前一天日期,格式以YYYY-MM-DD形式显...原创 2019-03-29 10:39:07 · 327 阅读 · 0 评论 -
小程序:更换头像并转为base64,上传(mpvue)
async uploadPic() { mpvue.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: (res) => { //转换临时文...原创 2019-05-05 11:07:34 · 775 阅读 · 0 评论 -
数组处理
1、includes()方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。注意:对象数组不能使用includes方法来检测。用例:console.log(array1.includes(2));// expected output: true2、concat()方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组。...原创 2019-05-08 11:00:46 · 199 阅读 · 0 评论 -
对象
1、hasOwnProperty()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性bject.prototype.hasOwnProperty()原创 2019-05-08 11:03:38 · 106 阅读 · 0 评论 -
JS常用
1、创建过去七天的数组,如果将代码中的减号换成加号,你将得到未来7天的数组集合//创建过去七天的数组 [...Array(7).keys()].map(days=>newDate(Date.now()-86400000*days))2、生成随机ID//生成长度为11的随机字母数字字符串Math.random().toString(36).s...转载 2019-05-08 15:29:49 · 95 阅读 · 0 评论 -
时间字符串转换为时间戳
timeStamp: function (date) { date = date.substring(0, 19); date = date.replace(/-/g, '/'); var timestamp = new Date(date).getTime(); return timestamp; }timeStamp('2015...原创 2018-06-11 17:23:38 · 793 阅读 · 0 评论