![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端那些骚操作
文章平均质量分 63
霸道流氓气质
每一个优秀的人,都有一段沉默的时光,(项目合作请留言)是那段时光,不抱怨不诉苦,最后渡过了这段感动自己的日子。
展开
-
no such file or directory AndroidManifest.xml
在执行cordova platform add android时出现:解决方案:cordova platform remove androidcordova platform add android@6.4.0原创 2018-08-22 15:33:33 · 2006 阅读 · 0 评论 -
Cordova打包教程知识体系整理(Vue项目打包成ipa)
使用工具:1.Webstorm2017 Webstorm2017安装以及破解和汉化: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/821565782.Mac book pro+Xcode8 如果Xcode使用中出现问题: https://blog.csdn.net/BADAO_LIUMAN...原创 2018-10-15 13:36:37 · 2024 阅读 · 0 评论 -
Webstorm+cordova打包vue成Android项目
一、新建vue项目 1.打开cmd命令,输入:npm i -g npm 这个命令类似用npm自身来install自己,即升级npm2.再输入:npm install -g vue-cli 这个命令是用npm全局安装vue-cli。vue-cli 是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,分为vue init webpack-simple...原创 2018-08-07 12:06:13 · 3118 阅读 · 0 评论 -
cordova项目打包并更新腾讯开放平台安装包、加固重新签名步骤
打包apk1.在webstorm中打开cordova项目,执行cordova build android这样会生成debug版的apk。2.打包完成后会提示输出目录一般是: /项目根目录/platform/android/build/outputs/apk/名称一般是:android-release.apk更新腾讯开放平台安装包网址:http://open...原创 2018-09-30 11:38:09 · 1683 阅读 · 0 评论 -
cordova项目怎样修改版本号
cordova项目打包成apk上传到应用包时,在腾讯开放平台更新安装包时,需要当前的版本大于已经提交的版本。打开cordova项目找到config.xml修改最上面的version。...原创 2018-09-18 16:14:14 · 1697 阅读 · 1 评论 -
Cordova创建你的第一个App
安装Cordova Cli1.安装cordova命令行工具前提是:电脑已经安装好Node.jsNode.js简介以及Windows上安装Node.js:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82903033npm介绍以及常用命令:https://blog.csdn.net/BADAO_LIUM...原创 2018-10-08 11:27:05 · 1453 阅读 · 0 评论 -
Cordova将vue项目打包成apk(全使用命令行)
场景假设vue项目已经搭建好,要将其打包成apk。实现编译vue项目在vue项目目录下打开cmd,输入:npm run build新建cordova项目来到要新建cordova项目的目录下,输入:cordova create corova-app com.badao mapp其中cordova-app是项目名com.badado是包名mapp是apk...原创 2018-12-12 16:10:27 · 966 阅读 · 1 评论 -
使用Cordova打包Vue项目为IOS并使用XCode提交到AppStore
打包Vue项目1.在Webstorm中打开Vue项目,在下面的Terminal中输入:npm run build2.等待build完成,双击项目,进入菜单选择Reveal in Finder ,打开项目的真实目录3.找到dist目录,进入4.将dist目录下的static文件夹以及index.html全部复制5.打开cordova项目的真实目录下的www目...原创 2018-10-08 15:04:57 · 7783 阅读 · 8 评论 -
Cordova项目怎样获取项目版本号
修改版本号cordova项目下的config.xml中的最上面的widget标签中的version="1.0.0"中修改获取版本号 if (platform == 'iOS') { cordova.getAppVersion.getVersionNumber().then(function (version) { c...原创 2018-11-09 14:22:22 · 2182 阅读 · 1 评论 -
Vux+Cordova打包的安卓App实现微信分享朋友和朋友圈
知识储备Cordova Plugin ShareSDK 插件什么是Cordova Plugin ShareSDKCordova Plugin ShareSDK封装了ShareSDK的android和ios平台的分享功能。在hybird app开发中可以方便的完成分享功能。如:ionic2等。目前支持:微信,朋友圈,微博,QQ好友,QQ空间,新浪微博的分享。为什么使用Cordova ...原创 2018-11-16 14:32:20 · 2077 阅读 · 9 评论 -
Cordova打包的Vue项目在IOS无法拉起支付宝和微信支付
背景在用Cordova打包Vue项目并添加IOS平台时,在服务器后台没有报异常,且支付宝以及微信的调用的链接在浏览器中能正常调用时,此时查看Cordova项目下的config.xml文件。解决打开config.xml文件加入: <allow-intent href="weixin:*" /> <allow-intent href="alipays:*" ...原创 2018-10-29 09:13:22 · 1943 阅读 · 0 评论 -
Ionic启动时提示:The Angular CLI requires a minimum Node.js version of eithor v10.13 or v12.0
场景在新建ionic项目后通过ionic serve 启动ionic项目时提示:The Angular CLI requires a minimum Node.js version of eithor v10.13 or v12.0注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现电脑中node安装的版本v11,在使用ionic serve 启动项目时提示如上.原创 2020-05-23 23:09:00 · 6509 阅读 · 0 评论 -
Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面
场景Ionic介绍以及搭建环境、新建和运行项目:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106308166在上面搭建起Ionic项目后怎样新建页面并进行页面之间的跳转。注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现Ionic创建页面cd到项目目录ionic g page 页面名原创 2020-05-26 21:57:27 · 1118 阅读 · 0 评论 -
Ionic中自定义公共模块以及在自定义模块中使用ionic内置模块
场景Ionic介绍以及搭建环境、新建和运行项目:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106308166在上面搭建起Ionic项目后 。Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/106366142实现页面的跳转后。怎样把公共的功能抽离出来成为一个模块,然后在其他模原创 2020-05-26 22:40:41 · 447 阅读 · 2 评论 -
Ionic介绍以及搭建环境、新建和运行项目
场景Ionic介绍Ionic 是一个开源的移动应用程序开发框架,它可以轻松地使用web 技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB 页面、微信公众平台应用,混合app web 页面等。Ionic 基于Web Components,具有更好的运行速度,相比以前版本的Ionic 框架性能提升很多。Web Components 是一套不同的技术,允许您创建可重用的定制元素(它们的功能封装在您的代码之外)并且在您的web 应用中使用它们。目前WEB 组件目前仍然原创 2020-05-23 23:22:31 · 1005 阅读 · 1 评论 -
实例入手Vue-Route给引用组件传值以及实现组件重用
场景音乐榜单下有个导航页面组件music_list.vue,它能导航到hot_list.vue热歌榜页面组件,king_list.vue King榜页面组件,news_list.vue新歌榜页面组件,这三个页面组件布局一致,但是请求的数据不同,所以这三个页面都引入了公共组件music_List.vue,并且各自将请求的url作为参数传递给公共组件。实现music_listnav...原创 2018-12-01 13:00:47 · 480 阅读 · 0 评论 -
Vue显示双括号{{}}
如果要想显示{{}}标签,而不是进行替换,使用v-pre就可以跳过这个元素和它的子元素的编译过程在{{}}中,除了绑定属性值外,还可以使用js表达式,三元运算符<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Gen原创 2018-09-13 11:34:55 · 7688 阅读 · 0 评论 -
Vue中预览HIKVSION海康威视的NVR(网络硬盘录像机)中多个通道(摄像机)的视频
场景SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版):SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)_霸道流氓气质的博客-CSDN博客上面实现的在Vue中直接通过单个摄像头的Ip、端口、用户名、密码来预览摄像头的视频,这里将两个摄像头装在海康威视网络硬盘录像机,即NVR中。怎样在Vue中进行预览。去海康威视官网下载web开发包具体参考上面的博客。根据其官方文档的说明,Web控件既适应于单个摄像头的预览,也适原创 2022-04-13 19:16:16 · 6656 阅读 · 3 评论 -
Vue/JS中定时器模拟随机指定范围、位数的小数并更新innerHTML以及页面被销毁时监听事件中销毁定时器
若依前后端分离版手把手教你本地搭建环境并运行项目:若依前后端分离版手把手教你本地搭建环境并运行项目_霸道流氓气质的博客-CSDN博客_前后端分离项目本地运行Vue页面上某个弹窗内容是innerHTML动态拼接。系统演示时需构造模拟数据,模拟出数据随机改变的效果。 注:博客:霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。1、给需要变化的元素添加span标签以及id属性2、在mounted方法中添加定时器原创 2022-12-06 13:23:11 · 706 阅读 · 0 评论 -
使用Vux的Datetime以及XNumber组件实现日期联动
实现效果知识储备XNumber组件安装局部注册:import { XNumber } from 'vux'export default { components: { XNumber }}全局注册:// 在入口文件全局引入import Vue from 'vue'import { XNumber } from 'vux'Vue.c...原创 2018-11-20 16:15:58 · 3469 阅读 · 0 评论 -
Vue实现在前端导出Excel
安装依赖进入项目文件夹,打开cmd或者在Webstorm中的Terminal中输入:npm install -S file-saver xlsxnpm install -D script-loader添加js文件下载所需的两个文件:Blob.js、Export2Excel.jshttps://download.csdn.net/download/badao_liuman...原创 2018-11-06 16:09:34 · 5282 阅读 · 4 评论 -
从实例入手学习Vue-router的使用-实现音乐导航菜单切换
效果实现Vue Router 官方文档https://router.vuejs.org/zh/guide/用 Vue.js + Vue Router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 Vue Router 添加进来,我们需要做的是,将组件 (components) 映射到路由 (routes),然后告诉 Vue ...原创 2018-11-26 00:00:59 · 534 阅读 · 0 评论 -
Vue项目怎样打包并部署在WindowsServer服务器通过IP访问
场景Vue本地执行build之后打开dist目录下index.html正常访问:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/107332730上面讲的将vue项目打包后在本地运行的流程与在服务器上部署基本相似。注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现首先执行vue项目打包npm r原创 2020-07-14 11:06:33 · 3185 阅读 · 4 评论 -
Vue中进行断点调试的两种方式(使用外部浏览器和VsCode的 Debug for Chrome插件)
场景在使用IDEA等进行后台开发时可以直接在想要进行断点调试的地方双击添加一个断点,然后逐步或者逐过程进行调试。但是在Vue中如果想要进行调试时,如果是在js中调试的话,可以直接添加一个debugger,然后在浏览器中打开检查进行断点调试。但是如果在vue界面的话则没法逐步查看变量的值。比如:在Vue页面中,点击搜索按钮时<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuer原创 2020-08-18 09:01:37 · 13833 阅读 · 1 评论 -
el-table中怎样设置标题栏颜色以及每一行颜色交替不同的效果
场景在Vue中使用el-table显示数据,怎样设置标题栏的颜色和设置每一行隔一行显示不同的颜色,实现效果如下注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现找到el-table标签添加如下样式和属性设置 <el-table class="alarm" v-loading="loading" :header...原创 2021-05-23 13:25:54 · 2669 阅读 · 1 评论 -
Vue+Video.js播放m3u8视频流(海康威视摄像头+RTMP服务+FFmpeg)
场景Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览:Nginx搭建RTMP服务器+FFmpeg实现海康威视摄像头预览_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面的基础上实现Nginx搭建RTMP服务器,然后使用FFmpeg实现摄像头推流。最后使用VCL打开网络串流的方式去进行摄像头预览。如果要在前端Vue中去加载显示视频,怎么实现。若依前后端分离版手把手教你本地搭建环境并运行项目:若依前后端分离版手把手教你本地搭建环境并运行项目_B原创 2021-11-08 14:42:56 · 4722 阅读 · 1 评论 -
Vue中使用moment将时间戳数据格式化显示(el-table中)
场景在使用el-table显示数据时,请求后台数据获取的时间格式是时间戳格式然后前端使用el-table进行显示数据 <el-table v-loading="loading" :data="onlineUserList" @selection-change="handleSelectionChange"> <el-table-column label="登录时间" align="center" prop="bindTime" width="1...原创 2021-03-09 19:13:38 · 1139 阅读 · 0 评论 -
Vue中使用benz-amr-recorder插件实现播放amr音频文件以及在线url跨域问题解决
需要做一个Android端和Web端的聊天室,Android端的录音音频文件为.amr格式,除了通过后台server端转码之后,是否可以通过插件在前端直接播放amr的音频文件。原创 2022-09-23 15:41:52 · 3440 阅读 · 4 评论 -
Vue中预览HIKVSION海康威视摄像头时ip不通浏览器卡死问题解决
SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版):SpringBoot+Vue+HIKVSION实现摄像头多选并多窗口预览(插件版)_霸道流氓气质的博客-CSDN博客在上面的基础上进行摄像头预览时,如果电脑与摄像头Ip网络不通或者用户名、密码等信息配置错误时,会导致整个浏览器卡死无响应。翻找其官方文档 发现有可能是在调用登录设备时同步与异步导致。注:博客:霸道流氓气质的博客_CSDN博客-C#,架构之路,SpringBoot领域博主关注公众号霸道的程序猿获取编程相关原创 2022-07-05 15:53:28 · 2419 阅读 · 0 评论 -
Vue中使用a标签实现点击在新标签页中打开实现照片预览
场景显示某抓拍系统的照片,在点击该照片后面的预览时,在新标签页中打开图片的网络URL地址。注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现首先在el-table中添加操作列 </el-table-column> <el-table-column label="操作" alig...原创 2021-05-28 10:55:22 · 5575 阅读 · 1 评论 -
Vue访问百度音乐API实现播放时no-referrer-when-downgrade
场景原因百度使用Http中的Referer头字段来防止盗链,在HTML文件中加上 <meta name=”referrer” content=”never”>这一句让发送出去的Http包都不含Referer字段就行了解决找到index.html加入<meta name="referrer" content="never">注意双引号是英文...原创 2018-12-08 22:14:51 · 2118 阅读 · 1 评论 -
SpringBoot+Vue+Redis实现前后端分离的字典缓存机制
场景前端使用Vue+ElementUI,要显示下拉框,下拉框的字典数据从数据库中的字典表中获取。但是如果每次下拉框都要项后台发动请求数据库的请求,性能可想而知。所以可以在查询下拉框的字典数据时先从Redis缓存中查找,如果有则直接返回,如果没有再从数据库中查询并将其存进Redis缓存中。注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现首先数据库设计一个字典表。具体字原创 2020-09-01 09:20:34 · 5755 阅读 · 1 评论 -
VueRouter的安装以及基本使用
Vue RouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中...原创 2018-11-09 14:15:51 · 480 阅读 · 0 评论 -
Vue的表单组件之单选按钮
单选按钮在单独使用时,不需要v-model,直接使用v-bind绑定一个布尔类型的值,为真时选中,为假时不选。<div id="app"> <input type="radio" :checked="picked"></input> <label>单选按钮</label> </原创 2018-09-19 20:20:13 · 11033 阅读 · 1 评论 -
Vue中使用vue-croper插件实现图片上传裁剪并传到SpringBoot后台接口
场景前后端分离的项目,前端修改头像时,需要对头像进行裁剪并且能实时预览,然后上传到SpringBoot后台。实现效果如下注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现插件官网https://github.com/xyxiao001/vue-cropper安装插件npm install vue-cropper引用插件组件内使用impo.原创 2020-09-04 10:39:05 · 4078 阅读 · 2 评论 -
el-dialog中点击之外的区域不关闭弹窗
场景在页面上显示一个dialog,如果显示的时候点击了弹窗之外的区域则会将dialog关闭。注:博客:https://blog.csdn.net/badao_liumang_qizhi关注公众号霸道的程序猿获取编程相关电子书、教程推送与免费下载。实现1、设置dialogdeelementUi在对Dialog组件做初始化的时候,默认让该Dialog在点击组件以外区域会导致该组件关闭,Dialog下有个‘close-on-click-modal’属性,该属性默认..原创 2022-03-30 16:50:46 · 5936 阅读 · 0 评论 -
SpringBoot+zxing+Vue实现前端请求后台二维码图片
场景ZXing是一个开源的,用Java实现的多种格式的1D/2D条码图像处理库。github地址:https://github.com/zxing/zxing若依微服务版手把手教你本地搭建环境并运行前后端项目:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/109363303在上面搭建起来SpringBoot+Vue的前后端分离的项目的基础上,要实现前端点击按钮请求后台,后台将需要的内容,比如是最新版的app下载原创 2021-02-25 15:44:01 · 2402 阅读 · 2 评论 -
el-table中设置max-height属性使其固定表头
场景若依前后端分离版本地搭建开发环境并运行项目的教程:若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离文档在上面搭建项目的基础上,el-table显示列表以及选择20条显示时的效果如下要实现当切换每一页的条数时,表头固定的效果如下注:博客:BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,SpringBoot,架构之路领域博主关注公众号霸道的程序猿获取编程相原创 2022-02-08 18:55:39 · 2135 阅读 · 2 评论 -
Vue防止表单重复提交
在提交表单时按钮点击一次后,为防止重复表达提交,需要将提交按钮置灰。这需要操作button的disabled属性。<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content=&q原创 2018-09-17 21:01:56 · 4907 阅读 · 0 评论 -
SpringBoot+Vue使用Get请求时提示:Error parsing HTTP request header
场景vue中使用axios请求springboot的后台接口时需要传递一个int数组。原本使用的是get请求。export function handCompletedRequest(ids) { return request({ url: '/kqgl/ddjl/dealCompleted', method: 'get', params:{ ids:ids} })然后在Springboot中 @GetMapping("/dealCo...原创 2020-07-28 09:46:15 · 627 阅读 · 0 评论