分享到微信朋友圈

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

文章索引

返回顶部
  / 学习笔记 / JS JQ

用 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

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

Date类型–返回日期毫秒数的几种实现方法

《JavaScript高级程序设计(第3版)》学习笔记 看到第5章的Date类型,就想着总结一下实现返回日期毫秒数(从 UTC 时间 1970 年 1 月 1 日午夜起至该日期止经过的毫秒数)的几种方法; 以下是我知道的几种方法,我不知道的当然就是不知道了:   1:Date.UTC(year,month,day,hours,minutes,seconds,ms)   UTC(...
  • 2016-09-30
  • 2017-04-06

初识JavaScript 模块化概念

首先,Javascript不是一种模块化编程语言,它不支持"类"(class)或是"模块"(module);但是随着网络需求发展,它强大的存在势必会有越来越多的分工,越来越多的协作管理!所以,就有了这么个论题:JavaScript 模块化。现在的ECMAScript标准第六版中,也正式支持"类"和"模块"了!作为新技术,身为新手的我只能说......还是先学好ES5先吧!   一:什么是...
  • 2016-09-27
  • 2017-04-06

[转载]- jQuery DOM 操作方法对应的DOM API ——DOM 操作

英文原文:http://blog.garstasio.com/you-dont-need-jquery/dom-manipulation/ 愚人码头注: 原作者的写这文章的意图是让我们抛弃jQuery,You Don’t Need jQuery!提倡我们使用原生的JavaScript,所以收集整理了...
  • 2016-09-26
  • 2019-03-20