H5-杂记

最新推荐文章于 2024-09-09 10:01:49 发布

原创最新推荐文章于 2024-09-09 10:01:49 发布 · 229 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

35 篇文章

订阅专栏

1、默认打开手机数字输入键盘maxlength属性无效

<input class="ys1_" name="verificationCode" id="verificationCode" type="number" maxlength="4" placeholder="请输入验证码"/>

说明：设置type="number"

2、默认打开手机数字输入键盘，且maxlength="4"有效

<input class="ys1_" name="verificationCode" id="verificationCode" type="tel" maxlength="4" placeholder="请输入验证码"/>

说明：设置type="tel" maxlength="4"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_13098

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

一个简单的HTML网页个人网站设计与实现 HTML+CSS+JavaScript自适应个人相册展示留言博客模板

专注于dreamweaver网页设计制作

08-12

439

🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......

个人主页博客网页设计制作HTML5+CSS大作业——个人相册展示留言博客模板(6页) 简单个人网页制作

01-12

1383

HTML5+CSS大作业——个人相册展示留言博客模板(6页) 常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 文章目录HTML5+CSS大作业——个人相册展示留言博客模板(6页)

参与评论您还未登录，请先登录后发表或查看评论

H5Stream杂记-HTML中引入RTSP/RTMP源视频初学

Demos丶丶

07-11

1万+

最近遇到项目中视频监控的问题，老大的要求是在前端引入RTSP流媒体视频。为此，一个菜鸟怀着好奇的心情去琢磨了许久。首先根据老大提出的建议，试一试vlc插件。为此踩了一天vlc的坑。不可否认vlc是一款强大的媒体播放器，奈何谷歌浏览器早就不支持NPAPI插件。也试过很多其他浏览器，IE、EDGE、UC、火狐。。。针对谷歌浏览器，我找过很多的方法，浏览器的版本一降再降，着实无能为力。本着赶时间的前...

H5学习杂记

weixin_44048781的博客

10-07

214

<!DOCTYPE html> <html>  <head> <!-- 作者：offline 时间：2019-09-19 描述： ...

H5自动准备杂记

ann49988的博客

06-04

由于之前没做过UI自动化，近期准备做H5自动化，要学的东西还是很多。 1、本地debug环境：android studio + android SDK（想要调试通要关注：驱动、手机开发者模式要打开） 2、手机应用的元素id查看：直接用android sdk的 %android_home%\tools\bin\uiautomatorviewer.bat 3、应用包名+启动页查看：包名...

杂记----

热门推荐

Shanfenglan's blog

12-04

5万+

1.echo命令会覆盖之前文件里面的东西

前端h5项目之随笔杂记

m0_46512929的博客

09-17

214

arrayObject.slice(start,end) //返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素当元素失去焦点时发生 blur 事件 oninput 事件在用户输入时触发，该事件类似于onchange事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <sel...

Web前端 -- HTML5 --- 杂记

拾起点滴知行合一

09-09

416

文本输入框密码输入框单选按钮复选框下拉列表提交按钮。多级标题链接段落表格图片。

H5C3基础学习总结之杂记1

程序猿小九九的博客

02-02

323

圆角边框制作等

H5杂记之绝对定位 position:absolute;

qq_29469941的博客

08-21

2668

position:absolute; 绝对定位，是相对于最近的一次定位（绝对定位，相对定位，和固定定位都可以，只要是定位都可以，float不行，margin不行）的祖先（父辈及以上）元素（与父辈同级的元素无效）。不是相对于浏览器，也不是相对于父元素。如果找不到符合条件的，则是相对于 body元素进行定位。并且设置之后，其本身的文档流会删除，等于消失了一样。 fixed是相对于浏览

H5C3基础学习总结之杂记2

程序猿小九九的博客

02-02

280

鼠标样式cursor、轮廓线outline、防止拖拽文本域resize、解决图片底部默认空白缝隙问题、Vertical-align属性应用、溢出文字的省略号显示、HTML5语义化标签

【uni-app】只支持在微信小程序运行的导入外部3d模型

09-29

【uni-app】是一种基于Vue.js开发的多端框架，它允许开发者编写一次代码，即可发布到iOS、Android、H5、微信小程序等多个平台。在uni-app中，有时我们需要引入外部的3D模型来丰富应用的视觉效果和交互体验，但需要...

demoTest.zip

01-10

在IT行业中，uni-app是一个备受瞩目的跨平台开发框架，它允许开发者用一套代码实现多端部署，包括iOS、Android、H5以及小程序等。在本案例中，“uni-app的APP端导入外部3d模型”涉及到的技术核心是将3D模型资源引入...

EasyUI--combobox(下拉列表框)设值

幽灵

02-10

3280

EasyUi combobox下拉列表相当于html的select，对应关系valueField-->value;extField-->text。 1、一个简单的为combobox赋值的例子如下：将平台数据提交的页面 //跳转到角色封禁页面 @RequestMapping(value = "/tolist") public ModelAndView userMe...

jqGrid(数据表格)-在头部显示工具栏

幽灵

04-28

2879

jqGrid表格原生态，像数据表格添加工具栏实现方法。 1、前台页面 <%@ page contentType="text/html;charset=UTF-8" language="java"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> &lt

H5页面例子

幽灵

04-13

2337

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>红包雨</title> <meta name="viewport" content="wi

easyUI-树形表格(TreeGrid)实现无限层级菜单

幽灵

07-21

1997

对于easyUI实现一个树形表格，是一件很简单的事情，实现形式很多。这里作者将实现，通过数据库获取数据，再将数据通过递归形式装成无限层级json数据，到达无限成级的树形表格结构。需要用到的json插件建附件，希望能对大家有所帮助效果如图实现步逐 1、数据表设计(角色表) CREATE TAB...

用window.open()打开子页面传值问题

幽灵

04-11

1709

1、通过window对象的open()方法，open()方法将会产生一个新的window窗口对象 //IE7里不支持其用法为： window.open(URL,windowName,parameters); URL: 描述要打开的窗口的URL地址，如何为空则不打开任何网页； windowName:描述被打开的窗口的民称...

web弹出窗口大全

幽灵

04-11

1686

一、Javascript弹出子窗口:可以通过多种方式实现，下面介绍几种方法 1、通过window对象的open()方法，open()方法将会产生一个新的window窗口对象 //IE7里不支持其用法为： window.open(URL,windowName,parameters); URL: 描述要打开的窗口的URL地址...

{ "name": "uni-preset-vue", "version": "0.0.0", "uni-app": { "scripts": { "h5-test": { "title": "accept-h5-测试环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "NAME": "TEST" }, "define": { "H5-CRM-TEST": true } }, "h5-stg2": { "title": "accept-h5-stg2环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "NAME": "STG2" }, "define": { "H5-CRM-STG2": true } }, "h5-pre": { "title": "accept-h5-pre环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "NAME": "PRE" }, "define": { "H5-CRM-PRE": true } }, "h5-uat": { "title": "accept-h5-UAT环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "NAME": "UAT" }, "define": { "H5-CRM-UAT": true } }, "h5-pro": { "title": "accept-h5-生产环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "NAME": "PRO" }, "define": { "H5-CRM-PRO": true } } } },console.log("🚀 ~ process:", process) console.log("🚀 ~ process.env:", process.env) console.log("🚀 ~ process.env.NAME:", process.env.NAME)获取不到NAME

最新发布

08-28

你遇到的问题是：在使用 `process.env.NAME` 时获取不到 `NAME` 的值。从你提供的 `package.json` 片段来看，你正在使用 **uni-app** 的自定义脚本配置，并在 `scripts` 中通过 `env` 定义了环境变量（如 `"NAME": "TEST"`、`"NAME": "PRO"` 等）。但你在运行代码时通过 `process.env.NAME` 无法获取到这些值。 --- ## 📌 问题分析 uni-app 使用 `uni-preset-vue`（基于 Vite 或 Webpack 等构建工具）时，`env` 中定义的变量不会自动注入到 `process.env` 中，除非变量名以特定前缀开头（如 `VITE_`、`UNI_`、`NODE_ENV` 等），这是构建工具（如 Vite）的限制。 ### ✅ 为什么 `process.env.NAME` 获取不到？ - 构建工具（如 Vite）默认只暴露以特定前缀开头的环境变量（如 `VITE_`）。 - `NAME` 没有以这些前缀开头，所以不会被注入到 `process.env`。 - 因此即使你在 `package.json` 中配置了 `"env": { "NAME": "TEST" }`，它也不会出现在运行时的 `process.env` 中。 --- ## ✅ 正确做法 ### ✅ 1. 使用 `import.meta.env`（适用于 Vite） Vite 推荐使用 `import.meta.env` 来访问环境变量。你需要将变量名加上前缀 `VITE_`： #### 修改 `package.json`: ```json "h5-test": { "title": "accept-h5-测试环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "VITE_NAME": "TEST" }, "define": { "H5-CRM-TEST": true } } ``` #### 在代码中访问： ```ts console.log("🚀 ~ import.meta.env.VITE_NAME:", import.meta.env.VITE_NAME); ``` ### ✅ 2. 如果你仍然想用 `process.env` 你可以手动注入环境变量，或者使用 Node.js 的 `.env` 文件配合 `dotenv` 插件来加载变量。但这在 H5 构建中不太推荐，因为不是所有平台都支持。 --- ## 📦 环境变量命名规范（Vite） | 前缀 | 是否暴露给客户端 | 说明 | |------------|------------------|------------------------------| | `VITE_` | ✅ 是 | 推荐用于客户端使用的变量 | | `NODE_ENV` | ✅ 是 | 构建环境（development/production） | | 其他 | ❌ 否 | 不会被暴露给客户端 | --- ## 🧪 示例代码 ### ✅ 修改后的 `package.json`（部分）： ```json "h5-test": { "title": "accept-h5-测试环境", "browser": "chrome", "env": { "UNI_PLATFORM": "h5", "VITE_NAME": "TEST" }, "define": { "H5-CRM-TEST": true } } ``` ### ✅ 访问方式： ```ts // 使用 import.meta.env console.log("🚀 ~ import.meta.env.VITE_NAME:", import.meta.env.VITE_NAME); ``` --- ## ✅ 总结 | 问题点 | 解决方案 | |--------|----------| | `process.env.NAME` 获取不到 | 使用 `import.meta.env.VITE_NAME` | | 环境变量未暴露 | 使用 `VITE_` 前缀 | | uni-app 的 `env` 配置 | 只有以特定前缀开头的变量才会被注入 | ---