- 博客(69)
- 收藏
- 关注
原创 阿里获取银行卡信息接口
// 获取银行卡号信息 getCardInfo(cardNum) { /** * https://apimg.alipay.com/combo.png?d=cashier&t=ABC * 获取银行图片 */ this.$toast.loading({ duration: 0, message: "识别中..." }); tempAxios .get( `https://ccdc.
2021-11-10 14:23:28
1468
原创 px 转 vw
1、npm install postcss-px-to-viewport --save-dev2、在postcss.config.js中配置module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth
2021-11-05 16:35:52
195
转载 uni-app app项目运行至夜神模拟器
uni-app 运行至夜神模拟器夜神安卓模拟器 下载地址:https://www.yeshen.com/下载后点击进行安装夜神安卓模拟器安装安装完成后,复制 模拟器安装目录,window+R,输入cmd 进入终端命令行,执行以下命令:nox_adb connect 127.0.0.1:62001nox_adb devices终端命令行操作进入HbuilderX安装目录,找到adb.exe的安装路径并复制adb.exe的安装路径进入HbuilderX,在顶部菜单找到 【工具】–【设置
2021-09-08 19:01:14
533
原创 网页打印事件的监听
var beforePrint = function () { console.log('Functionality to run before printing.'); }; var afterPrint = function () { console.log('Functionality to run after printing'); }; if (window.matchMedia) { var mediaQuer.
2021-06-30 15:24:49
2268
原创 js深拷贝
// 定义一个深拷贝函数 接收目标target参数function deepClone(target) { // 定义一个变量 let result; // 如果当前需要深拷贝的是一个对象的话 if (typeof target === 'object') { // 如果是一个数组的话 if (Array.isArray(target)) { result = []; // 将result赋值为一个数组,并且执行遍历
2021-06-09 15:46:16
109
原创 element 侧导航展开收起 文字显示问题
项目中安装vue-fragmentcnpm install --save vue-fragment在main.js中引入// main.jsimport Fragment from ‘vue-fragment’Vue.use(Fragment.Plugin)修改为,fragment下面也是由template包裹原文:传送门
2021-05-13 10:27:06
384
原创 页面载入进度条
1、页面载入进度条安装:1)npm install --save nprogressimport NProgress from 'nprogress';router.beforeEach(() => { NProgress.start();});router.afterEach(() => { NProgress.done();});
2021-03-31 16:02:33
156
原创 js-API-总结
数字字符串1、Number.isInteger()(是否为整数)Number.isInteger(1.1) //falseNumber.isInteger(1) //trueNumber.isInteger(NaN) //false注意:Number.isInteger(1.0) // true2、isNaN()(是否为NaN)isNaN(1) //falseisNaN(NaN) //true3、toExponential()(以指数表示法返回该数值字符串表示形式)1
2021-03-29 18:08:12
277
原创 video总结
视频知识点1、属性poster:视频封面路径地址例子: :poster="地址"onpause:视频暂停触发方法 例子: @pause="onPlayerPause()" onplay:视频播放触发方法 例子: @pause="onPlayerPlay()" oncanplay:视频加载完成触发方法 例子: @canplay="getTime()"2、方法//获取dom节点, dom节点.play()可以控制视频播放let player = this.$refs
2021-02-01 15:10:04
523
原创 构建者模式
构建者模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>构建者模式</title></head><body> <scri
2021-01-06 19:01:25
89
原创 原型模式
原型模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原型模式</title></head><body> <script
2021-01-06 13:40:29
65
原创 构造器模式
1、构造器模式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>构造器模式</title></head><body> <sc
2021-01-05 19:57:22
81
原创 jq指定模块生成图片
1、下载并引入html2canvas.js<script src="/Scripts/html2canvas.js?version=2.20201213"></script>2、html代码中添加如下代码(代码存放位置暂时没发现有什么要求) <!--保存的下载链接--><a href="#" style="display:none" class="feedbackChartRightAspan"><span class="feedbackCha
2021-01-05 19:34:42
165
原创 vue判断页面是否正在滚动
export default { data() { return { oldScrollTop: 0, //记录上一次滚动结束后的滚动距离 scrollTop: 0 // 记录当前的滚动距离 } }, watch: { scrollTop(newValue, oldValue) { setTim
2021-01-03 16:44:37
1839
原创 自定义浏览器页面左上角title图标
index.html得head中添加如下代码图片一定要放到static中,否则浏览器中不到 <link rel="icon" type="image/x-icon" href="static/logo.png">
2020-12-22 16:58:41
579
原创 css引入外部字体
1、修改build文件夹下 webpack.base.conf.js 在 rules 中添加以下代码修改过后别忘了重启项目哦!!!!!{test: /.(woff2?|eot|ttf|otf)(?.*)?$/,loader: ‘url-loader’,options: {limit: 10000,name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]’)}}2、新建 font 文件夹 ,引入外部字体资源,创建 font.cssfont文件
2020-12-17 11:50:31
694
原创 vue 自定义指令
1、全局注册自定义指令1、创建一个公共的js文件import Vue from 'vue'Vue.directive('demo', { bind: function (el, binding) { console.log(el); console.log(binding.arg); el.innerHTML = binding.value }})2、main.js中引入 import App from './App'imp
2020-12-16 10:53:27
92
原创 刷新或跳转页面回到页面最顶部
scrollBehavior(to, from, savedPosition) { return { x: 0, y: 0 } }
2020-12-15 17:26:44
710
原创 原生轮播图
可直接食用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title></head><style> * {
2020-12-02 09:09:13
134
1
原创 element序号
<el-table-column label="序号" align="center"> <template slot-scope="scope">{{ scope.$index + 1 }}</template></el-table-column>
2020-11-25 10:31:39
444
原创 高德地图api
1、通过NPM安装vue-amap模块:npm install --save vue-amap2、在main.js中引用vue-amap:import VueAMap from 'vue-amap';Vue.use(VueAMap);// 初始化vue-amapVueAMap.initAMapApiLoader({ key: '申请的高德地图Key'});3、在vue组件中使用:<template> <div> <el-amap
2020-11-24 11:49:59
354
原创 vue、oss,阿里云文件上传
一、阿里云配置注意*****:1、上图来源可以但不推荐为*,来源配置为域名2、请求方式勾选put3、Allowed Heafers配置为*即可4、Exposed Headers与缓存时间可以不填参考内容:传送门二、1、安装包 : npm install ali-oss2、src下新建utils文件夹,文件夹中创建 alioss.js,添加以下代码var OSS = require('ali-oss');export function client() { var client
2020-11-17 10:36:48
288
原创 码云部署个人项目
码云部署个人项目步骤1、npm run build 打包项目 生成dist文件夹2、码云创建新项目,将dist丢进去(链接仓库,push代码)3、点击服务 找到gitee page,点击gitee page进入部署页面4、部署页面点击更新,更新成功后点击生成的网络地址即可5、if(报错找不到静态资源)6、在开发环境下的目录里会有config文件夹,config文件夹里有个index.js文件打开找到build,将build下的 assetsPublicPath* 更改为’./'重新打包部署
2020-11-16 15:16:36
580
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人