guheSs-CSDN博客

原创圣杯布局

第1步建立框架先写 header, footer 和 container 三个 div我们将 container 的内边距设置为左右两边各自的宽度。它看起来就像这样：第2步加入三栏此时我们有了基本框架，可以把三栏塞进去了。接着我们给每一栏配上合适的宽度，并将它们设为浮动。同时我们需要清除 footer 的上下环境，以免跟上面三栏一起浮动。注意这里中间一栏的 100% 宽是基...

2019-08-02 21:50:03 146

原创 jQuery之选择器

#层级选择器##KaTeX parse error: Expected 'EOF', got '#' at position 69: …后代元素; 代码举例省略#̲#(‘parent>child’) 子选择器在给定的父元素下匹配所有的子元素<body> <h3>必备基础</h3> <ul> <b>分类</...

2019-07-26 00:23:29 110

原创获取Canvas上字体宽度（像素）的方法

#1. 用于Canvas的上下文有一个内建的方法来检查字体的大小。此方法返回TextMetrics对象，该对象具有包含文本宽度的宽度属性function getWidthOfText(txt, fontname, fontsize){if(getWidthOfText.c === undefined){getWidthOfText.c=document.createElement(‘can...

2019-07-20 00:43:21 595

原创节点之间的空白符，在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 225

原创 DOM 节点的三个重要属性

#节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性：nodeName : 节点的名称nodeValue ：节点的值nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。元素节点的 nodeName 与标签名相同属性节点的 nodeName 是属性的名称文本节点的 nodeName 永远是 #t...

2019-07-19 23:55:22 838

1、原理：找出那些不再继续使用的变量，然后释放其占用的内存，垃圾收集器会按照固定的时间间隔，或是在代码执行中预订的收集时间，去周期性的执行这个操作，完成垃圾的清理。2 、局部变量的生命周期在函数执行的过程中，才存在有局部变量，在这个过程中，浏览器引擎会为局部变量在栈或是堆内存上分配相应的空间，以便存储这些值。在函数执行结束后，局部变量就没有存在的必要了，因此可以释放它们所占用的内存以供将来使...

2019-07-07 23:50:18 152

原创 Ajax简单了解

一、Ajax介绍：1、AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。2、AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。3、AJAX 是一种用于创建快速动态网页的技术。4、通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以...

2019-05-10 22:01:42 82

原创 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 227

原创 Web UI 设计命名规范

很早之前本地收录的一篇文章，找不到出处了，如有侵权，请原作者告知。一.网站设计及基本框架结构:Container“container“ 就是将页面中的所有元素包在一起的部分，这部分还可以命名为: “wrapper“, “wrap“, “page“.Header“header” 是网站页面的头部区域，一般来讲，它包含网站的logo和一些其他元素。这部分还可以命名为:“page-he...

2019-04-19 20:44:57 1148

原创 Sublime text3 快捷键

打开/前往⌘T前往文件⌘⌃P前往项目⌘R前往 method⌘⇧P命令提示⌃G前往行⌘KB开关侧栏⌃ `python 控制台⌘⇧N新建窗口编辑⌘L选择行 (重复按下将下一行加入选择)⌘D选择词 (重复按下时多重选择相同的词进行多重编辑)⌃⇧M选择括号内的内容⌘⇧↩在当前行前插入新行⌘↩在当前行后插入新行⌃⇧K删除行⌘KK从光标处删除至行尾...

2019-04-19 20:33:19 203

Tien的博客