项目
Jocelyn_书
默默记录,因为记性不好怕忘!!!哈哈哈
展开
-
uniapp之app版本更新,整体更新和热更新
工作中遇到一个需求,app上架各个市场后,用户 需要版本更新检验,下载最新的版本。每次升级之前,不管是热更新还是整体更新,都需要去更新。原创 2024-08-26 11:52:47 · 1216 阅读 · 0 评论 -
uniapp - APP分享到微信,通过h5页面跳转至对应的app页面
从app分享到微信再到微信网页跳转至app对应页面,其中需要注意的是在微信开放平台和微信公众平台的相关配置,看配置是否成功可以在微信开发者工具里测试,把debug模式打开,就可以看到对应的日志反应是否是配置成功了的。还有各个环节的传递参数,记得存取好。uni-app中使用wx-open-launch-app-CSDN博客。原创 2024-08-02 11:35:17 · 1698 阅读 · 0 评论 -
vue3引用tinymce富文本
在vue3项目中使用tinymce原创 2023-03-13 16:18:53 · 1482 阅读 · 1 评论 -
项目开发之vue中如何刷新子组件,重置组件,重新加载子组件
vue中如何刷新子组件,重置组件,重新加载子组件原创 2023-02-21 16:11:08 · 11042 阅读 · 6 评论 -
vue3之弹窗,抽屉二次封装 v-model=“visible” 踩坑
当二次封装弹窗或者抽屉时,从父组件传visible给子组件时,子组件用v-model接收控制显示,控制台会报错。父组件在调用抽屉组件,给抽屉组件传控制显示的值时写法。子组件(抽屉组件)在使用父组件传过来控制显示的值时。原创 2023-01-18 17:08:08 · 2664 阅读 · 0 评论 -
IOS证书获取(证书profile文件,p12私钥证书,证书私钥密码,Bundle ID)
输入您的这个标识符的描述和bundle id的名称(bundle id的格式最好是 com.domianname.appname)记得在capabilities里选中自己需要的功能,我的app需要推送功能,所以我选择了push notifications。当我们在开发一个应用APP时需要真机测试,或者上架到对应的应用市场,这时就需要 App打包(以上就是获取到了所有打包需要的文件资料,可以将对应的资料填写。点击允许后就获得了对应的p12 私钥文件了。选项中,选择你对应的cer文件 然后。原创 2022-12-14 11:26:37 · 12141 阅读 · 1 评论 -
hbuilderx ios自定义基座真机测试
hbuilderx ios真机运行步骤原创 2022-11-01 11:35:31 · 3172 阅读 · 0 评论 -
Uniapp之App开发过程问题记录之运行
uniapp 真机测试 app原创 2022-07-12 10:05:33 · 774 阅读 · 0 评论 -
vue之cos-js-sdk-v5 操作 腾讯云服务器
cos-js-sdk-v5在操作增删等动作之前需要配置你的腾讯云*准备工作配置文档这些都需要在腾讯云管理后台配置好 这样在开发过程中就可以正常的使用了。安装 SDK有两种使用方式:script 引入和webpack 引入方式在vue中使用推荐webpack引入通过npm i cos-js-sdk-v5 --save安装 SDK 依赖在使用时引入即可import COS from 'cos-js-sdk-v5' //脚手架安装*注意在做对象操作(增删等功能之前原创 2022-04-02 10:25:49 · 5520 阅读 · 0 评论 -
css之如何读取textarea中特殊符号
在textarea中编辑的文字,可以分段和缩进等操作,所以会产生特殊的字符。如果前端想显示这些特殊的字符就需要在css中添加一个样式属性white-space属性.css{ white-space: pre-line;}原创 2022-03-07 11:45:38 · 609 阅读 · 0 评论 -
地图API之不同方向的使用
在我们做项目的时候,会用到地图相关的业务逻辑,所以就需要用到相对的地图api。但是地图api有很多不同的方向,所以要弄懂不同方向的用法。目前比较好的地图API有:高德地图:高德开放平台 | 高德地图API腾讯地图:腾讯位置服务 - 立足生态,连接未来百度地图:百度地图开放平台 | 百度地图API SDK | 地图开发在开发项目时都需要对应地图的key值,所以在申请key值应该申请哪一个?开哪一个相关的开发文档?web端/web开发:这类的就是在项目中需要展示地图...原创 2022-01-18 10:46:26 · 278 阅读 · 0 评论 -
vue之结合路由配置递归实现菜单栏
递归的方式去根据路由配置菜单栏:参考文章:Vue结合路由配置递归实现菜单栏 - 小土豆biubiubiu - 博客园转载 2021-10-13 09:04:20 · 284 阅读 · 0 评论 -
element DateTimePicker 日期时间选择器 选择范围限制
https://blog.csdn.net/weixin_46074961/article/details/106403555https://blog.csdn.net/weixin_39629969/article/details/111543699原创 2021-08-24 11:57:46 · 3022 阅读 · 0 评论 -
flex布局 justify-content:space-between出现最后一行个数不够 布局混乱
网上有很多方法是用after伪元素添加,但是有时候浏览器的大小屏导致列数不确定就不能固定添加解决方法:放置占位元素,占位元素宽度与其他元素宽度一直,高度为0具体代码: <ul class="tag-list-wrap flex-wrap flex-hh j-between"> <li v-for="(arr,index) in tagList" :key="index" class="tag-list-item-wrap flex-wrap a-center...原创 2021-07-27 17:07:29 · 730 阅读 · 0 评论 -
Vue之props赋值给data 数据变化
问题:当组件props里的某个值(a)(a值要是对象引用类型的数据)赋给了data对象里的某个值 (b); 当a值发生了变化,b值还是最开始的a值,但实际应该是b值是最新的a值例如:<template> </template><script>export default { name:'child ' props:{ a:{ type:Object } }, ..原创 2021-05-14 15:25:10 · 4650 阅读 · 0 评论 -
vscode需要的插件
原创 2021-04-13 16:43:19 · 72 阅读 · 0 评论 -
Axios下载导出表格
实际项目中的导出表格,就是请求后端,然后后端返回一个链接下载注意axios请求responseType是blob,不然会出现乱码ie浏览器需要生成一个a链接下载download(){ let loading = this.$message({ message: '正在下载表格...', type: 'success', duration:0 });原创 2021-03-18 14:02:23 · 140 阅读 · 0 评论 -
js之websocket在vue项目中使用
websocket的大致作用:对于前端工程师来说,一般是前端通过触发事件,主动发起请求来获取后台数据。但是特定情况下,需要后端服务器主动推送数据到前端。这时候普通的axios等请求是无法实现的,websocket恰好可以实现这个需求。<template> <div class="testIndex"> <el-form ref="form" :model="form" label-width="80px"> &...原创 2021-03-05 10:59:51 · 443 阅读 · 1 评论 -
vueElement之table合并单元格
运用情景:在某些场景需要table表格 合并行 或者合并列合并行:你需要知道那一列需要合并行,需要合并几行。如图:我需要在第一列合并projectItem相等的行数,所以我们需要算出projectItem相等的行数有几行计算出那些行数需要合并(projectItem相等的行数) getSpanArr (data) {// // console.log(data)//从后台获取的数据 if(!data){原创 2021-02-02 09:39:37 · 527 阅读 · 2 评论 -
js之数组的交集,补集,差集,并集
//两个数组的交集const intersectFn = (A= [], B= []) => { const intersection = A.filter( a => B.some( b=> b.id === a.id)); console.log(intersection) return intersection };let bingji = [...A,...B]...原创 2021-01-28 16:31:41 · 161 阅读 · 2 评论 -
js之如何计算两个时间的时间差
二,求时间相差的分钟数场景:已知一个时间 算出该时间与当前时间的差值无论你拿到的当前时间的格式是怎样的你度需要将其转换为时间戳 这样才比较好计算new Date(你的时间字段)一,求已知时间是否比当前时间晚 var d1 = new Date(timestr);//已知时间戳 var d2 = new Date();//当前时间戳 if(d2>d1){ //如果d2大于d1则已知时间小于当前时间 }二,求时间相差的分钟数 ...原创 2021-01-28 14:43:38 · 6267 阅读 · 0 评论 -
vue项目之复制粘贴文本
运用场景:当需要粘贴选中一大段文字时插件 vue-clipboard2//安装yarn add vue-clipboard2npm install --save vue-clipboard2//在main.js中引入import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)v-clipboard:copy="PhoneNums" PhoneNums就是你要复制的内容v-clipboa...原创 2021-01-28 11:52:42 · 313 阅读 · 0 评论 -
Vue之axios并发多个请求
情景描述:当一次需要请求多个接口时,就可以使用axios.all();因为重新封装了实例了axios所以,在实际调用的时候使用封装后的this.$axios.all()会报错的原创 2021-01-28 11:33:27 · 2071 阅读 · 0 评论 -
项目初始化之配置初始化css样式
在配置初始化项目时 一般都需要将所有标签的样式重置这是我常用的reset.csshtml, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt原创 2021-01-06 11:16:06 · 463 阅读 · 0 评论 -
Vue-app之H5基于Vue初始化一个移动端项目H5APP
Web App,顾名思义是指基于Web的应用,基本采用Html5语言写出,不需要下载安装。类似于现在所说的轻应用。基于浏览器运行的应用,基本上可以说是触屏版的网页应用。一个web app如何拔地而起:需要用到的技术有Vue全家桶,H5。这三样我觉得是最重要的,其他的还包括js那些等等技术。vue参考文档https://cn.vuejs.org/H5参考接口Api http://www....原创 2019-12-19 11:15:43 · 2588 阅读 · 0 评论 -
Echarts之跟着自适应大小
解决问题:当你变化页面窗口大小的时候,echarts图形必须重新刷新页面才会变正常echarts本身有一个resize()函数,只需要在窗口改变的时候,也就是window对象触发onresize事件,调用它,使之重新渲染页面就可以了initEcharts_police(timevalue,datavalue){ let trendEcharts_police = this.$echarts.init(document.getElementById..原创 2020-12-29 14:57:04 · 256 阅读 · 1 评论 -
vue插件之vue-seamless-scroll 无缝滚动
管网地址:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default下载:npm install vue-seamless-scroll --save# oryarn add vue-seamless-scroll --save使用import vueSeamlessScroll from 'vue-seamless-scroll'//注册组件com.原创 2020-12-29 14:07:19 · 367 阅读 · 0 评论 -
Echarts之转换为图片
在项目中遇到个问,就在window.print()打印页面的时候,echarts图案打印时不会显示,所以得把echarts转换为图片。echarts如何转换为图片: initEcharts(){ let trendEcharts = this.$echarts.init(document.getElementById('trendEcharts')); trendEcharts.setOption({ .......原创 2020-12-07 16:10:27 · 2790 阅读 · 0 评论 -
Vue表格导出
项目描述:将页面中的table导出本文章借鉴:https://www.cnblogs.com/WangXinPeng/p/11120926.html安装三个依赖(yarn和npm都可)npm install -S file-savernpm install -S xlsxnpm install -D script-loader项目中新建文件夹(文件名excel)在excel文件夹里新建两个js文件(Blob.js和Export2Excel.js)Blob.js:(fun原创 2020-05-21 11:00:04 · 164 阅读 · 0 评论 -
Vue+高德地图
基于VUE的高德地图展示及标点功能描述:在vue框架(vue-cli3)中使用高德地图,展示地图,规划行政区域,标点。具体步骤:在高德api中申请一个key值 (高德api管网)(注意web端和web服务的key的运行功能不一致,需要根据自己项目实际情况而申请相对应的key------我这里需要的key是web端的key值)在public中的index.HTML文件中加入相关配置<script type="text/javascript" src="https://webapi.原创 2020-05-19 10:41:08 · 2759 阅读 · 1 评论 -
Vue项目里的页面打印
功能描述,在项目里有个打印功能,将页面的部分内容打印出来。如图描述只打印画圈的部分(内容未展开)实际打印效果:具体代码://打印方法dayin(){let dataReportBox = document.getElementById('dataReportBox');//获取要打印内容的节点//取不显示的节点,可以将他隐藏或者移除该节点let top = documen...原创 2020-04-15 11:19:20 · 1156 阅读 · 0 评论 -
时间插件moment.js的使用
最近做项目时候发现了一个关于时间的插件,在实际项目中很实用,可以获取当前时间,上一周,上一个月等等时间相关的操作。指路官方文档**moment.js**具体运用在Vue项目中使用:安装moment.jsnpm install moment --save # npmyarn add moment # Yarn在项目中使用全局使用在其他参考文献中都没...原创 2020-04-09 16:20:03 · 356 阅读 · 0 评论 -
在vue中使用JQuery
在vue中使用JQuery在vue中可能会使用到JQuery,那么就要安装他并引入调用,但是在Vue2.0和Vue3.0中的使用的方式有所不同。最开始都要先下载jquery包yarn add jquery或者npm i jquery在Vue2.0中使用JQuery下载好后,就只需要在main.js中引入,就可以全局使用了import $ from 'jquery'//虽然引...原创 2020-03-12 16:55:52 · 589 阅读 · 0 评论 -
this.$router.resolve Vue如何打开新窗口
在vue中如果要如何打开新的窗口页面this.$router.resolve方法即可打开新的窗口页面,还可以穿参数,在新的窗口接收参数和普通路由传参一致。 Markerpoint(){ const {href} = this.$router.resolve({ name: "fireAlarmLocation",//这里是跳转页面的na...原创 2020-03-12 16:35:28 · 7125 阅读 · 0 评论 -
formData格式上传数据时查看formdata的值
const formData = new FormData();formData.append(“crowdName”, this.state.inputVlaue);//第一种for (var value of formData.values()) {console.log(value);}//第二种for (var [a, b] of formData.entries()) {...原创 2020-01-16 15:57:09 · 7881 阅读 · 0 评论 -
vue+elementUI的文件上传和文件下载
项目需求:一个功能可以导入表格数据,还有模板提供下载参考大致的功能需求就是这样了,上传文件的组件用的是element-UI自带的组件配置参数:我使用的是手动上传模块参数说明action必选参数,上传的地址multiple是否支持多选文件limit最大允许上传个数on-exceed文件超出个数限制时的钩子http-request覆盖...原创 2020-01-16 15:52:49 · 7318 阅读 · 1 评论 -
实际项目-移动端调用摄像头获取照片加水印
H5移动端打开摄像头和打开相册参考文档:http://www.html5plus.org/doc/zh_cn/camera.html!!!plus在PC端运行时会报错,只有打包后在手机端运行时才能运行//选择打开摄像头还是打开相册 takePhoto(){ let that = this; let bts = [ ...原创 2019-12-19 15:40:36 · 1268 阅读 · 0 评论 -
vue-pc打开本地摄像头并对画面进行截图
在vuePc端打开本地摄像头。实现效果,在pc端项目中打开本地摄像头,然后对此画面进行截屏,并以文件的格式上传到服务器。1.打开本地摄像头/**获取方法*/getVideo(){ let video = this.$refs.video//获取要放视频的video标签节点 if (navigator.mediaDevices.get...原创 2019-08-19 10:20:41 · 2140 阅读 · 0 评论 -
Element-UI的隐藏组件el-scrollbar
文章链接:https://www.cnblogs.com/catherLee/p/9554802.html转载 2019-09-27 09:49:53 · 187 阅读 · 0 评论 -
新电脑环境下需要做的事情
下载node.js运行环境下载地址(http://nodejs.cn/download/)下载好后可以在命令行输入 node –v 查看node的版本,则知道是否下载成功在node环境下下载yarnnpm install -g yarn 查看版本:yarn –version全局安装vue-clinpm install -g @vue/cli 或者 yarn gl...原创 2019-09-27 10:10:40 · 156 阅读 · 1 评论