分享到微信朋友圈

打开微信,“扫一扫”功能,
即可将网页分享至好友/朋友圈。

文章索引

返回顶部
  / 学习笔记

用 getClientRects 获取文本行(textarea自动换行总行数)

想不到我刚说完“··getClientRects 这玩意儿估计还是用不到··”,自己就庆幸刚刚了解过它,要不还真想不到什么好办法来解决当前面临的问题。 需求: 未知文本长度 固定容器宽度 行高、字体大小未知 文本自动换行得到的行数 如果只考虑前两点,网上的解决方案一搜一大把,解决思路基本就是: 给定指定行高 计算总高度 行数 = 总高度/行高 那为什么这里我就非得加上这么一个未知行高、未知大小的限...
  • 2018-04-19
  • 2019-03-20

获取nsIDOMClientRect(矩形盒子,left、top、right和bottom)

没错,一开始就让我装一下逼吧,居然说出这么生僻显得高大上的词汇:nsIDOMClientRect。 nsIDOMClientRect MDN的解释也就简简单单一句话(贡献者的中文翻译,原英文地址:https://developer.mozilla.org/zh-CN/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIDOMClientRect): 代表一...
  • 2018-04-16
  • 2019-03-20

前端杂记···

为什么叫可能搞混淆的知识呢,因为我已经记录了好多页的“待验证知识点”;只是一直没去花时间系统的消化它们,不过现在开始(2018-03-27),我就要吃光他们··· 现在看来有些东西貌似理所当然,连我自己都记不起当初是什么情形写下来的,所以,出现在我的备忘录又没啥好讨论的东西,就写在这里来吧; 没错,就是汇总! --------------------------------------------...
  • 2018-03-27
  • 2019-02-28

关于@规则(at-rule)的那点小事儿

首先,@ 到底是个什么东西 : 称为 at 符号(邮箱总还是用过吧); 一个以@开头,后跟一个标识符的语句就是一个 at-rule(@规则); 一个 at-rule是一个标准的CSS 语句。 @规则按其用法属性我们可把它们分为:条件规则、普通规则; 条件规则即所指的条件总等效于 true 或者 false,如果为 true 那么它们里面的语句生效;普通规则即为其他; 以下分类列出所有个人已知的@规...
  • 2017-05-04
  • 2019-03-20

HTML5的拖拽(drag)与拖放(drop)

拖放(drag 和 drop)是 HTML5 标准的组成部分,HTML5为其实现提供了非常方便的API!以下就是实现把列表从一个框拖拽到另一个框,可以实际拖拽试试: 不可拖拽列表一 可拖拽列表二 可拖拽列表三 可拖拽列表四 可拖拽列表五 不可拖拽列表一 拖拽内容的HTML:还没开始拖拽 以上拖拽完成的源代码: CSS:   .dp-ul { display:inlin...
  • 2017-04-21
  • 2017-05-04

canvas 画布,用的不多的就多看看,以备不时之需!

H5新元素——<canvas>画布,在工作中第一次用的时候还是“参考”了别人的代码修改而来;于是乎在这之后偷了点空闲时间做点功课和小结,指不定哪天就得自己去写呢! H5的绘图能力除了<canvas>还有个<svg>,它们都是可以用来绘制2D的平面图形,3D立体图形?这就只能等着未来的扩展支持了; 区别的话: Canvas: JS绘制的逐像素进行渲染的图形; 不支...
  • 2017-04-18
  • 2019-03-20

HTML从头开始——很常见却很少琢磨的<meta>

< meta >标签提供关于HTML文档的元数据。 元数据不会显示在页面上,但是对于机器是可读的。 它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 习惯性的复制粘贴,很多时候会让我们忽略很多东西,于是乎,我稍微做那么一点总结,什么时候来看看都好! 常用的几个功能包括:   手机移动设备显示 这绝对是现在又常见又必须懂的东西: &nbs...
  • 2017-04-05
  • 2017-04-06

手机端微信浏览器 video 半屏播放解决方案

感觉这个标题还是蛮吸引人的,在此之前,我就认为除非加入所谓的腾讯白名单,要不然想半屏播放?做梦!! 准确来说,这种解决方案只能算是模拟方案,并不是真正解决这个问题;这都是那群X5内核浏览器的开发人员挖的坑,不过这次他们稍微丢了点东西进来,让这个坑小了点; 有一点要明确,此方法只针对安卓端,对IOS本...
  • 2017-01-22
  • 2019-03-20