前端杂记
guheSs
前端小白
展开
-
CSS3 box-sizing属性
box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。content-box,border和padding不计算入width之内padding-box,padding计算入width内border-box,border和padding计算入width之内,其实就是怪异模式ie8+浏览器支持content-box和b...原创 2019-04-28 23:24:54 · 237 阅读 · 0 评论 -
Web UI 设计命名规范
很早之前本地收录的一篇文章,找不到出处了,如有侵权,请原作者告知。一.网站设计及基本框架结构:Container“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“.Header“header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-he...原创 2019-04-19 20:44:57 · 1171 阅读 · 0 评论 -
获取Canvas上字体宽度(像素)的方法
#1. 用于Canvas的上下文有一个内建的方法来检查字体的大小。此方法返回TextMetrics对象,该对象具有包含文本宽度的宽度属性function getWidthOfText(txt, fontname, fontsize){if(getWidthOfText.c === undefined){getWidthOfText.c=document.createElement(‘can...原创 2019-07-20 00:43:21 · 617 阅读 · 0 评论 -
Ajax简单了解
一、Ajax介绍:1、AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。2、AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。3、AJAX 是一种用于创建快速动态网页的技术。4、通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以...原创 2019-05-10 22:01:42 · 90 阅读 · 0 评论 -
JS垃圾收集机制原理
1、原理:找出那些不再继续使用的变量,然后释放其占用的内存,垃圾收集器会按照固定的时间间隔,或是在代码执行中预订的收集时间,去周期性的执行这个操作,完成垃圾的清理。2 、局部变量的生命周期在函数执行的过程中,才存在有局部变量,在这个过程中,浏览器引擎会为局部变量在栈或是堆内存上分配相应的空间,以便存储这些值。在函数执行结束后,局部变量就没有存在的必要了,因此可以释放它们所占用的内存以供将来使...原创 2019-07-07 23:50:18 · 166 阅读 · 0 评论 -
DOM 节点的三个重要属性
#节点属性在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :nodeName : 节点的名称nodeValue :节点的值nodeType :节点的类型一、nodeName 属性: 节点的名称,是只读的。元素节点的 nodeName 与标签名相同属性节点的 nodeName 是属性的名称文本节点的 nodeName 永远是 #t...原创 2019-07-19 23:55:22 · 855 阅读 · 0 评论 -
节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点,连写可消除各浏览器的差异。
Demo1 无标题文档 javascript javascript jQuery PHP putout1:javascriptjavascriptjQueryPHP第0节点的属性3第1节点的属性1第2节点的属性3第3节点的属性1第4节点的属性3第5节点的...原创 2019-07-20 00:39:46 · 238 阅读 · 0 评论 -
圣杯布局
第1步 建立框架先写 header, footer 和 container 三个 div我们将 container 的内边距设置为左右两边各自的宽度。它看起来就像这样:第2步 加入三栏此时我们有了基本框架,可以把三栏塞进去了。接着我们给每一栏配上合适的宽度,并将它们设为浮动。同时我们需要清除 footer 的上下环境,以免跟上面三栏一起浮动。注意这里中间一栏的 100% 宽是基...原创 2019-08-02 21:50:03 · 160 阅读 · 0 评论