★BossMing★-CSDN博客

原创 vue 文字转语音播报（SpeechSynthesisUtterance）

首先我们要在引入的地方写这一段代码const synth = window.speechSynthesis;const msg = new SpeechSynthesisUtterance();其次在我们要在methods里写两个函数// 语音播报的函数/*** text – 要合成的文字内容，字符串* lang – 使用的语言，字符串，例如：“zh-cn”* voiceURI – 指定希望使用的声音和服务，字符串* volume – 声音的音量，区间范围是0到1，默认是1* ra

2020-05-29 18:27:55 8613 15

原创 electron入门教程

一、安装配置1、为你的应用创建一个新的空文件夹 Electron2、打开你的命令行工具，然后从该文件夹运行 npm init 会帮助你创建一个基本的 package.json 文件3、安装electron npm install --save-dev electron4、项目根目录新建main.js文件（入口文件）const { app, BrowserWindow } = require('electron')function createWindow () { // 创建浏览器

2020-05-27 16:22:12 7956

原创改变输入框内提示文字颜色

::-webkit-input-placeholder { /* WebKit browsers */ color: #999; }:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; }::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9...

2020-01-14 15:28:03 4340

原创 vant 中 datetime-picker 插件封装只取年

在node_modules=>vant=>es=>datetime-picker文件夹index.js中找到三处 year-month 在分别在下面添加//1.if (this.type === 'year') result.splice(1, 4);//2.if (this.type === 'year') { month = 1 date = 1;}/...

2020-01-14 15:20:16 5692 4

原创发布自己的npm包

发布npm包npm是javascript著名的包管理工具，是前端模块化下的一个标志性产物简单地地说，就是通过npm下载模块，复用已有的代码，提高工作效率如何发布一个自己的npm包1、创建一个npm的账号发布包之前你必须要注册一个npm的账号2、初始化一个简单的项目发布1、本地创建一个文件夹：例如：tools2、执行命令进入目录: $ cd tools3、执行npm init 初始化项目。默认一路回车就行默认字段简介：name：发布的包名，默认是上级文件夹名。不得与现在npm中的包名重复

2020-08-27 17:21:35 184

原创解决 sockjs-node/info?t=报错

1.找到/node_modules/sockjs-client/dist/sockjs.js2.找到代码的 1605行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); }

2020-06-05 09:44:01 2878

原创 js计算百分比

/** * 求百分比 * @param num 当前数 * @param total 总数 */ getPercent(num, total){ num = parseFloat(num); total = parseFloat(total); if (isNaN(num) || isNaN(total)) { return "-"; } return total <= 0? "0%" : Math.round((num / total) * 10000) /

2020-05-28 13:27:27 5390

原创 vue插件集合

Vue2.0+组件库总结UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式一致的响应式 UI 库vuetif..

2020-05-22 16:05:37 609

原创 img在div中自适应填充不失真

div{ width: 90%; height: 500px; position: relative; margin: auto; overflow: hidden;} img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-bot...

2020-01-14 15:30:13 2329

原创经纬度转换 gps.js

export default { PI: 3.14159265358979324, x_pi: 3.14159265358979324 * 3000.0 / 180.0, delta: function (lat, lon) { // Krasovsky 1940 // a = 6378245.0, 1/f = 298.3 /...

2020-01-14 15:25:09 453

原创验证输入正整数和小数点位数

//验证输入正整数和小数点位数@input=" e => { onInput('userData', 'age', e, false); }"/** * data 需要修改的对象 * name 需要修改的对象参数 * value 当前输入框的值 * isdecimal 是否有小数 true / false * decimalNum 小数的位数 *...

2020-01-14 15:23:29 331

原创 js生成uuid

//uuid static uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1); }...

2020-01-14 15:22:20 203 1

原创解决呼出手机键盘页面被顶起

/* 解决呼出手机键盘页面被顶起 */ let height = document.documentElement.clientHeight; //获取当前可视区域的高度存到hrt变量 document.getElementById('app').style.height = height + 'px'//把获取到的高度赋值给根div document.getElementsByTag...

2020-01-14 15:15:26 671

原创移动端rem

cnpm install postcss-pxtorem -D安装postcss-pxtorem//1.创建 rem.js 文件夹在 min.js 中引用const baseSize = 32function setRem() { const scale = document.documentElement.clientWidth / 750; document.documen...

2020-01-14 15:14:07 112

原创 js判断是手机是android还是ios

//一let agent = navigator.userAgent.toLowerCase();let android = agent.indexOf("android");let iphone = agent.indexOf("iphone");let ipad = agent.indexOf("ipad");if (android != -1) { console.log('an...

2020-01-14 15:11:52 223

原创 js导出Excel

static downLoad(data, fname = "下载", suffix = ".xls") { const content = data; const blob = new Blob([content]); const fileName = fname + '-' + moment().format('YYYYMMDDHHmmss') ...

2020-01-14 14:45:06 74

原创获得url参数

getParams(url = window.location.href) { console.log(url); let params = {}; url = decodeURIComponent(url); let sp = url.includes("&") ? "&" : "&"; if (...

2020-01-14 14:43:18 75

原创 JS 四则运算精度丢失解决方案

//加法 Number.prototype.add = function(arg){ var r1,r2,m; try{r1=this.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg.toString().split(".")[1].length}cat...

2020-01-14 14:38:17 134

原创获取滚动条已经到底部了

let scrollBox = document.getElementById("scrollBox");scrollBox.onscroll = () => { let scrollHeight = scrollBox.scrollHeight;// div里内容的高度，根据内容的增加和减少变化 let scrollTop = scrollBox.scrollTop;// 滚动...

2020-01-14 14:34:00 352

原创使用vue-cli构建项目打包后字体引用路径不对

解决方法：webpack 配置问题在 build/webpack.prod.conf.js 中 extract :true 改为 fasle即可 module: { rules: utils.styleLoaders({ sourceMap: config.build.productionSourceMap, extract: false }) ...

2020-01-14 14:29:42 455

原创 vue路由传参

1.方案一// 路由定义{ path: '/describe/:id', name: 'Describe', component: Describe}// 页面传参this.$router.push({ path: `/describe/${id}`,})// 页面获取this.$route.params.id2.方案二// 路由定义{ path: '/...

2020-01-14 14:26:08 66

原创一行文字居中，多行文字左对齐

<div class="content"> <p>内容多行左对齐，内容多行左对齐</p></div>/*当文字为一行时，则P的宽度小于div的宽度，p标签居中显示在盒子内，文字也就居中了 ;当大于一行时，P的宽度和div的宽度是一致的 ,文字就居左对齐了*/ .content { width: 200px; bord...

2020-01-14 14:14:54 454

原创滚动条样式修改

/* 滚动条的设置::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-button 滚动条两端的按钮::-webkit-scrollbar-track 外层轨道::-webkit-scrollbar-track-piece 内层滚动槽::-webkit-scrollbar-thumb 滚动的滑块::-webkit-scr...

2020-01-14 14:11:43 55

原创 antd Tree 子节点没有完全勾选的情况下拿到父节点的值

// 其中info这个参数中有一个叫做halfCheckedKeys的数组， //它专门存贮的半勾选状态的节点（比如子节点没有勾选完全时，父节点就会被存储到这里） onCheck = (checkedKey, info) => { //页面显示需要用到 this.roleStore.setCheckedKey(checkedKey); ...

2020-01-14 14:07:40 1560