- 博客(28)
- 收藏
- 关注
RSS订阅原创 uni-app开发app配置原生导航栏
我们在开发APP应用的时候，有些时候，我们在页面中会使用webview去引用其他页面，这样，自定义导航栏就会被webview的页面遮住，遇到此场景，我们需要配置pages.json，设置app原生导航栏去操作。
2023-06-28 09:48:16
613
原创 h5实现语音识别调用
话不多说，直接上代码（此案例使用的vue3+vant）创建语音识别功能js, HZRecorder.jsfunction HZRecorder(stream, config) { config = config || {}; config.sampleBits = config.sampleBits || 16; //采样数位 8, 16 config.sampleRate = config.sampleRate || 16000; //采样率16khz v
2021-12-31 17:04:49
2336
原创 axios封装详解
1.引入axiosimport axios from 'axios'2.创建axios实例const service = axios.create({ // 设置请求地址 baseURL: 'http://localhost:8000', // 设置超时时间 timeout: 30000,})3.设置request请求拦截器service.interceptors.request.use( config => { // config.url请求地址 // config
2021-12-28 17:41:38
863
原创 数组去重es6语法new Set使用
function deduplicate(arr) { // new Set方法数组去重，返回set数组，使用扩展运算符解构，重新封装成数组 let temp = [...(new Set(arr))] return temp}
2021-12-27 18:21:34
245
原创 腾讯云配置https
1.在腾讯云申请域名，备案域名这个阶段可能需要一周左右2.一键https将CNAME值添加到DNS记录值看到接入正常就好了
2021-12-24 14:16:08
2327
原创 vue 将html装换成图片下载下来
第一步安装html2canvasnpm i html2canvas第二步在组件中引用import html2canvas from "html2canvas";// html生成图片downerwei() { // 需要生成图片的div类型 html2canvas(document.querySelector(".icon_erwei_box")).then(function ( canvas ) { var url =
2021-12-24 13:38:14
230
原创 vue3中dialog弹窗中使用高德地图
第一步安装amap-jsapi-loadernpm i @amap/amap-jsapi-loader --save// 官方文档中加了-dev字段，加了-dev字段就只能在本地的时候使用，部署到服务器后将不引入包第二步封装地图组件map.vue<template> <div id="container"></div></template><script>import AMapLoader from "@amap/amap-
2021-12-24 10:54:11
1986
3
原创 vue3中导出excel表格
首先安装两个包"xlsx": "^0.17.4","file-saver": "^2.0.5"直接复制放到package.json中的dependencies对象中，npm install一下就ok，是不是非常的简单下一步，组件中使用在组件中引用这两个包import XLXS from "xlsx";import FileSaver from "file-saver";导出方法const exportClick = () => { // 导出文件名 const fi
2021-12-24 10:44:12
2849
2
原创 vue复制链接功能
第一步npm install clipboard --save第二步// 页面中引入import Clipboard from "clipboard";第三步<el-table-column label="邀请链接" align="center"> <template #default="scope"> <span :id="'copyBody' + scope.row.id">
2021-10-29 18:14:15
550
原创 JS判断是否为safari苹果浏览器
JS判断是否为safari苹果浏览器<script>//判断非SAFA时用这个if(!(/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.userAgent)))alert("非safari");//判断是SAFARI时用这个if((/Safari/.test(navigator.userAgent) && !/Chrome/.test(navigator.us
2021-10-29 17:51:29
5952
原创 js原生上传限制pdf，并展示pdf文件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/jquery.js"></
2020-12-27 13:23:05
2159
原创 前端面试题内容总结
什么是DOM文档对象模型，DOM是W3C组织制定的一套处理 html和xml文档的规范，所有的浏览器都遵循了这套标准。什么是BOMBOM是浏览器对象模型，他提供了独立于内容与浏览器窗口进行交换的对象，核心对象是window,BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性innerText和innerHTML的区别获取内容是的区别：innerText会去除空格和换行，而innerHTML会保留空格和换行设置内容时的区别：innerText不会识别HTML，而innerHtML
2020-10-15 17:48:24
202
原创 js中字符转换数字型特殊案例
+"1" // 1 数字型1项目中需要转换的纯字符型的数字可以使用改方式转换var arr = ["1","2","3","4","5",]for(let i in this.arr){ arr[i]=+arr[i] // 通过for...in遍历 +号，可以把所有字符型数字转换为数字型}console.log(arr) // [1,2,3,4,5]...
2020-10-15 11:04:41
126
原创 解决vue中js计算精度问题封装的组件
一、在vue中，写一个js方法，如下precisionMath.js，放入mixins目录中export const precisionMath = { methods: { // 加法 add(arg1, arg2) { var r1, r2, m, n; try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 } try {
2020-10-14 18:35:58
1131
原创 快速卸载node_modules方法
1.安装npm包–rimrafnpm install rimraf -g2.进入项目根目录执行如下命令rimraf node_modules大功告成，node_modules秒删
2020-10-13 09:12:22
1906
原创 vue打包去除控制台console出来的内容方法
第一步：cnpm i babel-plugin-transform-remove-console --save-dev 第二步打开babel.config.js，新增plugins数组，写入transform-remove-consolemodule.exports = { presets: ["@vue/app"], plugins: [ "transform-remove-console" ]};...
2020-10-12 16:32:43
347
原创 elementui如何给table表格中的其中一个值变化颜色
实现需求如下：需要将费用的某项通过状态或值变为红色，有多个费用项实现思路：后台：将其中要变为红色的字段的名称存到一个字段内，多个用字符串拼接前台：实现如下element中table表格有一个cell-style属性，可以绑定一个方法，能获取到表格内每一行的数据，代码如下：<el-table :cell-style="cellStyle" :data="tableData" height="100%">methods: { cellStyle(row)
2020-10-10 11:06:55
3883
原创 前端手写loading加载遮罩
复制直接使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
2020-07-24 18:04:32
384
原创 钉钉搭建码云提交提示机器人，超详细教程
钉钉搭建码云提交提示机器人1.在钉钉上发起群聊，选择分类建群，如图12.选择创建项目群，如图23.创建成功后，选择群设置（图3），智能群助手，添加机器人（图4）4.选择自定义机器人（图5）5.设置机器人，安全设置设置勾选加密（图6），将密钥赋值一份备用，点击完成6.到下一步完成页面（图7），复制Webhook备用，点击完成7.登录自己的码云账号，进入自己的项目仓库，选择管理，选择WebHooks8.点击添加，设置url为图7的webhook，WebHook 密码/签名密钥设置
2020-06-09 09:38:12
1071
原创 element.style引起的宽度问题
如图1，表格样式宽度超出，显示不全查找elements发现没有设置的表格宽度变成了图2解决方式：给被影响的表格加一个类名，设置其样式vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对所以子组件都生效，可以使用 /deep/ 深度选择器。/deep/ .tableClass { width:auto !importan...
2020-02-26 14:19:27
856
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人