- 博客(36)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 百度语音识别（语音转文字）vue版本 前端（后端需要做个请求转发即可）
这个项目需要用到语音识别，最后选择的是百度语音识别。原因第一是项目中用到的地方不大，属于微型和小型功能点，第二就是属于临时增加的需求，没有太多的时间去开发，第三就是后端对于自主开发语音识别觉得较为困难，浪费时间
2022-10-20 16:36:29
4937
3
原创 百度语音合成urlencode（tex字段2次urlencode）
完美的js URLEncode函数当需要通过查询字符串传值给服务器时需要对get参数进行encode。1，escape()函数，不会encode @/+ (不推荐使用),2，encodeURI()函数，不会encode ~!@#$&()=:/,;?+’ (不推荐使用)3，,encodeURIComponent()函数，不会encode~!*() 这个函数是最常用的我们需要对encodeURIComponent函数，最一点修改：function urlencode (str) {
2022-03-03 10:09:46
617
原创 vue网页端Chrome浏览器打开麦克风和摄像头
在 chrome 中 输入 chrome://flags/#unsafely-treat-insecure-origin-as-secure查找 Insecure origins treated as secure 属性添加你要信任的地址 例如：http://192.168.1.8:8080选择属性然后点击右下角的 重启 就ok...
2022-02-14 09:08:45
1973
2
原创 vue项目接入海康威视H5player.js 2.0版（回放示例）
概要公司项目接入海康威视的球形监控设备，需要项目支持使用海康威视监控视频，以及视频回放等功能。项目要求无插件接入，使用户体验最佳。所以采用海康威视的h5player.js，因为接入时，海康威视的js版本已经2.0，在网上没找到其他博客，所以特此记录。环境搭建因为被环境问题搞了好几次，所以特别在此提醒各位同学，在开发之前一定先把环境调好（真的会被搞死的，搞得我头都大了）首先确认自身项目所在环境（http还是https），在http环境下使用ws协议，在https环境下使用wss协议，两者有严格区分，
2022-01-19 16:29:08
18474
63
原创 常用正则表达式收录
1，正则匹配0-100的数字onkeyup="this.value=this.value.match(/^(0|(?!0)\d{1,2}|100)$/g);"
2021-11-23 10:33:16
228
原创 自动返回弹窗
<template><!-- <div id="app">--> <div> <div id="app" @click="initDate" @keyup="initDate" @keydown="initDate" @mousemove="initDate" @onTouch="initDate" > <div class="im
2021-09-16 10:40:30
132
原创 axios单个接口取消请求
//获取列表数据 getList(){ let that = this; let formData = new FormData(); formData.append("identity_num", this.id_card); formData.append("court_code", this.court_code); getCasesByIdentityNum(formData,{ cancelToken:new ax
2021-09-14 14:28:16
204
原创 vue和element如何隐藏滑动条
/deep/ *{/* 设置滚动条的样式 */::-webkit-scrollbar { width: 0; height: 0; //background-color: #ccc; }}也可以用来设置滑动条样式，这里用了/deep/是因为使用element，改变框架原有样式（样式穿透）。...
2021-07-13 19:14:57
1154
原创 app热更新和强制更新（uniapp）
在uniapp中热更新与强制更新 // app升级 uni.request({ //检查更新的后台接口，此处为简单判断版本号是否需要更新 url: 'xxxxxxxxxx', data: { //app类型，安卓为1，苹果为2 appType: '1' }, method: 'GET', success:(res) => { console.log(res.data.data.versionNo) // 版本对
2021-05-08 15:07:42
1843
原创 uniapp地图计算两点角度，旋转图标（轨迹回放）
// 计算两点间角度，改变图标方向calcAngle(start, end) { let y = Math.sin(end.longitude - start.longitude) * Math.cos(end.latitude); let x = Math.cos(start.latitude) * Math.sin(end.latitude) - Math.sin(start.latitude) * Math.cos(end.latitude) * Math.cos(end.longi
2021-05-07 13:52:45
1127
4
原创 nvue下设置背景图不起作用
目前暂不支持，解决方案： 节点下放个 <image><view style="position: relative; width: 200px; height: 100px;"> <image style="position: absolute; left: 0; top: 0; right: 0; bottom: 0;" src="/static/logo.png"></image> </view>...
2021-05-06 15:53:16
1626
原创 uniapp的Android平台签名证书(.keystore)证书无效问题
一、过程复盘：step1、 按官方生成证书，未报错：【CMD命令执行】keytool -genkey -alias aaa.keystore -keyalg RSA -keysize 2048 -validity 36500 -keystore aaa.keystore注意：aaa.keystore要改成自己的证书名称生成的证书通过keytool -list -v -keystore aaa.keystore查看也正常；step2、 HB上打包提示“证书文件不是有效的keystore文件”；st
2021-05-06 08:55:46
3011
原创 uniapp 本地代理404bug
在uniapp中，vue.config.js配置的本地代理转发，是有bug的，在本地代理的接口请求时，实际请求地址没有rewrite。需要在源码视图中重新设置。
2021-04-28 14:32:32
2011
原创 前端面试题（2020-2021）第二组
一，document.ready和window.onload区别一、window.onload当一个文档完全下载到浏览器中时，会触发 window.onload 事件。这意味着页面上的全部元素对 javascript 而言都是可以访问的，这种情况对编写功能性的代码非常有利，因为无需考虑加载的次序。二、$(document).ready()通过 $(document).ready() 注册的事件处理程序，则会在 DOM 完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言都是可以访问的，但是，缺
2021-04-18 15:52:53
170
1
原创 devServer的proxy导致的404问题
devServer: { proxy: { '/sso':{ // target:'http://192.168.0.200:10016', target:'http://192.168.0.156:20016', // target:'http://192.168.0.151:10016', changeOrigin:true,
2021-03-11 15:32:44
1988
原创 前端面试题（2020-2021）第一组
一，前端解决跨域问题（常用）1，后端设置cors允许跨域，一般指定ip，也可以允许全部2，jsonp，利用浏览器对script加载完自动执行的特新来实现的，需要客户端和服务器端两端的同时配合，因此需要特别处理的接口可以使用，一般传统的后台接口不会采用这种方式进行跨域。3，Nginx反向代理，一般利用vue-cli全家桶，开发时在vue.config.js中设置接口在同一个后端域名和端口，正式服务则使用Nginx确保在统一域名下。二，常见web安全及防护防护：1，对用户输入内容进行限制和校验2，
2020-09-16 13:58:37
11903
1
原创 echarts数据更新，图表不更新
原地址：echarts图表地址原图：效果图：问题：当数据更新时，头部标签不会更新。代码：var myChart1 = echarts.init(document.getElementById("echartContainer1")); console.log(this.source_data1) myChart1.setOption({ tooltip: {},
2020-05-25 11:44:05
4417
3
原创 vue-cli工具类整合
我们做Vue脚手架项目时，经常会用到很多重复的代码段或者方法函数，所以我们可以封装起来，想用的时候就用，也避免了代码冗余。1、在src根目录下创建util文件夹，里面创建util.js；2、在src根目录下的main.js中键入以下代码，引入util.js，并且全局注册；import utils from './util/util'Vue.prototype.$utils=utils...
2020-04-17 14:33:05
247
原创 vue进阶题库
1，控制台会有打印么？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> ...
2020-04-16 15:50:58
1383
原创 webstorm查找接口或者特定类名
右击想要查找的位置选择find in path输入查找的内容即可如果需要查找文件或者寻找方法，可以使用ctrl+N。如果在文件内需要查找类的来源，可以摁住ctrl再点击类或者方法即可。如果需要在当前文件内查找相同的字符，可以使用ctrl+F。...
2020-04-13 17:39:12
952
原创 vue的axios携带token下载文件
1，统一在接口的请求头里携带token在src的main.js里写入//axios配置axios.interceptors.request.use( config => { if (localStorage.getItem('token')) { config.headers.token = localStorage.getItem('t...
2020-04-02 15:07:33
1530
原创 git相关操作指令
1，git查看远程库版本（远程库地址）git remote -v2，git远程库地址改动（先删除再添加）git remote 查看所有远程仓库， git remote xxx 查看指定远程仓库地址git remote rm origingit remote add origin xxx...
2020-04-01 14:48:51
106
原创 element-UI中table组件使用时结合CheckBox
在使用element-UI组件时，尤其是各种后台管理软件用到的尤其多。在用table组件时，我结合了checkBox来进行多选，用来传递多组数组。但是我在载入页面时使用过一次，用来显示已经勾选过的选项（从后端传的数据），然后用rows.forEach(row => { this.$refs.multipleTable.toggleRowSelection(row...
2019-11-26 17:19:13
1342
原创 vue移动端适配方案
这里主要通过rem来适配移动端主要用到两个插件postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexible 用于设置 rem 基准值npm i postcss-pxtorem -snpm i lib-flexible -s我用的是vue-cli3，所以需要自己配置文件，我在vue.config.js中，配置如下代码：css: { ...
2019-10-16 10:41:08
185
原创 vuex中mutation和action的详细区别
1、流程顺序“相应视图—>修改State”拆分成两部分，视图触发Action，Action再触发Mutation。2、角色定位基于流程顺序，二者扮演不同的角色。Mutation：专注于修改State，理论上是修改State的唯一途径。Action：业务代码、异步请求。3、限制角色不同，二者有不同的限制。Mutation：必须同步执行。Action：可以异步，但不能直接操作S...
2019-10-11 14:27:14
1198
原创 session的存储与调用
存储session vm.indexdata.indexId = id; vm.indexdata.indexName = name; var tempIndex = JSON.stringify(vm.indexdata); window.sessionStorage["searchIndex"] = tempIndex;//调用取值JSON.parse(window.sessio...
2019-10-08 13:28:42
309
原创 vue开发和生产环境axios接口切换
主要方法是在你创建vue.config.js之后，在本地跨域是没有问题的，此时打包上线之后，接口会出现一个问题，就是多了跨域的一个字段。此时需要创建一个文件，类似于api.config.js的文件。文件中写上：var isPro = process.env.NODE_ENV === 'production' //process.env.NODE_ENV用于区分是生产环境还是开发环境//根据...
2019-10-07 13:23:19
592
原创 vue中tools工具js如何使用
vue中tools工具js如何使用//处理时间格式function Retime(value){ if (value<60) { if (value<10) { value = '0'+value } return '0:'+value } else if(value<3600){...
2019-09-18 10:29:09
1408
原创 css中~ + > 空格 意义
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：p~ul{background:#ff0000;} <p>快乐生活</p> <ul>生活 生活 生活p~ul 选择前面有 元素的每个 元素。 “~”的定义和用法p~ul选择器 p之后出现的所有ul。两种元素必须拥有相同的父元素，但是 ...
2019-09-16 20:39:23
548
原创 微信小程序 异步转同步，promise，for循环加request异步解决方案
问题：在使用for循环的同时，在内部使用wx.request发送get或者post请求，会导致异步请求存储数据。由于我对微信小程序的应用不是很熟练，并且微信小程序并不像vue那么好使。所以使用异步转同步的方式解决问题。方案：1，创建两个数组，这里分别是 user 和userHead data: { hotData: [], userHead: [], user: ...
2019-09-06 16:21:57
6279
原创 img 图片自动适应div的方法
我们在写页面的时候经常会遇到需要图片自适应容器大小这样的情况，下面我就开门见山的说明一下怎样去实现这样一个效果。1.简单的做法<div> <img src="1.jpg" alt=""></div>备注一下这里的图片大小为200x200pxdiv { width: 400px; height: 400px; b...
2018-12-08 17:10:58
15459
2
原创 settimeout(function(){console.log(i)},0);
for(var i=0;i<10;++i){setTimeout(function(){console.log(i)},0);}这是一个闭包，那么这个闭包输出的到底是什么？？？答案：输出的是 10 ，且连续输出10次；setTimeout是异步执行，也即每一次for循环执行一次，settimeout都会执行一次，但是里面的settimeout并没有立即被执行，而是等到for循环结束...
2018-11-17 12:34:46
5373
1
原创 sublime上的Git 安装和提交流程
一、Git安装到Git的 官网 上去下载 相应环境 的Git安装文件(我的是win10,安装到C:\0software\Git)(转)Git 中文详细安装教程即: Git Bash Here和Git GUI Here前面的 √ 去掉，其他都是默认。二、Git配置及生成密钥（1）在windows开始菜单下最新添加的Git下有个Git_bash，点击打开设置Git提交代码时你自己的用户信...
2018-11-13 21:15:41
1383
原创 2019前端经典面试题
1， html和xml有什么区别html是超文本标记语言 xml是可扩展标记语言html语法宽松，xml语法严谨html使用固有标记，xml没有固有标记html标签预定义，xml标签可扩展，可定义html是用来显示数据的，xml是用来描述和存储数据的2， css有哪几种选择器？权重的优先级？第一种为 属性选择器第二种为 id选择器第三种为 class选择器第四种为 伪类选择器...
2018-11-13 21:08:21
1927
git操作（完整）.md
2020-06-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人