html5

CSS数据类型以及符号
CSS数据类型以及符号

css数据类型定义的是css属性中具有代表性的值,在规范的语法格式中,使用关键字外加一对 <和>表示,例如数值类型<number>、色值类型<color>等。举个例子:background-image这个css属性语法结构如下:

2023-03-08 16:08:41阅读全文

「持续兼容」微信H5选择照片(图片&amp;视频)及拍照&amp;录像
「持续兼容」微信H5选择照片(图片&amp;视频)及拍照&amp;录像

做过H5调用手机相册或者拍照的同学可能深有体会,在不同型号手机和不同的浏览器上表现各有差异,实属头疼。由于手机自带浏览器或者第三方浏览器实在太多,结合最近正在做的项目用户群体P90在微信上,文本单从兼容微信浏览器方面进行实验分析。

2023-03-09 02:07:40阅读全文

h5 移动端 关于适配 click事件的问题
h5 移动端 关于适配 click事件的问题

在开发人脸识别sdk移动端的时候,需要通过按钮点击请求数据并模拟点击input file的操作,以下代码看似没问题

2023-03-08 16:28:07阅读全文

vh 存在问题?试试动态视口单位之 dvh、svh、lvh
vh 存在问题?试试动态视口单位之 dvh、svh、lvh

大部分同学都知道,在 CSS 世界中,有 vw、vh、vmax、vmin 这几个与视口 Viewport 相关的单位。

2023-03-09 16:23:32阅读全文

图扑数字孪生水利工程,助力水资源合理利用
图扑数字孪生水利工程,助力水资源合理利用

从大禹治水到三峡大坝的建造,人类为控制和调配自然界的地表水和地下水,修建了许多的水利工程。对水资源进行了广泛的开发利用,诸如农业灌溉、工业和生活用水、水力发电、航运、港口运输、淡水养殖、旅游等。

2023-03-09 14:31:01阅读全文

图解鼠标事件的 ScreenX ,LayerX,clientX,PageX,offsetX,X
图解鼠标事件的 ScreenX ,LayerX,clientX,PageX,offsetX,X

前言: 完在上一篇文章🎁如何实现原生 JS 的拖拽效果我中使用到了 MouseEvent 事件对象身上的 clienX 的属性,但同时我也注意到了事件对象身上关于 X 的相关属性还有很多,并且在移动端开发中,这些属性需要频繁的用到,所以来总结一下这些关于 X 轴身上各个属性含义的不同。

2023-03-10 09:26:01阅读全文

CSS 如何让auto height完美支持过渡动画?
CSS 如何让auto height完美支持过渡动画?

众所周知,高度在设置成auto关键词时是不会触发transition过渡动画的,下面是伪代码

2023-03-09 16:40:51阅读全文

图扑数字孪生智慧公路,构建互联协同智能交通系统
图扑数字孪生智慧公路,构建互联协同智能交通系统

随着智能交通科技和产业的发展,我国正在形成一个安全可靠、便捷高效、绿色智能、开放共享的现代化综合交通运输体系。《“十四五”现代综合交通运输体系发展规划》明确提出,加快智能技术深度推广应用,坚持创新驱动发展,推动互联网、大数据、人工智能、区块链等新技术与交通行业深度融合,推进先进技术装备应用,构建泛在

2023-03-16 12:46:55阅读全文

前端开发:HTTP状态码详解
前端开发:HTTP状态码详解

维基百科的解释:HTTP状态码(HTTP Status Code)是用以表示网页服务器超文本传输协议响应状态的3位数字代码。它由 RFC 2616 规范定义的,并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展。所有状态码被分为五类,状态

2023-03-16 16:26:29阅读全文

浅析 SplitChunksPlugin 及代码分割的意义
浅析 SplitChunksPlugin 及代码分割的意义

有同事分享webpack的代码分割,其中提到了SplitChunksPlugin,对于文档上的描述大家有着不一样的理解,所以打算探究一下。

2023-03-16 21:52:19阅读全文

CSS 实例系列 - 04 - Dropdown 下拉面板
CSS 实例系列 - 04 - Dropdown 下拉面板

Hello 小伙伴们早上、中午、下午、晚上和深夜好,这里是 jsliang~

2023-03-17 09:07:37阅读全文

低代码平台实践系列(一):逻辑配置概述
低代码平台实践系列(一):逻辑配置概述

作为前端开发人员,大家可能已经很熟悉现有的前端框架和工具,但是随着数字化转型的推进,越来越多的企业需要更快速、更高效地构建自己的应用程序。低代码平台可以成为我们前端开发人员解放生产力的神器。

2023-03-17 02:14:30阅读全文

Web/H5 滑动验证码配置
Web/H5 滑动验证码配置

兼容IE8+,Chrome,Firefox,360浏览器,QQ浏览器等主流浏览器。

2023-03-17 09:28:51阅读全文

巧用 CSS 变量,实现动画函数复用,制作高级感拉满的网格动画
巧用 CSS 变量,实现动画函数复用,制作高级感拉满的网格动画

本文将介绍一种基于 CSS 变量技巧,通过合理使用 CSS 变量,实现 CSS 动画 @keyframes 的复用。

2023-03-19 18:25:06阅读全文

一个公式,让你35岁以后越过越好!修炼心法
一个公式,让你35岁以后越过越好!修炼心法

Cocos 的老铁,如果你这几天没有被麒麟子给卷到?那说明你还没有真正进入 Cocos 圈子里来。为什么这么说呢?看下面。

2023-03-19 12:44:10阅读全文

央视“315晚会”上曝光的“网络水军”要怎么从技术上防范
央视“315晚会”上曝光的“网络水军”要怎么从技术上防范

2023年“央视315晚会”曝光了一些网络平台明目张胆地售卖直播水军,人气、播放量、点赞、评论等等,均可24小时自助下单,达成烘托直播间气氛的目的。根据报道,某公司推出额云控系统,一台手机,可同时操控200到20000台手机。为了让水军看起来更像真实用户,该云控系统还能事先设定批次、进入时间以及不同

2023-03-19 16:22:57阅读全文

图扑 Web SCADA 零代码组态水泥生产工艺流程 HMI
图扑 Web SCADA 零代码组态水泥生产工艺流程 HMI

水泥是建筑工业三大基本材料之一,素有“建筑工业的粮食”之称。2022 年 1-9 月水泥产量为 15.63 亿吨,生产方法包括新型干法、立窑、湿窑、干法中空窑和立波尔窑等。

2023-03-20 19:20:50阅读全文

现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用
现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用

图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消耗是十分巨大的。

2023-03-20 13:52:50阅读全文

CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果
CSS 数学函数与容器查询实现不定宽文本溢出跑马灯效果

在许久之前,曾经写过这样一篇文章 -- 不定宽溢出文本适配滚动。我们实现了这样一种效果:

2023-03-20 13:15:03阅读全文

那些不用js也能实现的效果
那些不用js也能实现的效果

本文列举几个不需要使用js也能实现的效果

2023-03-22 03:26:48阅读全文

CSS 实例系列 - 05 - Photo Album 瀑布流相册
CSS 实例系列 - 05 - Photo Album 瀑布流相册

Hello 小伙伴们早上、中午、下午、晚上和深夜好,这里是 jsliang~

2023-03-23 08:07:32阅读全文

vue2.x项目用HbuilderX打包成app
vue2.x项目用HbuilderX打包成app

步骤解析:1、打开HbuilderX软件,点击新建,新建项目:选择模板 5+App。如下图所示2、创建成功后,打开电脑的资源管理器,进入刚刚创建的项目根目录,替换同名的资源文件删除5+App项目内的资源文件,留下manifest.json文件。如下图所示3、将vue项目打包,用 npm run bu

2023-03-24 05:15:56阅读全文

暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现
暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现

众所周知,网页的暗黑模式可以减少屏幕反射和蓝光辐射,减少眼睛的疲劳感,特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应(Neon Effect)提供了发挥的环境。

2023-03-24 00:00:50阅读全文

图扑智慧充电桩可视化运营平台|新能源数字化
图扑智慧充电桩可视化运营平台|新能源数字化

电动汽车产业在新能源背景下蓄势勃发,已经成为当下广泛流行、节能环保的绿色出行交通工具。随着特斯拉、宝马、蔚来等众多新能源汽车企业的纷纷布局,市场主体多元化对充电桩多元化适配提出了更高的要求。

2023-03-24 07:15:05阅读全文

利用mkdocs部署静态网页至GitHub pages
利用mkdocs部署静态网页至GitHub pages

Info:官方网站:MkDocs我的个人网站成果:http://wcowin.work/

2023-03-24 07:53:32阅读全文

CSS 高阶小技巧 - 角向渐变的妙用!
CSS 高阶小技巧 - 角向渐变的妙用!

本文将介绍一个角向渐变的一个非常有意思的小技巧!

2023-03-23 22:34:35阅读全文

textContent、innerText、innerHTML的区别
textContent、innerText、innerHTML的区别

参考:https://www.cnblogs.com/yunkong/p/4460344.html

2023-03-24 09:09:49阅读全文

「前端 BUG 录」遇到BUG应该如何排查
「前端 BUG 录」遇到BUG应该如何排查

我们日常工作中虽然会遇到很多 BUG,我们也熟练掌握使用搜索引擎解决开发中的问题。

2023-03-26 17:05:46阅读全文

英雄联盟比赛选手的六芒星能力图动画是如何制作的?
英雄联盟比赛选手的六芒星能力图动画是如何制作的?

最近,在看 LPL 比赛的时候,看到这样一个有意思的六芒星能力图动画:

2023-03-27 06:31:55阅读全文