HTML - 随笔分类 - Jaye8584

html2canvas+jspdf实现下载pdf文件

摘要：参考相关文章： https://blog.risingstack.com/pdf-from-html-node-js-puppeteer/ https://juejin.im/post/5dae8b82e51d4524ce222764 这篇文章写得很好很具体了，下面记录下实际运用。关于页面导出 . 阅读全文

posted @ 2020-07-29 18:23 Jaye8584 阅读(3398) 评论(0) 推荐(1)

document.designMode="on"

摘要：document.designMode 控制整个文档是否可编辑。有效值为 "on" 和 "off" 。根据规范，该属性默认为 "off" 。Firefox 遵循此标准。早期版本的 Chrome 和 IE默认为 "inherit" 。从 Chrome 43 开始，默认值为 "off" ，并且不再支阅读全文

posted @ 2020-07-06 14:29 Jaye8584 阅读(2043) 评论(0) 推荐(0)

js 固定底部 footer/自动计算页面高度

摘要：更新一种更简单的 css 方法： .main { /* header: 30px; footer:100px; total:130px*/ min-height: calc(100vh - 130px); } calc() 函数用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：阅读全文

posted @ 2020-03-30 18:22 Jaye8584 阅读(1128) 评论(0) 推荐(0)

<input type="file"> accept属性筛选文件类型

摘要：如果你不希望用户上传任何类型的文件, 你可以使用 input 的 accept 属性. 设置支持 .doc / .docx / .xls / .xlsx / .pdf 格式: 如果需要支持 .png 等，则在 accept 添加上既可，都逗号分隔。扩展知识： accept 属性接受一个逗号分隔的阅读全文

posted @ 2019-08-08 16:42 Jaye8584 阅读(9473) 评论(0) 推荐(0)

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data错误的解决

摘要：记录个报错：问题描述：经过服务器生成图片返到前台时，在火狐浏览器中下载图片或打开图片时报错：SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data 经分析是服务器配置的问题，缺少了能够解析阅读全文

posted @ 2018-06-21 14:34 Jaye8584 阅读(9947) 评论(0) 推荐(0)

获取日期Date

摘要：获取特定时间戳： new Date("2018-06-12").getTime() processDate(){ return { disabledDate(time){ return time.getTime() < new Date("2018-06-12").getTime() } } }, 阅读全文

posted @ 2018-06-09 12:34 Jaye8584 阅读(191) 评论(0) 推荐(0)

移动端文本框被原生键盘弹出后挡住文本框

摘要：原因就是在安卓中被软键盘顶上来了，而苹果的软键盘是覆盖的（分层）解决方法是，把当前页面的body固定好，即在当然页面加上这段js： html： <input id="val_name" type="text" placeholder="姓名" onfocus="fup(val_name)" onb 阅读全文

posted @ 2018-05-30 18:30 Jaye8584 阅读(307) 评论(0) 推荐(0)

HTML中添加音乐video embed audio

摘要：做H5页面时需要添加背景音乐，方法如下方式一：<video controls="" autoplay="" name="media"><source src="音乐" type="audio/mpeg"></video> 这种方式显示播放器。方式二：<embed src="music/We Do 阅读全文

posted @ 2018-05-30 16:47 Jaye8584 阅读(2370) 评论(0) 推荐(0)

input修改placeholder文字颜色

摘要：少废话，上代码：阅读全文

posted @ 2018-05-25 16:15 Jaye8584 阅读(1733) 评论(0) 推荐(0)

页面宽高

摘要：页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.body.offsetHeig 阅读全文

posted @ 2018-05-14 15:50 Jaye8584 阅读(209) 评论(0) 推荐(0)

canvas画流程图

摘要：用canvas画流程图：需求：最后一个圆圈无直线遇到问题：需要画多个圆圈时，画布超出显示屏加滚动条，解决方法是<canvas>外层<div>的width=100%，且overflow-y: auto；js里通过document.getElementById("workflow").width = 阅读全文

posted @ 2018-02-02 16:54 Jaye8584 阅读(4010) 评论(0) 推荐(0)

“浏览器模式”和“文档模式”之间的区别

摘要：只有IE浏览器中才会有“浏览器模式”和“文档模式”，兼容性视图涉及两个重要的功能便是“浏览器模式【browser mode】”和“文档模式【document mode】”，在IE8/IE9中按F12键，打开“开发人员工具”，在菜单栏中可以看到“浏览器模式”和“文档模式”的切换菜单，其中可以选择切换到阅读全文

posted @ 2018-01-18 10:09 Jaye8584 阅读(245) 评论(0) 推荐(0)

表单中Readonly和Disabled的区别

摘要：转载仅供学习使用，原文：http://www.nowamagic.net/html/html_ReadonlyAndDisabled.php Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonl 阅读全文

posted @ 2017-03-23 15:19 Jaye8584 阅读(343) 评论(0) 推荐(0)

HTML5离线存储原理

摘要：找到一篇介绍离线缓存的，感觉比之前看到的解释的更透彻，新的知识点记录如下：大家都知道Web App是通过浏览器来访问的，所以离线状态下是无法使用app的。其中web app中的一些资源并不经常改变，不需要每次都向服务器发送请求。这时应运而生的离线缓存就显得尤为突出。通过吧需要离线缓存储的文件列在一阅读全文

posted @ 2016-09-22 16:53 Jaye8584 阅读(2506) 评论(2) 推荐(3)

a标签加入单击事件屏蔽href跳转页面

摘要：我们常用的在a标签中有点击事件：1. a href="javascript:js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunloa 阅读全文

posted @ 2016-08-18 15:06 Jaye8584 阅读(1095) 评论(0) 推荐(0)

html中相似的标签、属性的区别

摘要：【1】<i></i> 和 <em></em>标签相同：都是表示斜体。区别：（1）<em>表示被强调呈现的内容，<i>是物理上的斜体，没有内容上的意义。（2）<em>标签是“含有语义”的标签，搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时阅读全文

posted @ 2016-08-17 10:40 Jaye8584 阅读(4221) 评论(0) 推荐(0)

关于input全选反选恶心的异常情况

摘要：上一篇讲到：第一次点击全选按钮input显示对勾，第二次则不显示，需要用prop来添加checked属性。但是用prop会出现一个问题，对勾显示，而checked属性不会被添加（比如：$("input[type='checkbox'][name='che']").attr("checked") 获阅读全文

posted @ 2016-07-22 16:53 Jaye8584 阅读(806) 评论(3) 推荐(0)

<a href>传参的中文乱码问题

posted @ 2016-07-05 20:16 Jaye8584 阅读(5130) 评论(2) 推荐(0)

Jaye8584

随笔分类 - HTML

公告