- 博客(71)
- 收藏
- 关注
RSS订阅
原创 vue 打印生成条形码二维码并打印
1.安装资源npm i jsbarcodenpm i vue-print-nb2.main.js中引入以下资源//生成条形码并打印import JsBarcode from 'jsbarcode'import Print from 'vue-print-nb'Vue.use(Print);import vJsBarcode from '@/components/JsBarcode'Vue.component("vJsBarcode", vJsBarcode);3.新建JsBarcod
2021-07-29 15:30:31
1445
原创 vue2.0脚手架工具安装流程
安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命令行工具输入命令node -v，如下图，如果出现对应版本号，就说明安装成功了。我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些...
2020-04-21 12:51:37
388
原创 java环境安装
按住WIN和R键，输入cmd，打开命令行，输入d:切换到D盘下，想要得到Java程序的运行结果，必须要对Java文件进行编译，得到.class文件后，才能运行。在命令行输入HelloWorld.java进行编译，得到一行空白就表示编译成功，此时就可以运行了。首先在D盘新建一个txt文档，输入文档名字HelloWorld，将文件后缀名改为.java。，下载jdk，解压到D:\JAVA\Java\jdk目录下。1.键盘同时按住WIN和R键，输入cmd，回车。Java安装好了，接下来运行第一个Java程序。
2024-02-19 11:27:36
349
原创 this.$refs[form].resetFields() 不生效
所以，在 form mounted之前，如果给form表单赋值了，那么后面调用resetFields()都是无效的，因为form表单的初始值已经在 mounted 之前就被赋值了。而这个初始值是在form mounted生命周期被赋值上去的。1.el-form-item 没写prop。此方法用于将form表单的数据设置为初始值。
2022-10-14 14:41:47
4156
原创 vue 视频流媒体播放
jessibuca插件官方地址插件文件修改：<template> <div id="jessibuca" style="width: auto; height: auto"> <div id="container" ref="container" style="width: 100%; height: 10rem; background-color: #000" @dblclick="fullscreenSwich">
2021-11-23 17:44:11
2937
原创 vue 埋点
1.新建文件point.js//埋点import Vue from 'vue'import axios from 'axios'const point = Vue.directive('point', { bind (el, binding, vnode, oldVnode) { el.binding = binding; el.addEventListener('click', function () { var binding =
2021-08-11 14:34:17
484
原创 在vue中嵌入html页面并传递参数实现3d功能
vue<el-button @click="sendMessage"><el-button><div id="iframeId"> <iframe id="iframe" ref="frame" scrolling="no" style="border: 0" width="100%" height="100%" :src='iframeSrc' @load="sendMessage"> </iframe></div&g
2021-07-07 15:32:07
649
原创 vue 页面转图片并下载pdf
html2canvas 下载JsPDF 下载import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'// 使用 this.getPdf('id',文件名)export default { install (Vue, options) { Vue.prototype.getPdf = function (ids, title) { // let dome = document.ge
2021-06-04 15:29:48
316
原创 VUE确定按钮防止重复点击
import Vue from 'vue'const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEventListener('click', () => { if (!el.disabled) { el.disabled = true setTim
2021-02-04 13:48:43
453
原创 播放hls 和rtmp 流
http://cyberplayer.bcelive.com/demo/new/index.html<script type="text/javascript" src="player/cyberplayer.js"></script><div id="playercontainer"></div>player:''//视频播放弹框 video(address) { this.dialogVideo = tru
2021-01-16 16:25:17
218
原创 vue项目 build打包 路径问题
图片路径： build 文件中的utils.js 添加publicPath: ‘…/…/’,css，js路径：build 文件config文件index.js 修改assetsPublicPath: ‘./’,
2020-12-17 10:39:04
398
1
原创 vue 项目需求安装
https://blog.csdn.net/qq_25239049/article/details/105655582 脚手架及项目安装cnpm install -g sass css框架sass安装cnpm i element-ui -S element ui框架安装cnpm install vuex --save 状态管理工具 vuex安装cnpm install axios 异步工具 axios安装 全局使用 在main.js中写入：import axios fr.
2020-10-19 16:03:45
106
原创 element el-pagination 解决删除最后一页的最后一个时出现空表格问题
let totalPage = Math.ceil((this.totalPage - 1) / this.pageSize)let pageIndex = this.pageIndex > totalPage ? totalPage : this.pageIndexthis.pageIndex = pageIndex < 1 ? 1 : pageIndex
2020-10-16 16:59:46
705
原创 vue push对象时存在第二条数据push的值为空
vue push对象时存在第二条数据push的值为空的问题原因是会产生同一个对象引用问题解决方案：data.push({…boj}) {}新建一个新对象 …展开符展开原来的对象
2020-09-15 16:24:22
1232
原创 页面滑动栏滚动条样式设置
页面滑动栏样式设置 注意：具有兼容性问题/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{ width: 16px; height: 16px; background-color: #F5F5F5;} /*定义滚动条轨道 内阴影+圆角*/::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;
2020-09-06 13:51:46
342
原创 vue 中input无法输入原因
没有设定处使值 v-model动态循环绑定值时需要使用@input="change(KaTeX parse error: Expected '}', got 'EOF' at end of input: … change(){this.forceUpdate()} 强制更新视图
2020-05-20 18:39:51
4538
原创 element form 表单验证rule报错
el-form 写上:model=“lightPoleInfoList” :rules=“rules” ref=“lightPoleInfoList”el-form-item prop=“Name”<el-input v-model=“lightPoleInfoList.Name”prop 和v-model要一致 切只到两级 类似 v-model=“pwdOptions.newPassword.xxxxxx”,三层就需要prop=“pwdOptions.newPassword”...
2020-05-14 16:51:08
604
原创 vue项目 既能通过ip访问项目，又可以本地localhost访问
https://www.cnblogs.com/mmzuo-798/p/12069088.html
2020-05-06 13:08:13
1006
原创 SourceTree 安装使用
https://blog.csdn.net/weixin_42089175/article/details/91883136
2020-04-30 18:44:09
208
原创 renren-fast-vue 无法启动成功原因
renren-fast-vue 无法启动主要是因为node版本过高 需要使用8x版本 并且安装node-sassnpm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install node-sasscnpm installnpm run dev...
2020-04-27 08:55:59
2001
2
原创 vscode 使用vue格式化工具时配置
商店安装扩展Vetur点开设置，设置页面点开“拓展”，找到“Vetur”，右侧点击“在setting.json中编辑”，加入以下配置就好了："vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html"...
2020-04-22 13:50:32
835
原创 弹框居中
方法一position: fixed;z-index: 10;width: 85%;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);方法二position: fixed;z-index: 10;width: 85%;top: 50%;...
2020-03-17 16:42:34
119
原创 canvas measureText 属性在ios中宽度为0
canvas measureText 属性在ios中宽度为0解决方法：加上 + " "即可
2020-03-10 17:43:15
682
原创 小程序 canvas 文字换行
canvas 、文字、左边距离、距离高度、行高、文字最大宽度drawText: function(ctx, str, leftWidth, initHeight, titleHeight, canvasWidth) {let lineWidth = 0;let lastSubStrIndex = 0; //每次开始截取的字符串的索引for (let i = 0; i < str.le...
2020-03-06 10:16:16
245
原创 关于canvas填写位置不准确的注意事项
初始化canvas对齐方式与基线并且设计图文字这些开始距离必须和文字一样（主要是一般文字里面会有空白空间 会使位置距离不准确） 方便canvas文字位置等填写ctx.setTextAlign(‘left’);ctx.textBaseline = “top”;...
2020-03-06 09:52:58
1023
原创 jq :contains方法搜索匹配
//重写:contains方法支持大小写搜索jQuery.expr[’:’].contains = function(a, i, m){return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase()) >= 0;};function keyup(text){ //搜索if($.trim(text) != “”){...
2019-12-25 17:30:52
303
原创 canvas 水流波纹
<canvas id="canvas" width="1912" height="150"></canvas>var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); canvas.width = canvas.parentNode.offset...
2019-11-11 16:00:07
568
原创 js 转盘抽奖
#bg img:last-child { width: 650px; height: 600px; margin: 0 auto; background: url(turntable-bg.jpg) no-repeat; position: relative;}.explain{ position: absolute; z-index: 10; ...
2019-10-31 17:27:06
133
原创 canvas 使用字体变粗后 获取宽度不准确问题
canvas 使用字体变粗后 获取宽度不准确问题ctx.font = ‘normal bold 20px sans-serif’ 使用之后就算让字体变细后宽度还是会按照之前计算ctx.font = ‘normal initial 11px sans-serif’;需要重新将字体大小和字体重设才行：ctx.font = “11px sans-serif”;...
2019-10-30 16:47:20
1251
1
原创 小程序 swiper组件跳页快速点击页面造成页面停留在点击的页面bug
问题：1.在使用swiper组件得过程中 如果快速点击切换页面 当在切换页面得过程中点击到如1-10页面中得 其他页面 则swiper将停止滑动事件 因为需求 需要用swiper组件做跨页面 如1跳到102.另外在1-10页面过程会出现多个页面一闪而过得情况 希望能够得到优化 只显示当前页面和下一个页面 中间页面则不显示在滑动过程中原因：造成上面bug原因是在跳页的时候只要点击到页面 c...
2019-10-15 17:27:22
329
原创 小程序 引入自定义字体
@font-face{font-family:lz;src:url(‘https:///cdn.kuso.xyz/dailyTest/ttf/lz.ttf’);}2.到这个平台https://transfonter.org/，把字体文件转化成base64格式，在wxss文件中引入
2019-10-14 17:19:44
407
原创 React Native 安卓运行程序
1.首先打开运行模拟器2.新建文件 react-native init 名称3.打开终端 cd进入刚刚新建的文件名称 运行 react-native start --port 9999 如果端口没有被占用 则不需要加 --port 99994。另起一个终端 cd进入刚刚新建的文件名称 react-native run-android...
2019-10-09 17:58:46
126
原创 小程序 上拉下拉加载更多
onReachBottom(e) { //上拉加载更多 let that = this; wx.showLoading({ title: '加载中...' }) wx.request({ url: “”, dat...
2019-10-08 16:00:21
131
原创 小程序 懒加载图片
<view class="image"> <image src="{{arry[index] ? val.thumbnail: 'https://cdn.kuso.xyz/dailyTest/img/lazy.png'}}" class="{{arry[index] ?'Action':''}}"></image><...
2019-10-08 15:38:18
81
原创 小程序 一个canvas内绘制圆形头像
在需要绘制头像的地方写入以下函数that.circleImg(ctx, img, x, y, 20);ctx.restore(); //需要编辑canvas内容则需要写入调用剪切头像方式circleImg: function (ctx, img, x, y, r) { //圆形头像 ctx.save(); var d = 2 * r; ...
2019-09-19 16:11:04
743
原创 小程序 获取二维码并展示
这两个参数都能在后台配置中找到 appid、appsecret 找到后填入第一个接口 获取access_token 完成后可以把这个接口取消 直接把access_token写入第二个接口 留着也可以 只是一直会生成不同的access_token值 生成新access_token值后旧的无法使用第二个接口需要使用post请求 参数好像也需要先转json在传 注意接收到的图片是二进制的 需要添加re...
2019-09-17 15:56:47
1650
原创 小程序 getSystemInfo部分机型无效问题
部分机型getSystemInfo无效 只需将getSystemInfo写在onReady事件中onReady: function () { wx.getSystemInfo({ success: res => { let custom = wx.getMenuButtonBoundingClientRect(); ...
2019-09-10 17:52:13
1776
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人