引子 近期的工作中，遇到的功能需求，需要控制文字显示行数，超过就省略号显示。 Origin My GitHub 文字换行 一般文字行数控制用 css 就可以实现，但在 canvas 中不行。在网站查询资料，就可以发现需要程序控制文字换行，主要使用到的方法是 measureText()，这个方法会返回 ...
分类：
其他好文 时间：
2020-07-20 10:21:09
阅读次数：
70
html5+css3响应式垂直时间轴，使用了html5标签<section>，时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中，多个div形成一个序列，并把这些div放在<section>中。 PC端: 移动端: html代码： <!DOCTYPE h ...
分类：
Web程序 时间：
2020-07-19 18:11:56
阅读次数：
166
虽然现代浏览器支持css3，但是一些过往的版本或是目前有些css3属性的应用还是离不开前缀的。一些牛逼且执着于web技术且乐于分享的仁兄(Lea Verou)就搞了个名叫prefixfree.js的插件可以自动补全前缀。首先在页面任意地方（能生效的方）插入插件: <script src="prefi ...
分类：
Web程序 时间：
2020-07-19 00:54:54
阅读次数：
135
首先，要清楚File与Blob之间的关系 File继承自Blob，扩展了一些属性，例如文件名、修改时间、路径等 注意：Edge浏览器不支持File对象构造函数 话不多说先上图 下面描述之间的转换：点击这里，或这里 ...
分类：
Web程序 时间：
2020-07-18 22:47:49
阅读次数：
103
-1、html 兼容性问题 问题：HTML5新的语义标签在低版本的老IE浏览器中存在兼容性问题 解决方案：引用第三方解析库 <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> -2、css兼 ...
分类：
其他好文 时间：
2020-07-18 19:44:21
阅读次数：
72
今天郭先生说一下用canvas解析图片流，然后制作一个动态二维码的小案例，话不多说先上图，在线案例点击博客原文。这是郭先生的微信二维码哦！ 1. 解析图片流 canvas = document.createElement('canvas');//创建canvas画布 content = canvas ...
分类：
Web程序 时间：
2020-07-18 13:52:34
阅读次数：
92
前端的存储方式有：localStorage、sessionStorage、cookie、UserData、webSQL、indexeddb、HTML5离线存储等 1、本地存储 1.cookie 在h5之前，存储主要用的是cookie。cookie会随着每次http请求头信息一起发送，无形中增加了网络 ...
分类：
其他好文 时间：
2020-07-17 14:10:24
阅读次数：
66
html5的新特性 1.语义化标签 有利于seo，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。 语义化的html在没有css的情况下也能呈现较好的内容结构与代码结构 方便其他设备的解析 便于团队开发和维护 2.表单新特性 3.多媒体视频(video)和音频(audi ...
分类：
Web程序 时间：
2020-07-17 09:32:12
阅读次数：
101
常见的表单元素有文本框，密码框，单选按钮，复选框，列表框，图片按钮，多行文本域，文件域，邮箱，网址，数字，滑块，搜索框， type ：指定元素的类型text、password、checkbox、radio、submit、reset、file、hidden、image 和 button，默认为 tex ...
分类：
Web程序 时间：
2020-07-16 21:42:31
阅读次数：
271
HTML5中针对表单新增的验证属性如required、pattern以及一些特定input类型，当验证不通过时，都有默认的提示语句，但实践中发现并不怎么友好，因此，需要自定义提示语句，使用setCustomValidity()。在此之前，需要介绍一下表单的validityState对象。 HTML5 ...
分类：
Web程序 时间：
2020-07-16 12:28:25
阅读次数：
97
