引言最近自己思考和书写了一些小的组件方法，由此来总结一下一个简单的js效果，由于我们的项目是比较成熟的项目，很多常用的组件，效果，插件等项目中都应有尽有，几乎很少自己再去实现某些效果，基本上过多的是去书写应用逻辑，处理数据等，由于本周项目上出现了一个小bug,上线后我又临时修改，原因竟然是由于当时那个左右滑动的tab样式和方法是我直接将原来的代码复制过来的，没多看，但是就是因为一个小处粘错了，所以
最近公司的APP项目开始运行，采用的是原生框架+内嵌H5页面。作为一个菜鸡前端，开始入手学习移动端的界面制作加载性能优化。由于公司开始推广软件，加大引流量，运营部开发了软件短信提醒功能，其中需要在短信内放置软件的短链接，简单常见的一个小功能，而我要做的是提供一个短连接就可以了。分析了一下功能需求：.当用户通过短信内部点击短链接时，会自动唤起我们的APP。需要考虑：1.判断用户的设备类型
转载
2024-04-24 10:32:21
93阅读
H5页面&小程序如何实现emoji表情？emoji表情都非常熟悉了，比如微信的会话窗口可以发表情。 但是仔细看有一个重要的发现，比如朋友给你发一个emoji表情，在聊天会话列表页查看最近消息，会发现有点不同，体现在如下：列表页看到的就是一个表情，比如大笑?的表情。列表页看到的是一个文字，比如[发呆]，[懵逼]前者就是默认emoji表情了，后者则是自定义表情。显然你拿着微信的[懵逼]在微博上
转载
2024-03-26 11:36:11
413阅读
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如LayUi，虽然很简单就可以引入，但是有时候我需要做些特殊操作，修改人家源码的底层方法还是不太方便，因一顿google后实现了纯H5+JS实现的方法，连ajax都使用的原生；记录一下：一、单文件上传<!
转载
2023-12-27 14:18:45
156阅读
知识点一：H5拖拽1、设置元素为可拖放首先，为了使元素可拖动，把draggable属性设置为true：2、拖动什么 ondragstart和setData()然后，规定当元素被拖动时，ondragstart属性调用了一个函数，start(event)，它规定了被拖动的数据。在所有的拖放事件中都提供了一个数据传输对象dataTransfer，主要是用于在源对象和目标对象之间传递数据。se
转载
2023-06-30 12:29:22
341阅读
H5里面的App Cache是由开发Web页面的开发者控制的，而不是由Native去控制的，但是Native里面的WebView也需要我们做一下设置才能支持H5的这个特性。1.工作原理写Web页面代码时，指定manifest属性即可让页面使用App Cache。通常html页面代码会这么写：<html manifest="xxx.appcache">
</html>xxx.
转载
2024-03-16 00:34:14
79阅读
最近在开发项目遇到一个office文档和PDF文档预览的需求，并且需要控制用户是否可以下载文件和拷贝文档中的文字。
H5office
h5office 官网文档地址，需要进去申请自己的appid。免费的查看最终实现的效果很简单的用法。<!-- 创建一个标签就可以了 -->
<div id="office"></div>
<button id="open"&
转载
2024-04-11 10:53:57
137阅读
从「前端开发」的视角来看，微信小程序和H5也存在着多方面的不同。概括来说有以下四个方面的区别。一、运行环境的不同 H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，因为小程序的开发过程中只用到一部分H5技术。 小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。 官方文档表明脚本内无
转载
2024-05-27 20:47:43
123阅读
2主体结构元素
主体结构元素，为了语义可以结构化，也就是为了更好的SEO，即让浏览器抓取数据更方便，包含了article、section、nav、aside
（1）article
从语言上看，可以理解为文章，文档，页面，通常用于一篇文章、一个页面、或者一个独立完整的内容。标签强调的是内容的独立性，一般会嵌套header标签
<article>
<header>
转载
2024-07-25 19:21:36
78阅读
# 实现Android打开H5和关闭H5页面的教程
## 概述
在移动应用开发中，Android应用常常需要在原生应用中打开H5页面并在需要的时候关闭这些页面。本教程将教你如何在Android应用中实现打开和关闭H5页面的功能。
## 教程步骤
下面是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 在Android项目中添加Webview组件
原创
2024-03-26 06:22:06
706阅读
pxpx像素（pixel）：相对长度单位。相对于显示器屏幕分辨率而言。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。em 相对于父节点的font-size，会有一些组合的问题。比如你把body的font-size定义为50%，一般地会是8px。那么你在body里字体大小就是1em=8px了。可当你定义
转载
2024-04-29 10:15:47
87阅读
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的w
这个技术由非接触式射频识别（
RFID）演变而来，由
飞利浦半导体（现
恩智浦半导体公司）、
诺基亚和
索尼共同研制开发，其基础是RFID及互连技术。
近场通信（Near Field Communication,NFC）是一种短距高频的无线电技术，在13.56MHz频率运行于10厘米距离内。其传输速度有106 Kbit/秒、212 Kbit/秒或者424
今天玩点别的吧都说 Python 除了生孩子什么都能干 咱们今天就用 Python 写个小游戏贪吃蛇 想必大家都玩过这玩意有没有想过你自己来实现一个这样的游戏呢那么接下来就是学习 python 的正确姿势 想要用 Python 写一个小游戏就不得不知道 pygame 这个库了这个库是在 sdl 之上构建的可以使用到很多 GUI、渲染画布等废话不多说
转载
2023-09-25 22:34:57
19阅读
本文主要是介绍团队在离线包技术方案上的探索，以及基于prefetch的离线包实现方案如何减少维护成本和开发成本。
前言对于电商APP来讲，使用H5技术开发的页面占比很高。由于H5加载速度非常依赖网络环境，所以为了提高用户体验，针对H5加载速度的优化非常重要。离线包是最常用的优化技术，通过提前下载H5渲染需要的HTML/JS/CSS资源，加载时直接使用本地缓存
转载
2023-08-02 22:05:01
318阅读
首先配置公众号JS接口安全域名设置ip白名单后台配置接口，获取签名signature最后html分享页面联调 1.首先配置公众号1.1.JS接口安全域名接入jssdk时，就需要配置JS接口安全域名，因此需要登录微信公众平台，在公众号设置→功能设置中，填写JS接口安全域名，域名即为H5项目的域名（如：www.baidu.com）,同时需要下载一个txt验证文件，并放置到服务器的根路径下，实
转载
2023-07-25 09:30:21
435阅读
Python下的HDF5文件依赖h5py工具包创建文件和数据集使用`h5py.File()方法创建hdf5文件h5file = h5py.File(filename,'w')然后在此基础上创建数据集X = h5file.create_dataset(shape=(0,args.patch_size,args.patch_size), #数据集的维度
转载
2024-03-04 15:27:54
52阅读
HTML5开发之viewport的使用在使用HTML5进行开发的过程中，我们会遇到这样的问题：不同的手机可能会有不同的分辨率和不同的屏幕大小，我们如何使开发出来的应用或页面能适用于不同的手机呢？（即是网页的适配问题）通过viewport的使用，可以帮助我们解决这个问题。viewport是一个虚拟的窗口（通常比真实设备的屏幕宽），浏览器可以把页面放入其中来显示，我们可以通过设置viewport的大小
转载
2024-04-30 14:09:30
69阅读
现代人的钱包里装的并不只有现金，更多的是各种卡----信用卡、借记卡、会员卡、交通卡、医疗卡等等。每张卡都有自己的发卡商，自己的logo，自己的品牌。而在未来，这些卡将集成在一张统一的卡之上，并同手机捆绑。刷卡时代渐将远去，“刷手机”时代即将到来。动讯网今天就带大家体验一下NFC技术带来的支付生活2.0时代。
未来您与NFC手机的一天
* 清晨，您“刷手机”付费乘坐公交车（或者通过手机
转载
2024-08-26 14:34:07
213阅读
1.web缓存 (参考) （） 一般针对静态资源如CSS,JS,图片等使用缓存，原因如下： （1）请求更快：通过将内容缓存在本地浏览器或距离最近的缓存服务器（如CDN），在不影响网站交互的前提下可以大大加快网站加载速度。 （2）节省带宽：对于已缓存的文件，可以减少请求带宽甚至无需请求网络。 （3）降低服务器压力缓存分为服务端侧和客户端侧。常用的服务端缓存有CDN缓存，客户端缓存就是指浏
转载
2024-04-29 12:05:56
77阅读
