
html5
NAMECZ
职场新人
展开
-
【HTML】基于jsQR实现的HTML单页面扫码功能
使用jsQR实现的HTML5单页面 扫码签到功能页面。选择jsQR的原因:html5-qrcode:使用简单,识别率低,二维码小不可解析@zxing/library: 识别率优于html5-qrcode,部分安卓模糊无法使用jsQR:轻量小巧实用简单,识别率高,小型二维码也可解析,可以自动对焦。原创 2023-12-12 18:13:33 · 2516 阅读 · 0 评论 -
rem布局实现不同分辨率移动终端的自适应、整体缩放
前言现在手机屏幕分辨率越来越多,但我们的需求比较唯一——最佳视觉。 当用户浏览网页时,根据屏幕的尺寸,来向用户展示更适合用户的布局、文字、图片、按钮等等,因此,rem应运而生。 rem(font size of the root element)是指相对于根元素的字体大小的单位。一旦根节点html 定义的 font-size 变化,那么整个网页中运用到 rem的也会随之变化。加之当前手机淘...转载 2018-08-29 17:28:44 · 847 阅读 · 0 评论 -
CSS魔幻属性之图片间隙问题
最近看到一篇CSS魔幻属性的文章,感触很深,不过我想,与技巧相比,有些常见css布局难题,有时候更加让我们的日常开发变得踌躇沮丧吧。为什么此处li标签内的p元素看起来独自撑开了一行这是我在segmentfault上看到的一个问题,以前自己遇到过,所以就很热情洋溢的去回答了一下,难道遇到个自己会的,示例代码是这样的: li{ display: inline-bloc...原创 2018-08-01 13:21:36 · 398 阅读 · 0 评论 -
宽高自适应问题的解决办法
这篇文章是用来解决日常页面搭建是遇见的痛点,比较常见的布局问题在这就不说了。每种情况只介绍我觉得最好用的下边进去正题1、左边div固定宽度,右边div自适应。效果图:代码:2、上边div固定高度,下边div高度铺满效果图:代码:...原创 2018-03-23 11:19:56 · 704 阅读 · 0 评论 -
正则表达式
一、正则字符的简单介绍1.1、元字符的介绍 "^" :^会匹配行或者字符串的起始位置,有时还会匹配整个文档的起始位置。 "$" :$会匹配行或字符串的结尾 "\b" :不会消耗任何字符只匹配一个位置,常用于匹配单词边界 如 我想从字符串中"This is Regex"匹配单独的单词 "is" 正则就要写成 "\bis\b" \b 不会匹配is 两边的字符,但它会原创 2018-03-13 13:28:01 · 1169 阅读 · 0 评论 -
谈谈自己对闭包的理解
序言想要了解闭包,需要先了解什么是局部变量,什么是公共变量。局部变量:局部变量只能用于定义它函数内部。对于其他的函数或脚本代码是不可用的;全局变量:全局变量可应用于页面上的所有脚本。实际上,在 JavaScript 中,所有函数都能访问它们上一层的作用域。JavaScript 支持嵌套函数。嵌套函数可以访问上一层的函数变量。但是父级的函数不能获取到子级函数内部的变量;而在某些情况下,我们又需要从外...原创 2018-03-09 14:32:34 · 1332 阅读 · 0 评论 -
js代码 实现 HEX 与 rgb/rgba之间的相互转换
废话不多说,直接上代码:代码如下://十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; /*16进制颜色转为RGB格式*/ String.prototype.colorRgb = function(x){ var sColor = this.toLowerCase(); if(sColor &...原创 2018-03-09 11:47:09 · 4774 阅读 · 0 评论 -
鼠标移动时禁止选中文字
今天在做div移动时遇到一个奇怪的问题 ,就是在移动div的时候偶尔会选中div中的文字,同时会影响div移动的流畅性,直接上解决方法:禁止鼠标右键:oncontextmenu="return false";禁止选择:onselectstart="return false";禁止拖放:ondragstart="return false";禁止拷贝:oncopy=document.selection...原创 2018-03-07 18:24:38 · 1613 阅读 · 0 评论 -
在线调试css阴影效果
http://www.css88.com/tool/css3Preview/Box-Shadow.html原创 2018-01-08 16:10:05 · 749 阅读 · 0 评论 -
css 文本超出隐藏并且显示省略号
首先,要知道css的三条属性。overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行这三个是css的基础属性,需要记得。但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?css3解决了这个问题,解决方法如下:display:-we原创 2018-01-16 17:41:43 · 550 阅读 · 0 评论 -
HTML5----响应式(自适应)网页设计
第一步:在网页代码的头部,加入一行viewport元标签[html] view plain copymeta name="viewport" content="width=device-width, initial-scale=1" /> viewport是网页默认的宽度和高度,上面这行代码的意思是:网页宽度默认等于屏幕宽度转载 2017-12-28 14:16:46 · 2419 阅读 · 0 评论