- 博客(20)
- 收藏
- 关注
RSS订阅原创 华为快应用接入广告
华为快应用接入广告文档：接入广告文档及dome华为广告api文档代码:template：一个隐私协议弹框一个广告弹框 <div class="bgc" if="show == true"></div> <div class="modle" if="show == true"> <div class="modle_head"> <text class="modle_head_tetx">温馨提示</te
2022-05-13 18:28:09
806
2
原创 前端使用海康WEB播放器插件，播放摄像头监控视频
基于海康的WEB播放器插件，实现海康摄像头播放功能之前的文章中有过前端播放直播或者监控视频，用过两个播放器，一个是前面有教程的cyberplayer百度智能云提供的WEB播放器，实现了功能，后来又用了EasyPlayer播放器也实现了，为啥要换呢，因为百度的播放器不支持H265编码格式，只能播H264的，EasyPlayer官方说明支持H265编码。现在用的海康官方的WEB播放器插件，这个就不是播流了，传每个摄像头的IndexCode播放监控,海康的插件下载地址https://open.hikvisio
2021-06-02 17:00:55
14652
33
原创 前端实现倒计时60秒，短信验证登录
之前业务需求做一个短信验证码登录功能，里面包含了60s倒计时，记录一下。 <form class="form-horizontal" id="login_formTwo"> <div class="tab_css" id="tab2_content"> <div class="col-md-12"> <div class
2020-12-21 17:08:56
3086
2
原创 vue基础教程06 动画效果
1.淡出淡出复制代码就可以实现，解释全写在代码里了，我太懒了。。。<style> /* 在动画的过程中让他的opacity 3s ,时刻监听他 一旦他有了变化,就让他在三秒内慢慢的变 */ .v-enter,.v-leave-to{ opacity: 0; } .v-enter-active,.v-leave-active{ transition: opacity 3s; } /* v-leave是动画第一过程他的
2020-12-18 17:00:12
97
原创 vue基础教程05 插槽 动态组件与v-once指令
1.插槽slot的作用是插槽，Slot显示的内容就是父组件向子组件插入的内容，上面的两个h1标签代码：<style> .header{ color: turquoise; } .content{ color: red; } .footer{ color: indigo; }</style><body> <div id="app">
2020-12-18 14:57:00
111
原创 vue基础教程04 组件传值
1.父传子父组件给子组件传递一个count的属性，子组件在props里定义这个属性，tomplate模板里就可以直接用{{count}}<body> <div id="root"> <child count="卢本伟牛逼!"></child> <!-- 父组件给子组件传递一个count的属性，子组件在props里定义这个属性，tomplate模板里就可以直接用{{count}} --> </
2020-12-18 14:36:01
89
原创 vue基础教程03
这章来做 动态绑定样式，条件渲染，列表渲染，组件内的细节点1,动态绑定样式用了v-bind:class和 :style内联样式的写法，代码里有注释，也可以试着写一下。<style> .ateion{ color:red; } .lpmsn{ color:turquoise; }</style><body> <div id="app"> <!-- :clas
2020-12-18 14:27:24
146
1
原创 vue基础教程02
这章做一个TodoList的功能用到了一些vue的指令如v-model：双向数据绑定，v-on:click点击事件，v-bind用于绑定数据和元素属性上代码:<body> <div id="app"> <input type="text" v-model="inputvalue"/><!--与data里的inputvalue双向数据绑定--> <button v-on:click="BtnClick">
2020-12-18 14:05:01
93
原创 vue基础教程01
1.Vue.js 是什么Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。(Vue有配套的第三方类库，可以整合起来做大型项目的开发)前端的主要工作？主要负责MVC中的V这一层；主要工作就是和界面打交道，来制作前端页面效果的MVVM框架；2.起步vue中可以使用插值表达式,可以定义组件，组件是HTML元素的扩展，可自定义其数据与行为。例如通过
2020-12-18 13:46:20
198
原创 前端原生ajax JQueryAjax axios fetch的简单使用
原生ajax，现在基本已经没人使用都是用封装好的ajax var xmlhttp = new XMLHttpRequest(); const formData = new FormData(); formData.append("cardFile", file); //POST 请求的请求参数，不能拼接在地址栏后面 //发送给后台的参数不能在链接后面拼，链接属于GET请求，因此必须放在发送里面拼 xmlhttp.open("POST"
2020-12-18 10:39:01
199
2
原创 简单的微信支付功能实现~
项目需求做一个微信支付功能，只需要个input固定支付100块就行。小程序支付文档地址https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_7&index=5代码： <input class="rechInput" @input="rechInput" type="number" v-model="rech" :value="rech" placeholder="" disabled="disabled">
2020-12-16 17:08:45
482
1
原创 使用webSocket和e程序实现即时通讯功能
简单的功能，管理系统发送文本或者图片，安装e程序的电脑上就能接收到效果：发送接收文本和图片接受到了，这个e程序内嵌了一个h5网页用websocket连接。实现即时通讯，这个主要是给一个管理员用，然后可以单独发送或者批量发送消息或者公告，给各个教室的多媒体屏幕上面展示出来。var webSocket = null; var mySwiper = null; $(function(){ var sid = $("#class_mq_id"
2020-12-16 16:20:06
219
原创 前端实现播放直播视频或监控视频
用百度web播放器实现的监控视频功能API参考 https://cloud.baidu.com/doc/MCT/index.html实现后效果：九宫格视频监控。代码：$.ajax({ type: "get", url: '你的直播流url地址', success: function (res) { console.log(res) var playlists = new Array(); for (let i = 0; i < res.
2020-12-16 16:03:56
6192
12
原创 小程序中设置背景图
微信小程序里是不支持给标签设置背景图的，除非转称Base64格式https://www.css-js.com/tools/base64.html 这个是最新的链接图片放进去就生产一个新的url就可以在标签里加背景图了
2020-05-28 18:23:05
763
原创 用localStorage保存当前页面的数据和表格页码
localStorage保存当前的数据，当在表格第好几十页点击其中某一项数据查看时，看完在返回又会回到表格第一页和之前在input框里输入的内容也清空了，有很多办法比如JS页面跳转，返回前一页<a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reload()">重载页面，本地刷新</a> <a href="javascript:history.go(
2020-05-28 18:08:40
1282
原创 小程序picker选择器和tab选项卡
碰见了就记录一下，tab选项卡式的picker。就直接在picker里写tab选项就可以wxml:<view class="swiper-tab"> <picker class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab" bindchange="pickChange" value="{{objindex}}" range="{{objarray}}"&g
2020-05-28 17:26:16
513
原创 微信小程序判断input内容不能为空
在微信小程序中判断input或者textarean内容为空直接上代码wxml:<view class="molde_one"> <textarea class="opinion_input" type="text" placeholder="您好" value="{{contentInput}}"></textarea> <button class="opinion_btn" bindtap="smbs" style="width:680rp
2020-05-28 13:49:34
7574
原创 微信小程序wx.showModal的属性
wx.showModal({title:'提交成功!',//标题content:'感谢您的反馈，后续将有工作人员跟踪处理',//内容showCancel:false,//去掉取消按钮，true为不取消confirmText:'是',//确定按钮，默认为确定cancelText:'否',//取消按钮，默认为取消 cancelColor： ‘#00000’, 取消按钮的颜色，默认为#...
2020-05-28 10:58:47
1683
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人