H5页面&小程序如何实现emoji表情？emoji表情都非常熟悉了，比如微信的会话窗口可以发表情。 但是仔细看有一个重要的发现，比如朋友给你发一个emoji表情，在聊天会话列表页查看最近消息，会发现有点不同，体现在如下：列表页看到的就是一个表情，比如大笑?的表情。列表页看到的是一个文字，比如[发呆]，[懵逼]前者就是默认emoji表情了，后者则是自定义表情。显然你拿着微信的[懵逼]在微博上
转载
2024-03-26 11:36:11
413阅读
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阅读
# 实现Android打开H5和关闭H5页面的教程
## 概述
在移动应用开发中，Android应用常常需要在原生应用中打开H5页面并在需要的时候关闭这些页面。本教程将教你如何在Android应用中实现打开和关闭H5页面的功能。
## 教程步骤
下面是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 在Android项目中添加Webview组件
原创
2024-03-26 06:22:06
706阅读
在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的w
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如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阅读
最近在开发项目遇到一个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阅读
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阅读
请注意：（以下所有讨论内容和规范均将viewport设定为content=”width=device-width”的情况下） 也就是我们的H5页面前端代码里面必须包含<meta content=”initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width” name=”viewport” /><met
转载
2024-01-16 13:42:22
60阅读
许久没有做一些总结了，最近项目有些忙。 在获取Android终端连接WiFi的SSID时（也就是你当前手机连接的无线网名称），发现了一个问题，不同的Android版本下获取到的SSID是有一些差别的，当然名字不会变。 举个例子，比如我配置了WiFi的名称是ha
转载
2024-01-10 16:19:02
159阅读
北京时间 3 月 4 日消息，在备受瞩目的 GDC 2015 游戏开发者大会上，Unity Technologies 正式发布了次时代多平台引擎开发工具 Unity 5，含有大量的图形改进和扩展的编辑器功能集，支持 21 种平台。此外，Unity 还发布了 Unity Cloud Build，能够让开发者通过云计算更有效率地进行游戏和应用开发。 主要功能如下：强大的图形工具 Unity 5
转载
2024-05-07 16:10:05
92阅读
最近在开发项目的时候，遇到一个需求，需要移动端实现放大查看图片的功能，然后我就在网上搜索了一下资料，看到了photoswipe这个插件，后来试了试，确实挺好用的，它可以实现手势放大缩小查看图片，左右滑动切换图片以及上下滑动关闭大图。现在简单分享一下。
最近在开发项目的时候，遇到一个需求，需要移动端实现放大查看图片的功能，然后我就在网上搜索了一下资料，看到
转载
2023-07-12 13:56:57
251阅读
一、Iframe：嵌入技术<iframe>元素旨在将web文档嵌入到当前文档中。这很适合将第三方内容纳入您的网站。 此示例包括使用以下所需的<iframe>基本要素： 注意：为了提高速度，在主内容完成加载后，使用JavaScript设置iframe的src属性是个好主意。这使您的页面可以更快地被使用，并减少您的官方页面加载时间（重要的SEO指标）。二、使用HTTPS： HT
转载
2024-03-12 00:31:55
111阅读
首先打开Pano2VR 熟悉一下界面 大体有这么几个模块： 1. 输入 ：导入、设置 全景图片 2. 输出 ：输出列表、选择输出方式（’增加’其实就是输出到本地） 3. 显示参数 :看那三个参数都能猜出来，就是显示什么样呗（其实是刚刚载入这个场景时候显示的样子，也就是默认显示） 4. 用户数据 ：用来设置用户信息的 5.
转载
2023-07-24 23:58:15
16阅读
最近公司的APP项目开始运行，采用的是原生框架+内嵌H5页面。作为一个菜鸡前端，开始入手学习移动端的界面制作加载性能优化。由于公司开始推广软件，加大引流量，运营部开发了软件短信提醒功能，其中需要在短信内放置软件的短链接，简单常见的一个小功能，而我要做的是提供一个短连接就可以了。分析了一下功能需求：.当用户通过短信内部点击短链接时，会自动唤起我们的APP。需要考虑：1.判断用户的设备类型
转载
2024-04-24 10:32:21
93阅读
最近在网上发现一个Htm5游戏框架l的教程，最开始看的是中文的教程，虽然是翻译大家（为之漫笔）翻译的，但是后面觉得不过瘾，还是喜欢看英文原版的，顺便锻炼自己的英语，为专四准备准备。现在把他翻译出来，供自己查阅和各位大牛指错。本文的翻译可能掺杂了自己对程序的理解，望指错。首先介绍一下这个游戏基本的结构介绍一下。这个框架一共有八个类，main.js,GameObjectManager.js,Appli
转载
2023-07-16 18:20:07
362阅读
今天继续说一下使用uniapp开发app遇到的坑----ecahrts直接导致手机模拟器白屏。之前使用h5开发，然后通过hbuilderx打包成跨端app，此时的app类似h5套壳，本质上应该仍然是浏览器访问h5。这时候项目中使用的插件echarts可以非常正常的显示。
然后将echarts搬到uniapp后会发现，一边开发一边通过浏览器看，会觉得很不错，打开手机模拟器，一片空白！！！
浏览器一切
转载
2023-07-26 05:00:16
1088阅读
viewport 简单粗暴的方式： <meta name="viewport" content="width=320,maximum-scale=1.3,user-scalable=no"> 直接设置viewport为320px的1.3倍，将页面放大1.3倍。为什么是1.3？ 目前大部分页面都是以320px为基准的布局，而iphone6的宽度比是375/320 = 1.171875，
转载
2024-08-07 08:37:14
71阅读
背景：app需要用H5加载一个WebView网页，百度和淘宝等都可以加载，但是公司的前端写的部分H5无法加载成功，出现白屏。这个问题出现在android9之前，android9以及以后的版本呈现正常。查资料尝试过关闭掉硬件加速和setDomStorageEnabled 没效果。webView.getSettings().setDomStorageEnabled(true);后面用手机和云真机
转载
2023-08-29 12:46:05
42阅读
