0

vue必须掌握之组件通信(7种方法)

方法一:\$emit / props 父组件通过props的方式向子组件传递,子组件通过$emit触发父组件中v on绑定的自定义事件 方法二、\$parent / \$children 与 ref ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向 ...

smile_or 发布于 2020-01-19 15:00 评论(0)阅读(38)
0

vue常用插件之打印功能、二维码插件、批量打印二维码

vue实现打印的两种方法 vue实现批量打印二维码 (需安装二维码插件qrcodejs2) 一、vue print nb插件 1、安装: npm i vue print nb S 2、全局注册(main.js): 3、使用: 二、手动下载插件到本地 插件地址:https://github.com/x ...

smile_or 发布于 2020-01-16 09:50 评论(1)阅读(62)
0

vue常用插件之视频播放(rtmp m3u8)

vue video player(5.0.2) 最近我的项目做了一个监控视屏的显示,后台提供的视屏格式是rtmp 后来又改为m3u8,没成功,原因是占用内存过大,所以取消了这种方式 一、安装 npm i vue video player S npm i videojs flash S ______播 ...

smile_or 发布于 2020-01-15 16:59 评论(1)阅读(66)
0

vue常用插件之图片预览

v viewer(1.4.2) 非常实用的图片预览插件,支持旋转、缩放、翻转等操作 一、npm安装 npm i v viewer S 二、全局引入(main.js中) 三、使用 相关配置项 效果图 ...

smile_or 发布于 2020-01-15 16:10 评论(0)阅读(43)
0

Electron – 基础学习(1): 环境安装、创建项目及入门

这几天到年底了,公司也没啥事,闲着就到处瞅瞅。记得上一家公司的时候用 Electron+ng1 写过项目,只是那个时候项目框架都是别人搭的,自己只负责写功能,对Electron没啥认识。 这几天想着反正闲着也是闲着,就捡起来自己玩玩,顺便记录一下。 一、环境安装: 前端开发,现在不管是那个方向,都免 ...

帝鸿琬琰 发布于 2020-01-15 11:00 评论(0)阅读(73)
0

html data-xx 及 data()注意事项

1、data-xx命名:xx可以包含“-”和“_”,但是不能有大写字母; 2、用$ele.data()获取值的时候,不需要“data-”前缀:$ele.data('xx'); 3、$ele.data()与$ele.attr()的区别: 1)data()的值保存在jQuery堆内存中,attr()的值 ...

Walker游游 发布于 2020-01-14 12:46 评论(0)阅读(30)
0

微信小程序中的左右联动

微信小程序端的左右联动-滚动效果插件: 效果图如下: 使用说明: 1. components/ScrollBox是滚动联动的组件,pages/scroll是demo 里面也有相关的注释,demo中的数据是引入的静态文件(utils/data.js),一定要注意传入的数据格式!!!!参考 utils/ ...

唯美(vmei) 发布于 2020-01-13 17:00 评论(0)阅读(67)
0

vue自定义日期选择,类似美团日期选择,日历控件,vue日历区间选择

一个日历的控件,基于vue的,可以日历区间选择,可用于酒店日历区间筛选,动手能力强,可以修改成小程序版本的,先上效果图 里面的颜色样式都是可以修改的 选择范围效果 话不多说,直接上干货,代码可以直接复制访问 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> ...

太禾 发布于 2020-01-11 16:44 评论(0)阅读(79)
0

vue 中的路由为什么 采用 hash 路由模式,而不是href超链接模式(Hypertext,Reference)?

1. vue中路由模式的种类有两种 1. 一种是 hash 模式。 2. 一种是 h5 的 history 模式。 2. hash 和 history 都是来自 bom 对象 bom 来自 window 3. window.location.hash 4. hash 是属于 window.locat ...

晋飞翔 发布于 2020-01-10 17:06 评论(0)阅读(56)
0

Electron – 项目报错整理(打包~1): WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will hang.

WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will hang. ...

帝鸿琬琰 发布于 2020-01-09 17:17 评论(0)阅读(68)
0

electron聊天室|vue+electron-vue仿微信客户端|electron桌面聊天

一、项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息发送/动态表情,图片/视频预览,拖拽图片/粘贴截图发送,朋友圈/红包/换肤等功能。 二、效果图 三、 ...

xiaoyan2017 发布于 2020-01-09 02:22 评论(0)阅读(398)
1

显示鼠标滑动轨迹

``` Tracks 在第一排的方块中滑动鼠标 重置 ``` ...

纪宇-年华 发布于 2020-01-08 17:14 评论(0)阅读(71)
3

Css3 里的弹性盒的比例关系

前两天朋友出去面试遇到了尴尬的问题,原题是:"在一个盒子里包裹着三个子元素,让子元素的宽度以1:1、1:2、1:3的关系依次展示" 这就尴尬了啊.......................... 这个的就是弹性盒里的东西 flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。 flex ...

多默是金 发布于 2020-01-08 01:41 评论(0)阅读(68)
0

canvas手势解锁源码

先放图 demo.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, use ...

陈莺莺呀 发布于 2020-01-07 09:20 评论(0)阅读(99)
0

HTML5 canvas绘图基础(电子名片生成器源码)

创建canvas <canvas id="myCanvas" class="canvas"> 您的浏览器不支持canvas </canvas> 基础设置 <script type="text/javascript"> var canvas = document.getElementById('myC ...

陈莺莺呀 发布于 2020-01-06 16:29 评论(0)阅读(72)
0

HTML5表单验证(4个实用的表单美化案例)

multipart/form-data 在使用包含文件上传控件的表单时,必须使用autocomplete="on" 自动补全功能novalidate 不验证 <form enctype="multipart/form-data" novalidate autocomplete="on"></form ...

陈莺莺呀 发布于 2020-01-06 15:19 评论(0)阅读(87)
0

HTML5存储(带一个粗糙的打怪小游戏案例)

本地存储localStorage设置存储内容setItem(key,value) localStorage.setItem('leo','23'); 更新存储内容对象[key]=value对象.key=value localStorage.leo = 25; localStorage['leo'] ...

陈莺莺呀 发布于 2020-01-06 14:42 评论(0)阅读(63)
1

HTML5创建高德地图

创建高德地图 功能真的很好很强大,有图有证据! 1.申请key值 去官网2.https://webapi.amap.com/maps?v=1.4.11&key=e22196035aaa10db3b0b6eb1ab64619e <script type="text/javascript" src="h ...

陈莺莺呀 发布于 2020-01-06 13:21 评论(0)阅读(113)
0

HTML5视频(自定义视频播放器源码)

video对象 兼容情况: safari浏览器不支持webm格式 Chrome浏览器支持webm格式 ie8以及以下不支持video标签 , ie9支持video标签 ,但是支持mp4格式的 Firefox(火狐浏览器)支持ogv格式的视频 兼容性写法 <video controls> <sourc ...

陈莺莺呀 发布于 2020-01-06 10:16 评论(0)阅读(81)
0

HTML5音频(自定义mp3播放器源码)

audio对象 src兼容.ogg .wav .mp3 <audio controls src='data/imooc.wav'></audio> width autoplay loop muted静音 <audio controls src='data/imooc.wav' autoplay lo ...

陈莺莺呀 发布于 2020-01-06 09:45 评论(0)阅读(84)