一面1.1 面试体验时间：2020-08-23 15：00~16：00面试官????1.2 手撕代码Input：一个正整数数组，一个目标数字Output：如果数组中存在两个数字的和与目标数字相等，则打印出来这两个数字及对应下标位置；如果不存在则打印null。 Example：输入数组为[3，10，2, 15, 7, 11, 9, 54], 目标数字为9，则输出为 index2=2, index4=
这是我的第二篇博客，H5教程CSS入门，适合刚开始学习H5的新手，让我们共同进步。1. CSS简介1.1 CSS是什么？ CSS称为样式层叠表，是用于增强或控制网页样式，并允许将样式信息与网页内容分离的一种标记性语言。1.2 我们为什么要使用CSS？ 1.为了方便样式的复用，方便网站后期维护。 2.为了达到页面的精准控制，实现精美复杂的页面。简单点说，CS
# H5容器架构实现步骤
作为一名经验丰富的开发者，我很乐意教你如何实现"H5容器架构"。下面是实现该架构的步骤及每一步需要做的事情以及相关的代码。
## 步骤一：创建H5容器
首先，我们需要创建一个H5容器，在该容器中加载并显示我们的H5页面。
```javascript
// 创建H5容器元素
var container = document.createElement('div');
原创
2023-07-16 14:04:51
644阅读
HTML5学习笔记——2014.08.11-2014.08.15HTML5视频（续）这一段是接着上周的学习内容而进行的。主要实在上周实践了HTML5 video元素后，一些理论知识的记述，和进一步的实践。一、关键概念：容器：视频（音频）文件本质是一个容器文件，盛装了音频轨道、视频轨道和其他一些元数据。上回我们提到的MPEG4，Ogg等都是视频容器的格式。编解码器：本质上是一组算法，用于对音频和视频
常见app类型 原生app： 优点： 可访问手机所有功能，可实现功能最齐全 运行速度快、性能高、用户体验好 支持大量图形和动画，不卡并且反应速度快 可快捷地使用设备端提供的接口，处理速度上有优势，比如去调手机相机等应用能快速唤起，不需要额外依赖网络。 缺点： 开发成本高，周期长，Android和ios都需要单独的人员进行开发 更新版本需要重新下载安装包，很不方便 混合app：app里面嵌入了一个网
转载
2023-07-06 21:37:04
211阅读
大量新生移动设备的兴起，改变了互联网的未来。在技术的发展上，HTML5会取代App应用吗？或者说能够在多大程度上取代呢？在HTML5规范中，已经加入了相机、磁力罗盘、GPS信息的支持。很多新兴浏览器也已经开始支持这些新特性。能否用一个统一的HTML5来替代android和ios并行开发的双重成本呢？ 移动应用程序(App)和HTML5都是目前最火的技术，二者之间也
转载
2023-10-26 06:55:29
94阅读
前言上一篇关于Cordova的文章简单介绍了Cordova的主要实现代码和Cordova对web容器和插件相关的处理，本篇将着重介绍Cordova在平台化应用中的深度定制化。目前原生开发者持续不断的在受到前端开发者的冲击，前有Cordova相关的hybrid类APP，后有weex、RN等框架的出现，当然我觉得weex、RN类技术是更应该被提倡的，因为他们兼顾了JS开发，原生渲染的特点。但是Cord
转载
2024-04-11 08:43:34
40阅读
1.如何实现和设计一套JSBridge？前端JS调用native的方式有很多种，或者说android有很多种方式可以拦截或者
原创
2022-10-20 10:40:15
193阅读
H5中的布局标签：<header> : 头部标签<nav> ：导航条<section>：中间内容<aside>： 侧边栏<footer>: 尾部版权信息<div>:无意义块状元素标签<span>:无意义行内元素标签<p>:段落标签<ul>无
转载
2024-03-19 11:38:34
110阅读
CSS实现元素水平垂直居中对齐HTML5学堂：前面给大家分享了网易NEC水平垂直居中的做法，但是开发中需要用到各种各样的水平垂直居中来实现，所以今天就给大家分享一下CSS实现水平垂直居中的做法。第一种方法适用于文字结构： HTML5学堂、独行冰海、梦幻雪冰 样式：.wrap {
width: 400px;
height: 400px;
background: #fcf;
/*行高等于高度,垂直
转载
2024-04-04 07:30:33
85阅读
首先要在html文件中引入微信文件，它会暴露出一个全局的对象:wx<link rel="preload" ,href="//res.wx.qq.com/open/js/jweixin-1.3.2.js" ,as="script" />其次是init基础配置，比如微信好友/朋友圈分享。这个一般写在全局方法中，一开始就调用。 从后端获取appid 这些数据，目的是安全。async func
转载
2024-04-16 22:00:55
79阅读
理解：离线存储可以将站点的文件储存在本地，在没有网络的情况下还是可以访问到存储的对应的站点的页面，这些文件可以包括html，js，css，img等等文件。但其实即使在有网络的时候，浏览器也会优先使用已离线存储的文件。什么是Manifest：Manifest是一个简单的 文本文件，它的扩展名是任意的，定义需要缓存的文件、资源，当第一次打开时，浏览器会自动缓存相应的资源。Manifest 的特点：离线
转载
2024-09-10 17:05:48
30阅读
鸿蒙华为鸿蒙系统（英文：huaweiHarmonyOS,HongmengOS）。在2019年8月9日，华为在东莞举行华为开发者大会，正式发布操作系统鸿蒙OS。 鸿蒙OS是一款“面向未来”的操作系统，一款基于微内核的面向全场景的分布式操作系统，现已适配智慧屏，未来它将适配手机、平板、电脑、智能汽车、可穿戴设备等多终端设备。 --------------------------------------
转载
2024-08-21 13:49:29
100阅读
HTML5 是目前正在讨论的新一代 HTML 标准，它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中，加入了新的多样的内容描述标签，直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时，开发者通常需要使用以下三个方面的功能：离线资源缓存：需要一种方式来指明应用程序离线工作时所需的资
转载
2024-05-11 10:56:40
69阅读
H5页面&小程序如何实现emoji表情？emoji表情都非常熟悉了，比如微信的会话窗口可以发表情。 但是仔细看有一个重要的发现，比如朋友给你发一个emoji表情，在聊天会话列表页查看最近消息，会发现有点不同，体现在如下：列表页看到的就是一个表情，比如大笑?的表情。列表页看到的是一个文字，比如[发呆]，[懵逼]前者就是默认emoji表情了，后者则是自定义表情。显然你拿着微信的[懵逼]在微博上
转载
2024-03-26 11:36:11
413阅读
用 H5 做了个 IM 聊天应用，功能比较简单，可以发送文字图片，以及播放原生客户端发来的语音消息。即时通讯自然要用 websocket，接口也比较简单，主要精力在于，理解并实现 前后端约定的相关消息协议，并没有什么难度。前端开发，不可避免会遇到一些兼容性问题，分享几个兼容方案。键盘遮挡输入框H5 无法控制原生输入法，各种机型对虚拟键盘弹起行为的处理机制不一，我们的测试同学非常贴心，与键盘有关的
转载
2024-05-06 15:13:03
66阅读
现在好多人都把HTML5和前端的概念弄混淆了。例如，H5是HTML5的简称，而现在好多人把HTML5看成了是前端开发的总称。今天就为各位普及一下，到底前端和HTML5有哪些区别？什么是前端开发以一个网站为例包括网站设计、前端开发、程序开发等。网站设计就是网站的外观，平面的东西。程序开发也好理解就是功能实现。而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态。它的工作包括了:切图、写
知识点一：H5拖拽1、设置元素为可拖放首先，为了使元素可拖动，把draggable属性设置为true：2、拖动什么 ondragstart和setData()然后，规定当元素被拖动时，ondragstart属性调用了一个函数，start(event)，它规定了被拖动的数据。在所有的拖放事件中都提供了一个数据传输对象dataTransfer，主要是用于在源对象和目标对象之间传递数据。se
转载
2023-06-30 12:29:22
341阅读
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如LayUi，虽然很简单就可以引入，但是有时候我需要做些特殊操作，修改人家源码的底层方法还是不太方便，因一顿google后实现了纯H5+JS实现的方法，连ajax都使用的原生；记录一下：一、单文件上传<!
转载
2023-12-27 14:18:45
154阅读
# 实现Android打开H5和关闭H5页面的教程
## 概述
在移动应用开发中，Android应用常常需要在原生应用中打开H5页面并在需要的时候关闭这些页面。本教程将教你如何在Android应用中实现打开和关闭H5页面的功能。
## 教程步骤
下面是整个流程的步骤表格：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一 | 在Android项目中添加Webview组件
原创
2024-03-26 06:22:06
701阅读
