![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 54
myf素锦流年
既然有选择的勇气,就没有放弃的理由
展开
-
elementUI实现月份范围选择
elementUI实现在一个日历表中选择月份范围原创 2021-12-15 09:31:04 · 2624 阅读 · 1 评论 -
如何实现可编辑span的placeholder的功能
<template><divclass="userCenter">用户中心<el-table:data="tableData"borderstyle="width:100%"><el-table-columnprop="date"label="日期"width="180"></el...原创 2019-11-01 09:58:49 · 1931 阅读 · 0 评论 -
elementUI中使用el-tree,给节点前面添加自定义图标
<template><divclass="treeData"><!--左侧树控件--><divclass="layui-layer-title"style="cursor:move;font-size:16px;"><iclass="fafa-tasks"></i>...原创 2019-10-26 15:04:01 · 8044 阅读 · 2 评论 -
elementUI日期组件设置禁用状态
开始日期:<el-date-pickerv-model="startTime"type="date"placeholder="":picker-options="pickerOptions"...原创 2019-09-26 17:28:56 · 1030 阅读 · 0 评论 -
[转] 视频直播前端方案
流媒体本质上是:现实的图像,经过编码器压缩,持久化为点播文件或者直播流,经过传输,在终端解码和展示。http live streaming(hls)适用移动端HTTP Live Streaming(HLS)是苹果公司实现的基于HTTP的流媒体传输协议,可实现流媒体的直播和点播。原理上是将视频流分片成一系列HTTP下载文件。由于大多数移动设备的H5页面的HTML5新的video标签都支...转载 2019-09-26 09:29:07 · 168 阅读 · 0 评论 -
快速构建vue项目模板
推荐使用Node.js的包管理器 npm来构建项目,这是全球最大的开源库生态系统。下载安装后,在命令窗口通过以下命令可以检测node.js版本信息node --version同样也可以检测npm的版本信息,验证安装npm -v在开始创建Vue项目之前,请先安装webpack(前端资源加载/打包工具);以及Vue的官方命令行工具Vue-cli,这将用于快速搭建大型单页应用,...原创 2019-08-19 14:07:42 · 328 阅读 · 0 评论 -
localStorage存储数组以及取数组方法。
vararrList= ['北京'、'上海'、'广州'、'深圳'、'西安']存:localStorage.setItem('arrList',JSON.stringify(arrList));取: arrList= JSON.parse(localStorage.getItem('arrList'));删:localStorage.removeItem('arrList')...原创 2019-08-01 13:48:32 · 815 阅读 · 0 评论 -
CSS常见兼容性问题及解决方案
CSS常见兼容性问题及解决方案:1. 上下margin重合问题:问题描述:相邻的margin-left和margin-right是不会重合的,但是相邻的块级元素margin-top 和margin-bottom会产生重合。解决方案:统一设置margin-top或者 Marin-bottom,不要混合使用。2.超链接访问后,hover样式不显示:问题描述:同时设置a:visite...原创 2019-07-29 17:01:32 · 1004 阅读 · 0 评论 -
iframe引入免费的天气预报插件
效果预览:插件代码:<iframe scrolling="no" src="https://tianqiapi.com/api.php?style=tx&skin=pitaya" frameborder="0" width="100%" height="30" allowtransparency="true"...原创 2019-07-11 14:30:57 · 1214 阅读 · 0 评论 -
JS通过两点的经纬度坐标确定航向角度
// **计算航向角度**getAngle(lng_a, lat_a, lng_b, lat_b) {let y = Math.sin(lng_b - lng_a) * Math.cos(lat_b);let x =Math.cos(lat_a) * Math.sin(lat_b) -Math.sin(lat_a) * Math.cos(lat_b) * Math.cos(lng_b...原创 2019-06-25 15:44:10 · 3721 阅读 · 0 评论 -
WebSocket是什么?如何去使用WebSocket?
HTML5 WebSocket1、什么是WebSocket ?WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebS...转载 2019-06-25 09:27:14 · 448 阅读 · 0 评论