- 博客(156)
- 资源 (7)
- 收藏
- 关注
RSS订阅
原创 Vue起步——环境搭建和简单示例
Vue起步——环境搭建和简单示例Vue的开发环境搭建Nodejs安装安装vue-cli脚手架1、安装全局的脚手架，用于全局的模板的建立2、利用vue-cli的脚手架进行项目模板的构建3、安装依赖4、运行项目开发工具Visual Studio Code的安装修改Vue项目示例Vue的开发环境搭建Nodejs安装可以在下面的网站下载安装包：https://nodejs.org/en/downl...
2019-05-22 12:35:07
256
原创 Angular起步——环境搭建
Angular起步——环境搭建Angular的开发环境搭建Nodejs安装安装Angular Cil开发工具Visual Studio Code的安装创建Angular项目Angular的开发环境搭建Nodejs安装我们使用的Angular6前端开发框架需要安装Node.js的8.x或10.x版本。可以在下面的网站下载安装包：https://nodejs.org/en/download/...
2019-05-07 15:35:36
619
原创 ionic起步——环境搭建步骤
ionic是什么：ionic是一款基于PhoneGap及AngularJS开发Hybrid/Web APP的前端框架，简单来说就是可以将你的Web应用打包发布成IOS/Android APP，并且提供了PhoneGap之外很多强大的服务和新的特性。1、安装nodes 下载地址：https://nodejs.org/en/ ，选择 8.11.1 LTS的版本...
2018-12-14 10:10:39
215
原创 Vue:uniapp实现NFC标签读取功能
微信小程序官方文档中提供了调用NFC功能的基础库：NFC - wx.getNFCAdapter - 《微信小程序官方开发文档(全) - 20210305》 - 书栈网 · BookStackNFCAdapter wx.getNFCAdapter()返回值NFCAdapter错误示例代码 微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。本手册整理于2021年3月份，内容包含微信小程序开发指南、微信小程序框架、微信小程序组件、微信小程序A
2022-05-25 15:33:27
4528
2
原创 小程序发布提审被驳回，提示当前提审小程序代码包中地理位置相关接口wx.getLocation暂未开通
小程序发布提审被驳回，提示当前提审小程序代码包中地理位置相关接口wx.getLocation暂未开通的解决办法。
2022-04-29 14:32:40
12522
4
原创 微信小程序-下载文件并打开/下载视频播放视频/下载音频文件-Android和IOS调试终版
下载文件并预览：调接口下载文件，接口返回的是.bin类型的临时文件，直接调用uniapp原生接口openDocument可能出现打不开的情况或者可能打开文件乱码异常，所以我们需要获取一下文件类型fileType适用于接口返回头中返回了文件名称和类型的情况：使用var arr = res.header['Content-Disposition'].toString().split('filename=')[1].split('.')从返回头Content-Disposition中截取文件
2022-04-28 13:51:11
6283
原创 Vue:在特定页面（route）执行定时任务
首先在项目的入口App.vue中使用watch对路由route进行判断，当路由不是指定的"Dashboard"路由时执行事件触发，关闭定时任务：watch: { $route: { handler (newValue) { if (newValue.name != "Dashboard") { events.$emit('clearInterval') } }, immediate: true }
2022-02-07 14:05:51
1070
原创 Vue使用aplayer播放.wav格式音频不显示时长问题
在弹窗中使用了aplayer播放器，但是发现.mp3格式音频显示和播放正常，.wav格式无法显示音频总时长，于是想到做以下改造：1、由于在点击播放后，可以显示总时长，所以想到打开页面后，自动播放，先把时长展示出来：:autoplay="autoplay"其中autoplay初始化为true2、在打开弹窗后，使用ref绑定页面元素的办法，调用音频播放器的pause（暂停）方法，让自动播放的音频暂停播放，这样用户的体验就是打开音频可以显示时长，也没有自动播放了：ref="aplayer"
2021-12-02 11:20:28
2140
原创 解决antd下拉框a-select下拉列表和输入框分离的问题
问题多出现在弹窗内使用a-select的情况中，当打开下拉框的情况下，滑动页面，会发现下拉列表和输入框分离了这种情况只需要在a-select标签内加上以下属性就可以:getPopupContainer="(trigger) => trigger.parentElement"完整代码：<a-tree-select multiple placeholder="请选择所属角色类型" all
2021-11-20 11:08:23
2185
原创 Vue页面antd select多选模式下（mode=“multiple“），点击框外下拉选项无法收起的问题完美解决
<a-select class="w260" allowClear :maxTagTextLength="maxTagTextLength" mode="multiple" :open="isOpen" @focus="isOpenFocus" @ch...
2021-11-19 18:23:18
7273
原创 解决vue项目页面F5刷新mounted里的函数不执行问题
解决方案：这个问题和Vue的生命周期有关，想要在F5刷新后调用的接口，可以写在beforeCreate中补充学习资料：常见的钩子触发事件beforeCreate在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。数据和实例都不能访问created实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而，挂载阶段还没开始
2021-11-19 18:01:58
2369
原创 Vue antd分页器pagination的使用方法
<a-table bordered :scroll="{ x: 500 }" :rowKey="(record) => record.id" :columns="columns" :dataSource="data" :total="total" :pagination="paginationOpt" >在data中进行分页器的初.
2021-11-18 11:44:47
5898
原创 remote: HTTP Basic: Access deniedfatal: Authentication failed for ‘xxxxx‘的问题解决
在没有修改git密码的情况下，使用vs code推送代码，总是会报错：remote: HTTP Basic: Access deniedfatal: Authentication failed for 'xxxxxxxx'(git仓库地址)网上试了一堆方法，只有下面这个方法生效了，分享给大家。首先要删除Windows记住的git本地的密码——第一步：找到凭据管理器（控制面板-用户账户-凭证管理器-windows凭据），删除git项的密码。第二步：重新去执行gitpush命令时，就.
2021-11-16 13:34:34
2325
原创 区块链技术与应用介绍-学习笔记
1、区块链本质思想：“去中心化”：“去中介化”，区块链技术是基于密码学原理而不基于信用，任何达成一致的双方直接支付，而不需要第三方中介的参与→信任的革命；2、区块链是一个分布式账本，一种通过去中心化、去信任的方式，集体维护一个可靠数据库的技术方案→安全透明、无法篡改、无法伪造、交易方便（尤其在跨境的情况下）3、区块链的研究方向：推动智能合约、共识算法、加密算法、分布式系统、以联盟链为重点；互联网上的贸易，几乎都需要借助可信赖的第三方信用机构来处理电子支付信息。这类系统仍然内生性地受制于“..
2021-11-11 11:18:03
16497
原创 Ant Design Vue中a-select组件踩坑汇总
1、Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法Ant Design Vue中a-select组件下拉列表在局部滚动时不跟随问题解决方法_银滴子的博客-CSDN博客问题如下：修改方法如下 <a-tree-select :getPopupContainer=" triggerNode => { return triggerNode.parentNode || document.body; }" ...https://blog.csdn.net/huy
2021-11-11 11:14:36
1958
原创 密码和确认密码校验(使用＜a-popover＞做强度校验)
密码字段在点击填写的时候，右侧弹出校验密码强度的浮框：<a-popover placement="rightTop" :trigger="['focus']" :getPopupContainer="(trigger) => trigger.parentElement" v-model="state.passwordLevelChecked" ..
2021-10-28 10:49:41
2634
原创 ＜a-tree-select＞多选树组件的输入搜索功能清空
树型选择控件多选支持搜索的时候，输入文字，可以对树进行筛选：<a-tree-select class="w260" multiple placeholder="请选择业务分类" v-model="queryParam.businessTypeIdList" allowClear :filterTreeNod
2021-10-26 13:50:23
3815
原创 PC端禁止用户缩放页面的实现方式
对于移动端，我们可以直接这样限制：<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">在PC端上：1、禁止用户在页面上使用ctrl+鼠标滚轮和ctrl+“+”“-”进行页面缩放：可以在index.html中增加如下代码：<script> document.addEventListener('m...
2021-10-25 18:11:13
2759
1
原创 Vue开发小记:前端直接导出表格为excel
首先安装依赖：npm install --save xlsx file-saver组件中引入：import FileSaver from 'file-saver'import XLSX from 'xlsx'然后在页面上添加导出按钮，导出方法绑定到table对象：<!-- 前端直接导出xlsx --> <a-button style="margin-left: 10px" @click="outTab" >导出<
2021-08-31 12:12:14
186
原创 ant-design treeSelect组件replaceFields属性报错
使用ant-desgin的treeSelect组件时，由于接口返回的数据键值并不是组件想要的value、title、key、children四个参数，所以考虑替换查看api，有一个replaceFields属性可以替换接口的参数，所以立刻使用起来 <a-tree-select class="w240" v-model="queryParam.deptId" tree-data-simple-mo.
2021-08-24 14:24:29
6284
原创 antdesign（vue）中 a-tree-select组件用filterTreeNode设置筛选结果不正确
antdesign中的文档里，让我们这么筛选，那么代码里就要这么写<a-tree-select v-model="queryParam.businessTypeIdList" multiple :filterTreeNode="filterTreeOption" show-search treeDefaultExpandAll ..
2021-08-23 11:08:26
10282
9
原创 u-view的u-select组件除了label和value，传递其他参数
组件除了label和value，还可以传递其他参数，用extra进行传递：例如在给u-select绑定的array赋值时，extra用来保存每个数据的一个额外属性<u-select :list="industryCodeList"@confirm="confirm"></u-select>其中industryCodeList像这样赋值：this.myhttp.post('device', '/basic/region/xxxxlist', { dic..
2021-08-19 11:11:52
2442
转载 转载：打印插件LODOP Vue中的使用
官网：http://www.lodop.net/index.html首先需要官网下载安装软件：进入官网后，在下载中心里面下载：下载后的产品下载压缩包中文件如下图：其中CLodop_Setup_for_Win32NT.exe和install_lodop64.exe（或install_lodop32.exe）需要安装，而LodopFuncs.js则引入项目中。不过在引入LodopFuncs.js之前需要引入JQuery，引入方法网上有很多，但这里要注意，如果你的项目中没有配置文件w.
2021-06-05 09:58:36
687
原创 vue 注册全局组件
在main.js里面使用Vue.component()import tuiIcon from "@/components/thorui/tui-icon/tui-icon";Vue.component('tuiIcon', tuiIcon)关于Vue.use()和Vue.component()的用法区别，可以参考下面这篇文章：https://www.cnblogs.com/yesyes/p/6658611.htmlindex.js里面把组件封装成插件，就可以使用Vue.use()使用自
2020-12-08 14:13:51
160
原创 You provided ‘undefined‘ where a stream was expected. You can provide an Observable,...报错解决
调接口时，我做了一个状态判断，如果后端返回的指定状态码不是我想要的，就返回提示信息并退出整个方法：queryMaterial = () => { ....... let loader = this.commonProvider.showLoading(''); // 页面加载状态 this.stockProvider.getPurchaseBarcode(this.barcodeObj[this.BarcodeTypeEnum.Material].barCode,
2020-09-23 11:57:06
1901
原创 ionic打包apk时报错No resource identifier found for attribute ‘appComponentFactory‘ in package ‘android‘
运行打包apk的指令ionic cordova run android，报错No resource identifier found for attribute 'appComponentFactory' in package 'android'我的解决方法：①在安卓平台中./platforms/android/build.gradle文件内，查找到allprojects，在它下面增加：configurations.all { resolutionStrategy.force 'co..
2020-07-28 17:42:48
504
原创 AngularJs：跨一级导航进行路由跳转时，自动刷新对应二级导航栏的内容
对AngularJs初学者来说，有了Angular6的经验，直接上手项目时，有的用法还是不太清晰：之前我在AngularJs做导航之间的路由跳转的时候，都没有接触过跨一级导航跳转的情况，所以没有接触过需要刷新二级导航列表的情况，今天遇到时候，发现使用之前传统的$state.go()方法没有对二级导航的列表做处理，结果就是一级导航跳转过去了，二级导航栏还是维持原有的列表——原本的代码：$scope.transforOut = function (item) {
2020-07-06 09:15:12
484
原创 AngularJs：table中实现单元格展示多条可点击的数据（字符串split成array后，ng-repeat遍历）
js文件：在js文件中，初始化声明表格的地方，在想要展示多条可点击数据的表头属性中，用一个自定义的属性做标记，标记本列需要做特殊的展示效果：$scope.tableConfig={fixedWidth:280,scrollWidth:1400,tableCol:[{type:"",...
2020-07-01 15:30:11
707
原创 ionic5：那些我在Android平台打包apk时踩的坑（qr-scanner二维码扫描改造）
ionic的打包和发布可以参考下面这篇文章，这里就不赘述了：https://www.jianshu.com/p/457365fc04e01、网页调试没问题，打包成apk，在请求接口时一直报404的错误：解决方法：1、在package.json查看安装的版本。版本为1.3.32、删掉cordova-plugin-whitelistcordova plugin rm cordova-plugin-whitelist3、添加cordova-plugin-whitelistcor
2020-05-22 10:35:36
953
原创 ionic5 + cordova：使用QRScanner完成扫描二维码功能
接到一个app的改造的任务，主要是适配一款手持设备，在页面上增加一个类似微信的二维码扫描的唤醒按钮，点击之后进入扫描二维码的页面：步骤如下：1、在项目中下载QRCode的cordova插件：ionic cordova plugin add codova-plugin-qrscanner2、下载QRScanner插件：npm install --save @ionic-native/qr-scanner这里要注意一下你下载的qr-scanner版本是什么，就我的来说，4.0+的版本
2020-05-14 15:42:58
4687
9
原创 解决：对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告
编写代码的时候有时候会遇到这种问题：【ts】对修饰器的实验支持是一项将在将来版本中更改的功能。设置+"experimentalDecorators"+选项以删除此警告解决方法：1、打开配置文件tsconfig.js，在compilerOptions选项中配置："experimentalDecorators": true, 2、在VS Code中配置：文件-首选项-设置-打...
2020-03-16 10:41:59
2141
原创 Vue：单文件组件-学习笔记
在很多 Vue 项目中，我们使用Vue.component来定义全局组件，紧接着用new Vue({ el: '#container '})在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中，或者你的前端完全由 JavaScript 驱动的时候，下面这些缺点将变得非常明显：全局定义...
2020-03-13 14:28:22
2587
原创 Vue：混入的使用和作用
最近在跟着Vue.js教程自学Vue，看到混入这一章的时候感觉没能理解它的作用。看了一下混入的定义：混入是一种分发Vue组件中可复用功能非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。例子：//定义一个混入对象var myMixin={ created:function(){ this.hell...
2020-03-13 10:09:36
1437
原创 手动打包更新项目前端环境（Jenkins崩溃的时候使用）
前几天前端项目使用Jenkins打包总是会报内存溢出的错误（FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory），试了很多解决方法都没办法正常打包，只能自己在本地手动打包，生成镜像后更新前端环境了，具体操作如下：1️⃣在自己本地的项目中使用npm run build，将本地代码打包成dist文件；...
2020-03-03 13:57:47
600
转载 npm install、npm install --save与npm install --save-dev、npm install -g区别
npm install XXXX:会把X包安装到node_modules目录中 不会修改package.json 之后运行npm install命令时，不会自动安装Xnpm install XXXX –save: 会把X包安装到node_modules目录中 会在package.json的dependencies属性下添加X 之后运行npm install...
2020-02-26 14:22:54
289
原创 前端笔试题整理：活到老学到老③
18、改造下面的代码，使之输出0 - 9，写出你能想到的所有解法。for (var i = 0; i< 10; i++) { setTimeout(() => { console.log(i); }, 1000) }答案：首先我们先要复习一下setTimeout的用法：方法一：我们可以使用setTimeout的第三个参数，会作为回调函数的第一个参数...
2020-02-13 17:30:47
298
原创 Angular：路由守卫AuthGuardProvider中的checkLogin验证登录状态
系统中路由想要被访问，需要先通过路由守卫验证，看当前用户是否登录：AuthGuardProvider路由守卫服务：/* * @Author: Wangcan * @Date: 2018-05-16 13:34:23 * @Last Modified by: Wangcan * @Last Modified time: 2019-08-17 15:46:20 * @Descrip...
2020-01-21 14:06:58
1115
cordova-plugin-seuic-scanner.rar
2020-07-30
An early introduction to android app development for CS1 using sofia
2018-04-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人