- 综合排序
- 最热优先
- 最新优先
- 来自专栏me的随笔
H5实现本地预览图片
我们使用H5可以很容易的实现图片上传前对其进行预览的功能 Html代码如下： <! 最后注意一点，H5实现图片预览只能使用原生JS进行DOM元素的操作，若使用jQuery则无法实现该效果。 参考文章： H5中的File对象 H5中的FileList对象 H5中的FileReader对象 在web应用中使用文件 版权声明 本文为作者原创，版权归作者雪飞鸿所有。
2.5K20发布于 2018-09-05 - 来自专栏日常活动篇
H5 App实战三：H5 App的本地存储
正文在H5 App开发中，本地存储是一个重要的功能，它允许应用在用户的设备上存储数据，以便在用户重新访问应用时能够恢复这些数据。 H5的本地存储主要有两种方式：Web Storage（包括localStorage和sessionStorage）和IndexedDB。本文将详细讲解这两种存储方式，并提供示例代码。 安全性：本地存储的数据可以被用户通过浏览器的开发者工具查看和修改，因此不适合存储敏感数据。通过以上讲解和示例代码，相信你已经对H5 App的本地存储有了更深入的了解。
99610编辑于 2024-11-23 - 来自专栏小鑫同学编程历险记
H5加载Android本地路径图片
原生回传H5本地图片地址仅支持H5资源放置到项目/手机存储中使用 H5资源放置到服务器后无法读取插件返回的Android本地路径 要求(原生): 1. H5资源需放置到App项目assets目录/手机存储 使用到依赖Lrz(Js简化读取) 1. Lrz支持传入的内容为File对象/图片本地路径/图片网络路径 2. 读取图片 /** * 通过Lrz来加载本地图片 */ loadImageFile(path, successCallback, errorCallback, alwaysCallback) {
2K40编辑于 2022-12-24 - 来自专栏White feathe 的博客
H5 下载文件到本地
H5 下载文件到本地 其实，目前下载文件到本地有很多中方法， 不管是 JavaScript 或者 JQuery 也好，都有各色各样的方法，都可以做的到，在这里我介绍下我发现的一个比较简单的方法
3.6K20编辑于 2021-12-08 - 来自专栏玩转全栈
h5高效本地调试环境搭建
首先，我们为什么需要搭建本地调试环境？ 因为，我们开发的业务绝对需要上线到正式环境的，不然你做的就是一个玩具，对吗？ 而我们在本地【localhost】开发，终究是用不到线网的一些环境，或许，比较规范的团队是有测试环境的，所以，我们有必要先来区分一下几个环境。 localhost：这里指你的本地环境，比如vue server可以启动一个server，来跑你的代码。 好的，环境区分出来了，那么，还是回到话题上来，为什么要搭建本地调试？我认为最主要的是提高开发效率。反过来思考，我们如果不做本地调试配置的话，我们在本地调试会遇到什么问题？ [20190730121924.png] 至此登录态的问题也解决了，所以最终的效果就是，整个开发的过程都可以在本地进行，更本不需要频繁的rz文件到测试服务器上调试了。
2.1K101发布于 2019-08-02 - 来自专栏White feathe 的博客
native 嵌套 h5(localstorage) 本地存储问题
native 嵌套h5 本地存储问题，按照正常逻辑来说（localStorage、sessionStorage），本是没有任何问题的。 但是 native 嵌套之后，问题就出现了，就是localStorage/sessionStorage 存储值的时候出问题了，都会在native 端报 null，无法使用本地存储，难道是这样吗？ 瞬间，你会感觉到一大堆的问题都在h5上。 其实是http请求与https请求的问题，https请求，native 权限的事儿，IOS如何设置权限就不知道了， Android webview 如何打开本地存储，提供给JS调用 html5 的lwindow.localStorage mWebView.getSettings(); settings.setJavaScriptEnabled(true); //settings.setPluginsEnabled(true); /***打开本地缓存提供
1.2K10编辑于 2021-12-08 - 来自专栏Golang语言社区
H5本地存储详细使用教程--上
H5本地存储有两个API，一个是Web Storage，还有一个是Web SQL。 不管是哪一个，都是基于JavaScript语言来使用，接下来我就教你怎么使用H5本地存储，本文篇幅较大，JS代码较多，请耐心阅读。 6、兼容问题： 有人会说本地存储是H5的新贵，但是对于老、旧的浏览器来说怎么办？那就不用老古董浏览器呗，或者使用cookie作为替代。 H5的 localStorage 本地存储。 三、Web SQL教程 1、概述： H5的本地存储中，其实localStorage并不算是很强大的存储，而Web SQL Database才是牛逼的存在，在浏览器或客户端直接可以实现一个本地的数据库应用
3K70发布于 2018-03-27 - 来自专栏木子墨的前端日常
浏览器相关--H5本地存储
因为项目需要，最近研究了一下HTML5本地存储相关的东西，在这简单的记录一下。 推荐大家看一下，说的很详尽， 1、html5 web IndexedDB使用详解： http://blog.csdn.net/rdj_miss/article/details/51285097 2、HTML5本地存储
1K30发布于 2018-09-13 - 来自专栏韦弦的偶尔分享
WKWebView 加载 Uni-App 导出的本地 H5
Uni-App 打包发布的H5包直接放到APP中加载可以用于提升加载速度，一般有两种方式： 直接把包放到 iOS 项目中加载 (多用于开发阶段测试) 从后台服务器预下载到文件沙盒内加载 (可以减少APP 文件中的 h5配置的运行的基础路径为：./ 修改配置 发行为H5 H5发行 二、iOS项目内直接加载包内 Uni-App 将整个Uni-App NSString *pathString = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"h5 NSString *pathString = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"h5 NSURLRequest requestWithURL:loadUrl]; [self.webView loadRequest:request]; } 三、加载沙盒内Uni-App 基本逻辑和加载本地一致
1.5K30编辑于 2022-09-21 - 来自专栏腾讯Bugly的专栏
《移动端本地 H5 秒开方案探索与实现》
整体思路看起来比较清晰，但是其中有几个关键问题需要解决： 3.1 本地H5页面如何和native通信： 本地 H5 页面如何和 native 通信的方式基本有三种：jsapi、URL Scheme 和 字符串替换： 客户端读取本地 H5后，通过对 H5 中的约定的标记位进行字符串替换，然后加载展示页面。适用于没有复杂交互，只通过页面渲染数据的场景。 3.2 如何开发调试和维护 开发本地 H5 模块，很容易想到在本地通过模拟数据开发，然后将 H5 给到各客户端打包后进行联调。 那么我们改进一下，将使用本地 H5 实现模块的页面建立一个统一 git 仓库，IOS 和 android 客户端通过git submodule 将本地 H5 的git 外链到项目中，这样客户端中的资源就可以统一管理 四、细节优化 解决了上面的问题，本地 H5 确实可以达到秒开的加载速度，不过要达到和客户端一样的体验，还需要配上一些细节优化： 预加载 webView，预拉取数据 在联调本地 H5 页面过程中，发现首次加载页面时间比后续打开时间都慢很多
6K162发布于 2018-05-29 - 来自专栏编程微刊
uniapp打包成H5遇到的坑，本地访问页面空白
1：点击菜单栏发行，点击选择网站-H5手机版， ? image 打包完成之后,有的时候会出现这样的提示: 注意请部署到web服务器使用，不支持本地file协议打开。不要使用资源管理器直接打开。 ? 直接在本地打开static里面的inedx.html的时候，会出现空白页面 ? index.09d605c0.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND 解决办法其实很简单 点击高级按钮，进入到manifest.json的h5 再次在本地打开生成的静态文件夹static/index.html,发现可以直接访问了 ?
11.4K40发布于 2020-07-15 - 来自专栏前端吧啦吧啦
前端如何将H5页面打包成本地app？
大家都知道H5页面怎么在手机浏览器里测试，但是如何能打包成APP测试呢？因为本人的手机是IOS系统，如果用Xcode打包需要开发证书，貌似99美元一年。
3.7K30发布于 2018-06-26 - 来自专栏Rindew的iOS技术分享
解决WKWebView不显示H5中引用的Library本地图片问题
问题：由UIWebView切WKWebView后，HTML加载本地HTMLString时，图片无法显示。 2、移动图片存储到tmp中,加载本地Html时设置BaseURL即可（tmp会被定期清理，且无法兼容老版本，弃） 3、启动一个本地服务器，拥有一个读取沙盒的权利（推荐使用） 前面两种就不说了，直接说第三种 displayHtmlbody stringByReplacingOccurrencesOfString:Library withString:@"/Library"];//把library滤镜换成Library字符串，再拼接本地服务器地址 localhost" withString:@"http://localhost"]; } } 关闭服务器（如果你需要单页面开启的话） - (void)dealloc { //停止本地服务
1.5K20编辑于 2022-03-24 - 来自专栏前端吧啦吧啦
前端如何将H5页面打包成本地app？
大家都知道H5页面怎么在手机浏览器里测试，但是如何能打包成APP测试呢？因为本人的手机是IOS系统，如果用Xcode打包需要开发证书，貌似99美元一年。
1.3K70发布于 2018-05-18 - 来自专栏王磊的博客
微信中通过页面(H5)直接打开本地app的解决方案
安卓版实现：使用腾讯的应用宝，只要配置了“微下载”之后，打开链接腾讯会帮你判断本地是否已经安装了app，如果本地安装就直接打开，没有安装的话就是腾讯微下载的页面进行app下载，当然微下载的页面腾讯提供了几个模板 IOS实现：ios像直接点击链接打开本地app就难了，有两种方式可供我们选择： 1.腾讯深度合作的公司，微信可以帮你打开app； 2.使用IOS9+的新功能“Universal Links”（通用链接 paths为你链接拦截的地址，比如我上面填写的是“/app/*”,就是当我访问https://xxx.xxxx.xxx/app/x的时候，会打开本地app，其他连接时候则为正常显示，这个地址可以配置成多个 Conceptual/AppSearch/UniversalLinks.html#//apple_ref/doc/uid/TP40016308-CH12-SW2 扩展知识（关于Xamarin） 如果你要处理链接打开本地
3.6K130发布于 2018-05-08 - 来自专栏TSINGSEE青犀视频
如何在本地搭建EasyPlayer的H5 demo播放H265视频流?
在今天的文章中，我们和大家分享：如何在本地搭建一个EasyPlayer的H5 demo，并播放H.265的视频流。
1.8K20编辑于 2022-02-09 - 来自专栏编程软文
H5混合开发二维码扫描以及调用本地摄像头
今天主管给了我个需求,说要用混合开发,用H5调用本地摄像头进行扫描二维码,我之前有做过原生安卓的二维码扫一扫,主要是通过调用zxing插件进行操作的，其中还弄了个闪光灯.但是纯H5的没接触过,心里没底, 于是晚上回家开始网上各处找方案.以下是我对于H5扫描二维码以及调用本地摄像头的理解以及代码. 科普网址: H5如何生成安卓组件对象 H5调用安卓本地摄像头api 在线二维码图片生成器 二维码扫描:(使用的是mui的框架,下面是html代码) <! ()是开启扫描二维码的功能 onerror是错误提示 onmarked是重点，是二维码扫描后的回调函数，type是二维码识别类型，result是二维码回调的内容 scanPicture()可以直接识别本地的二维码图片并进行解析 H5调用本地摄像头 <!
8.5K30发布于 2018-06-20 - 来自专栏天天
H5
1.H5属性双色字 //------------------------------------------------- <style> .text{ position: relative; display: inline-block; font-size: 80px; color: deepskyblue; overflow: hidden;
1.8K20发布于 2018-09-29 - 来自专栏前端说吧
Html2canvas - 微信中长按存图 - 将h5活动结果保存到本地
现在有很多在微信里流行的h5活动页。这些小h5大部分都是简单的交互然后得出一个abcd早就拟定好的结果，根据你的选项分几种情况，最终得到其中一个作为你测试的答案。比如这个就是最后那张结果图： ? ### 实现微信h5保存网页为图片 虽然基本上活动都是有事先固定好的答案，但是每个用户生成的结果还是不一样的。尤其有的需求还有用户的昵称之类。 但有时候会遇到某些需求 - 事实上市面上很多h5也实现了这个效果：） 要求最后保存到手机的图和用户当前看的最后一张结果图不是一个！！！ 一开始我都想哭。
4.2K31发布于 2018-08-21 - 来自专栏全栈程序员必看
h5文件简介_h5特性
H5文件是层次数据格式第5代的版本（Hierarchical Data Format，HDF5），它是用于存储科学数据的一种文件格式和库文件。 H5将文件结构简化成两个主要的对象类型: 1 数据集dataset,就是同一类型数据的多维数组 2 组group,是一种容器结构,可以包含数据集和其他组,若一个文件中存放了不同种类的数据集,这些数据集的管理就用到了 group,描述了数据集DataSet的分类信息,通过group有效的将多种dataset进行管理和划分 文件就是hdf5文件中的dataset,表示具体的数据 下图就是数据集和组的关系: h5 另外在数据集中还有元数据,即metadata 对于每一个dataset而言,除了数据本身之外,这个数据集还有很多的属性信息.在hdf5中,同时支持存储数据集对应的属性信息,所有的属性信息的集合叫做metaData,下图是h5
4.8K30编辑于 2022-09-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号