自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 如何实现web端的对话聊天功能

通过每条消息的time进行判断,当打开页面的时间戳减去最后一条消息的时间戳的值大于一个 月的时间戳,就清空对话内容,否则,直接获取对话内容,展示在页面上。

2024-01-17 15:29:36 443

原创 h5视频播放方案(优化版)

,我使用了三种办法来解决ios、安卓在微信浏览器和其他浏览器播放视频的问题,虽然能够解决问题,但是这种办法太繁琐了,于是这次对上次的方案进行了优化,现在只需要使用一种办法就可以实现视频的播放。:把首页和视频放在同一个页面,一开始让视频隐藏,点击开始时显示并播放视频。:在之前的方案中,ios端的微信浏览器,是用canvas来绘制video,用ctx.drawImage(video,0,0,widht,height)去循环更新canvas画布,实现播放视频的,微信浏览器出现了黑屏的现象?

2024-01-17 15:17:40 1162

原创 移动端视频播放方案

解决办法 :目前使用了三种办法来播放视频,分别针对微信内置浏览器(不分ios和android)、ios系统下的其他浏览器和安卓系统下的其他浏览器。1、微信内置浏览器微信浏览器可以直接使用video标签来播放视频,ios端和安卓端都可以适配。主要是通过微信内置的h5同层播放器来拜托浏览器对video标签的挟持,从而实现自定义video标签。代码如下:2、ios系统ios系统下的其他浏览器,需要使用canvas来不断绘制出video视频,再放到页面中去,这样就可以避免video标签被浏览器挟持的问题。

2024-01-04 10:07:54 1828

原创 h5常用功能总结

1、问题:微信和浏览器间如何分享?解决办法:首先,需要下载weixin-js-sdk库,并在分享文件中使用。在分享文件里面修改所需要的标题、图片、链接等信息,并引入到每个页面中。然后还需要在微信公众号平台配置网站链接等信息,这样就实现了微信内的分享。至于从浏览器分享到微信,则需要在index.html中配置名字、描述信息、网址、图片等meta头才可以实现。代码://放在index.html里面(图片无效)<meta name="title" content="为爱撑伞 一起防艾" />

2024-01-04 10:05:51 1131

转载 Vue常用的组件库大全

4)vue-3d-loader (基于threeJS的vue 3D展示组件)4)vue-seamless-scroll (Vue无缝滚动组件)3)vue-seamless-scroll (Vue无缝滚动组件)1)v3-color-picker(颜色选择器组件库)9) Vue baidu map (百度地图组件)7)v-charts (Vue图表组件库)2)highcharts(图表组件库)(二)PC端(web端)常用组件库。(三)数据可视化组件库(数据大屏)3)Datav (数据大屏组件库)

2023-10-08 15:49:02 394

原创 H5移动端适配方案

fontViewportUnit: "vw", // 指定字体需要转换成的视窗单位,默认vw selectorBlackList: ["wrap"], // 指定不转换为视窗单位的类名,/* 以iPhone6为例:布局视口为375px,我们把它分成10份,则1rem = 37.5px,这时UI给定一个元素的宽为375px(设备独立像素),propList: ["*"], // 指定转换的css属性的单位,*代表全部css属性的单位都进行转换。//获取html标签的宽度,并限制最大宽度。

2023-08-30 14:01:35 187

原创 可视化大屏适配

缺点:1、因为是根据 ui 稿等比缩放,当大屏跟 ui 稿的比例不一样时,会出现周边留白情况2、图表需要单个做字体、间距、位移的适配3、适配较复杂。

2023-08-30 12:17:55 729

原创 Echarts图表自适应且不需要刷新的方法

Echarts图表自适应

2023-08-01 11:38:23 184

原创 http面试题

1.http协议简介:它是一个基于 TCP/IP 通讯协议,用于从万维网服务器传输超文本到本地浏览器的超文本传输协议。它实现的是客户端可以从服务器获取资源。2.https 协议简介:它是一个以安全为目标的加密的超文本传输协议,它会建立一个信息安全通道,用来确保数据传输、确保网站的安全性。3.http 和 https 的区别:1 http 是超文本传输协议,信息是明文传输;https 则是具有安全性的 ssl 加密传输协议。2 Https 协议需要 ca 证书,费用较高。3 使用不同的链接

2023-01-13 11:02:12 84 1

原创 ajax面试题

1.简介Ajax 是指一种创建交互式网页应用的技术。用于沟通客户端与服务器,可以在【不必刷新整个浏览器】的情况下,与服务器进行异步通讯2.原理通过 XmlHTTPRequest 对象来向服务器发异步请求,从服务器获得数据,然后用 javascript 操作 DOM 来更新页面。3.优点1、页面无刷新,用户的体验非常好。2、使用异步方式与服务器通信,具有更加迅速的响应能力。3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和宽带的压力4.缺点1、Aj

2023-01-13 10:56:40 82

原创 闭包面试题

闭包

2022-10-19 01:50:32 107 1

原创 原型和原型链面试题总结

原型和原型链

2022-10-19 01:46:37 2806

移动端视频播放方案附件

安卓端引入的资源包

2024-01-04

http.docx

http.docx

2023-01-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除