WEB、HTML
文章平均质量分 57
web api
吃瓜群众欢乐多
菜鸟烦恼多
展开
-
canvas实现文字换行
boss直聘附件简历预览canvas如何换行的?原创 2023-03-13 21:36:52 · 753 阅读 · 1 评论 -
抽奖的功能实现html,css,js
效果图代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-12-15 16:28:38 · 1248 阅读 · 1 评论 -
将base64格式的图片下载到本地
先将base64转为file,然后再利用a标签下载<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1原创 2021-07-06 09:20:05 · 21099 阅读 · 1 评论 -
手机屏幕弹幕纵向滚动,添加弹幕实时滚动html demo
手机屏幕弹幕纵向滚动,添加弹幕实时滚动<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">原创 2021-07-03 12:24:19 · 658 阅读 · 0 评论 -
Document - Web API 接口参考 | MDN
Document 接口表示任何在浏览器中载入的网页,并作为网页内容的入口,也就是DOM 树。DOM 树包含了像table,body这样的元素,以及大量其他元素。它向网页文档本身提供了全局操作功能,能解决如何获取页面的 URL ,如何在文档中创建一个新的元素这样的问题。Document接口描述了任何类型的文档的通用属性与方法。根据不同的文档类型(例如HTML、XML、SVG,...),还能使用更多 API:使用"text/html"作为内容类型(content type)的 HTML 文档,还实...转载 2021-01-16 22:32:41 · 1315 阅读 · 0 评论 -
常见查找dom元素的几种方式
document.getElementById只有在作为 document 的方法时才能起作用,而在DOM中的其他元素下无法生效。如果没有查找到对应的元素,方法会返回null。注意ID参数是大小写敏感的document.querySelector返回节点子树内与之相匹配的第一个 Element 节点。如果没有匹配的节点,则返回null。匹配是使用深度优先先序遍历,从文档标记中的第一个元素开始,并按子节点的顺序依次遍历。查找第一个匹配 class属性的html元素这个例子中,会返回当前文原创 2021-01-16 21:48:23 · 3498 阅读 · 0 评论 -
选中文字,在上方弹出操作按钮;对选中文字进行高亮或者字体等等设置;document.execCommand的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>contenteditable</title> <style> #showContent { position: absolute; top: 0; left: 0; display: none; }原创 2020-05-15 17:14:45 · 894 阅读 · 0 评论 -
input type="number"数字过大时
在<input type="text" placeholder="请输入公司银行账号" name="accountNo" id="accountNo" required="" ng-model="addData.accountNo"/>如果input设置为input type="number在位数过大时,会将最后一位减一,如图上传到后台的值为“221959010400...原创 2017-02-28 11:53:55 · 3521 阅读 · 0 评论 -
rem原理 - 1
rem响应式 html{ font-size: calc(100vw/750);//1rem=1px }举例<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-04-15 16:32:15 · 153 阅读 · 0 评论 -
rem原理 - 2
github地址<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=...原创 2019-05-28 15:00:10 · 248 阅读 · 0 评论 -
面向对象canvas_进度条-Konva.js
效果图如下:html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"...原创 2016-11-24 19:11:43 · 1174 阅读 · 0 评论 -
行星旋转案例canvas-konva.js未封装前的代码
静止状态下:整体代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"...原创 2016-11-25 17:24:33 · 1570 阅读 · 0 评论 -
HTML5本地存储Localstorage
原文链接:http://caibaojian.com/html5%e6%9c%ac%e5%9c%b0%e5%ad%98%e5%82%a8localstorage.html基础知识vialocalstorage存储对象分为两种:原文来自:http://caibaojian.com/html5%e6%9c%ac%e5%9c%b0%e5%ad%98%e5%82%a8localstorage.ht...原创 2016-11-26 10:37:05 · 381 阅读 · 0 评论 -
HTML5存储-学习总结
思维导图H5存储形式:本地存储( localStorage && sessionStorage)离线缓存( application cache )IndexedDB 和 Web SQL本地存储:sessionStorage5M,重新打开页面或者关闭浏览器就消失了,关闭tab栏消失localStorage每个域名5M,永久存储,永不失效,除非手动删除IE...原创 2019-05-27 16:45:05 · 157 阅读 · 0 评论