js
林间风雨
一名积极前进的软件工程师
展开
-
js 十万条数据渲染, vue 10万条数据渲染
js 十万条数据渲染, vue 10万条数据渲染原创 2022-12-09 15:20:47 · 303 阅读 · 0 评论 -
js动态创建a标签并触发href事件
var href = '' // 下载链接var a = document.createElement('a');a.setAttribute('href', href);a.setAttribute('target', '_blank');a.setAttribute('id', 'startTelMedicine');// 防止反复添加if(document.getElementById('startTelMedicine')) { document.body.removeChild(do原创 2022-04-17 12:56:45 · 3783 阅读 · 0 评论 -
js时间转化为几天前,几小时前,几分钟前
function getDateDiff(dateTimeStamp){ var minute = 1000 * 60; var hour = minute * 60; var day = hour * 24; var halfamonth = day * 15; var month = day * 30; var now = new Date().getTime(); var diffValue = now - dateTimeStamp; if(diffValue < 0){ret原创 2021-12-16 16:13:44 · 607 阅读 · 1 评论 -
vue uniapp 实现走马灯 ,文字横向滚动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>vue跑马灯</title> <script src="vue/vue.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> p{ border原创 2021-12-09 10:23:39 · 4336 阅读 · 0 评论 -
bjui 公共的弹窗确认 取消 改变文字
$(this).alertmsg('confirm', '我是提示内容', {okName:'Yes', cancelName:'no', title:'我是提示标题'})原创 2021-12-07 10:33:42 · 395 阅读 · 0 评论 -
uniapp中使用jsencrypt进行RSA加密,解决密文作为参数传输到后台时+号变成空格的问题
解决密文作为参数传输到后台时+号变成空格的问题用encrypt.encrypt()加密后生成的密文字符串中带有加号,如下Q3Q+ZijLMjcKyC1whAzxtfVpy7G+N1kpCGQJYO8dISQ1UyEzczC6vdqbwG18K6ylTv2fXujogOFwzgZlNuVTKEDVeHqjnsYjDcOUJqvE8t8Mxug+vVMnAOsJfzL0eZqYREoq7YoDJ150q7xZB/8XZEfzwnc/4MwKJLHshj+UFCc=密文作为参数传输到后端时+号变成了空格,原创 2021-11-24 17:44:19 · 2466 阅读 · 1 评论 -
uniapp 报错 [ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2107090; lib: 2.20.1)
在project.config.json中添加一句"miniprogramRoot": “unpackage/dist/dev/mp-weixin/”,再编译就可以啦原创 2021-11-15 16:18:35 · 4215 阅读 · 0 评论 -
js 实现消息 计算时间为刚刚、几分钟前、几小时前、几天前··
function timeago(dateTimeStamp){ //dateTimeStamp是一个时间毫秒,注意时间戳是秒的形式,在这个毫秒的基础上除以1000,就是十位数的时间戳。13位数的都是时间毫秒。 var minute = 1000 * 60; //把分,时,天,周,半个月,一个月用毫秒表示 var hour = minute * 60; var day = hour * 24; var week = day * 7; var halfam原创 2021-11-15 14:36:38 · 902 阅读 · 0 评论 -
js Object.keys方法之详解
一、语法Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组二、处理对象,返回可枚举的属性数组let person = {name:“张三”,age:25,address:“深圳”,getName:function(){}}Object.keys(person) // [“name”, “age”, “address”,“getName”]三、处理数组,返回索引值数组let arr = [1,2,3,4,5,6]Object原创 2021-10-20 18:10:17 · 13084 阅读 · 0 评论 -
vue 目录展开选中后能在滚动条上显示 | 导航栏选中 - 滚动居中
<ul class="sort_nav" ref="sort_nav_id"> <li> <a href="javascript:;" :class="currentSortParentCatalogId === '' ? 'current' : ''" @click='clickAllSortCatalog'>全部</a><span></span> ...原创 2021-10-19 16:52:06 · 173 阅读 · 0 评论 -
js 实战检验
1、判断传入值为数值 if(!this.data.rechargeBalance) { that.messecg('warning', '请输入充值金额') return false } else if (this.data.rechargeBalance < 0 || this.data.rechargeBalance == 0 || isNaN(Number(this.data.rechargeBalance))) { that.messecg(原创 2021-10-14 11:52:27 · 118 阅读 · 0 评论 -
JavaScript 中 call()、apply()、bind() 的用法
from: https://www.runoob.com/w3cnote/js-call-apply-bind.html原创 2021-10-13 15:19:50 · 54 阅读 · 0 评论 -
tms js
1、json.stringify和json.parse用处JSON.stringify() 将对象a转化成字符串s;JSON.parse() 将字符串s转化成对象athis.emptyForm = JSON.parse(JSON.stringify(this.form))let arr = [1,2,3];JSON.stringify(arr);//'[1,2,3]'typeof JSON.stringify(arr);//string---------------------------原创 2021-09-15 17:58:00 · 153 阅读 · 0 评论 -
记录-小程序
1、微信标题更换 wx.setNavigationBarTitle({ title: this.data.type === 'create' ? '创建地址' : '编辑地址' })原创 2021-08-26 19:17:33 · 246 阅读 · 0 评论 -
for 循环 (JavaScript 中的12种循环遍历方法【总结】)
https://www.jb51.net/article/141193.htm原创 2021-08-18 12:40:31 · 2304 阅读 · 0 评论 -
cz webApi图片切换
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> body { font-family: "Helvetica","Arial",serif; color: #333; .原创 2021-08-14 22:59:55 · 115 阅读 · 0 评论 -
cz webApi innerHTML textContent innerText
// // innerHTML innerText // // 获取开始标签和结束标签之间的内容 // // innerHTML 获取内容的时候,如果内容中有标签,会把标签页获取到 // // 原封不动把内容获取到 // console.log(box.innerHTML); // // innerText 获取内容的时候,如果内容中有标签,会把标签过滤掉 // // innerText 会把前后的换行和空白都去掉 // console...原创 2021-08-14 22:19:00 · 74 阅读 · 0 评论 -
elementUI 局部控按钮的尺寸
size="medium"<el-form :inline="true" :model="queryInfo" size="medium" class="demo-form-inline">原创 2021-08-06 10:34:12 · 1268 阅读 · 0 评论 -
vue项目中更新element-ui版本
一、升级element-ui需要先卸载原先的版本,在cmd中输入 npm uninstall element-ui二、然后重新安装element-ui npm i element-ui -S原创 2021-08-05 15:22:16 · 2313 阅读 · 2 评论 -
f12 chrome 浏览器控制台查看json
console.log(JSON.stringify(data))打印[object]类型数据原创 2021-08-02 18:27:51 · 3305 阅读 · 0 评论 -
JS 获取浏览器显示比例,缩放比例
JS不能调整浏览器的显示比例,仅能查看//调整浏览器显示比例【仅能查看】function ChangeRatio(){ var ratio=0; var screen=window.screen; var ua=navigator.userAgent.toLowerCase(); if(window.devicePixelRatio !== undefined) { ratio=window.devicePixelRatio;原创 2021-07-31 10:32:32 · 1152 阅读 · 0 评论 -
iview 组件思维导图
原创 2021-07-10 12:01:38 · 143 阅读 · 0 评论 -
element 远程搜索讲解
<el-autocomplete v-model="state" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect"></el-autocomplete><script> export default { data() { return { restaurants: [], state:.原创 2021-07-29 18:01:40 · 622 阅读 · 0 评论 -
js 校验
// input 数据校验export default { validatePhone, // 下拉空校验 selectNotNull(info) { return [{ required: true, message: '请选择' + info, trigger: 'change' }] }, // 输入空校验 importNotNull(info) { return [{ required: true, message: '请输原创 2021-07-29 14:45:21 · 1034 阅读 · 0 评论 -
JS语法之:map()方法。map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
var array1 = [1,4,9,16];const map1 = array1.map(x => x *2);console.log(map1);原创 2021-07-22 14:24:34 · 756 阅读 · 0 评论 -
js 数组添加集合, 数组从大到小排序
var obj = {};obj['value']=1;obj['name']='张三';console.log(obj)var obj2 = {};obj2['value']=11;obj2['name']='李四';let result = []result.push(obj)result.push(obj2)console.log(result)结果:{ value: 1, name: '张三' }[ { value: 1, name: '张三' }, { value:原创 2021-07-22 10:58:15 · 1554 阅读 · 0 评论 -
2021-07-12
我们在看js代码时经常会出现(…)三个点的东西,它究竟是什么意思?又有何用处?下面我就给大家分享一下三个点的那些事什么意思?三个点(…)真名叫扩展运算符,是在ES6中新增加的内容,它可以在函数调用/数组构造时,将数组表达式或者string在语法层面展开;还可以在构造字面量对象时将对象表达式按照key-value的方式展开字面量一般指[1,2,3]或者{name:‘chuichui’}这种简洁的构造方式,多层嵌套的数组和对象三个点就无能为力了说白了就是把衣服脱了,不管是大括号([])、花括号({})原创 2021-07-12 17:09:21 · 72 阅读 · 0 评论 -
Vue 获取今天日期 date,时间,周几,weak
在这里插入代码片星期五 2021-7-09 16:45:03<span>{{nowWeek}}</span> <span>{{nowDate}}</span> <span>{{nowTime}}</span>scriptdata () { return { timer: null, nowWeek: '', nowDate: '', nowTime: '' }}原创 2021-07-09 16:58:03 · 1153 阅读 · 0 评论 -
scrollWidth,clientWidth,offsetWidth的区别
通过一个demo测试这三个属性的差别。说明:scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。该demo就在页面中放一个textarea元素,采用默认宽高显示。情况1:元素内无内容或者内容不超过可视区,滚动不出现或不可用的情况下。scrollWidth=clien原创 2021-07-07 23:32:44 · 991 阅读 · 0 评论 -
js 图片点击下载
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script></head><body> <span id='b原创 2021-06-24 11:33:30 · 159 阅读 · 0 评论 -
js算法JavaScript
13、12、11、10、计算时间差,返回相差的天/时/分/秒 // 计算时间差,返回相差的天/时/分/秒 //1 两个日期对象如何相减 var d1 = new Date(); var d2 = new Date(2017, 9, 1); // d2.valueOf() - d1.valueOf() console.log(d1 - d2); // 4692437476 两个时间相差的毫秒数 //4692437476 相差的总的毫秒原创 2021-06-17 14:46:26 · 144 阅读 · 0 评论 -
JS实现浏览器下载图片
<spanid='btn3'download="">aaaa</span><script>var$eleBtn3=$("#btn3");$eleBtn3.click(function(){varx=newXMLHttpRequest();//x.open("GET","https://avatar.csdnimg.cn/F/9/8/1_jack_rose...原创 2021-05-26 16:56:04 · 674 阅读 · 0 评论 -
uniapp vue 键盘组件
<template name="keyboards"> <view class="keyboards"> <view class="key" data-number="7" @tap="input(7)"></view> <view class="key" data-number="8" @tap="input(8)"></view> <view class="key" data-number="9".原创 2021-05-08 12:04:14 · 703 阅读 · 0 评论 -
前端js校验常用的60余种工具方法
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) =>原创 2021-05-08 11:28:02 · 1646 阅读 · 0 评论 -
js数组遍历(for in ,for of ,map,foreach,filter)的区别
一.for in 和for of 的区别1.for in 遍历数组时,索引实际上是字符串类型的数字,不能进行运算,我们来输出一下: let arr = [1,3,5,4] for (let index in arr) { console.log(typeof index) }结果:2.遍历的顺序有可能不是数组内部的顺序(这个我没有试出来,如果找到例子,以后我再更新)3.for in 会遍历数组内所有可枚举的属性,包括原型上的属性和方.原创 2021-05-02 23:20:52 · 577 阅读 · 0 评论 -
Js 日期操作
JS日期相减得到天数废话不多说直奔主题,解决思路核心是时间戳相减灵感来自于我经常用到一个工具方法:格式化时间,也是用时间戳function GetNumberOfDays(date1,date2){//获得天数 //date1:开始日期,date2结束日期 var a1 = Date.parse(new Date(date1)); var a2 = Date.parse(new Date(date2)); var day = parseInt((a2-a1)/.原创 2021-04-29 11:29:51 · 601 阅读 · 0 评论 -
echart vue
1、条形<template> <div> <!-- 包其他内容需要有个外div --> <div :class="className" :style="{height:height,width:width}" id="sortEChart"/> </div></template><script> import echarts from 'echarts' require('echar原创 2021-04-01 10:35:29 · 1303 阅读 · 0 评论 -
uniapp uCharts高性能跨全端图表
折线图https://www.bookstack.cn/read/ucharts/98e139dcb0d1fd8c.md原创 2021-03-08 11:55:46 · 491 阅读 · 0 评论 -
js01
1、javascript由三部分组成,ECMAScript DOM BOM原创 2021-02-02 00:25:04 · 108 阅读 · 0 评论 -
最新文本转语音的接口(免费),百度语音作废
摘要: 语音合成:也被称为文本转换技术(TTS),它是将计算机自己产生的、或外部输入的文字信息转变为可以听得懂的、流利的口语输出的技术。1、接口定义http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字参数说明:lan=zh:语言是中文,如果改为lan=en,则语言是英文。ie=UTF-8:文字格式。spd=2:语速,可以是1-9的数字,数字越大,语速越快。text=**:这个原创 2020-12-24 14:29:50 · 5496 阅读 · 3 评论