- 博客(32)
- 收藏
- 关注
RSS订阅转载 CSS抗锯齿 font-smoothing 属性介绍
CSS3里面加入了一个“-webkit-font-smoothing”属性。这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。加上之后就顿时感觉页面小清晰了。 淘宝也在用哦！它有三个属性： none ------ 对低像素的文本比较好 subpixel-antialiased ---...
2018-06-21 20:02:30
1469
转载 filter的alpha透明度与opacity透明度 ------------------转自 ssisse的博客
相同点：都是值为0表示完全透明，值为1表示完全不透明不同点：alpha可以应用于元素特定的属性（比如背景、边框、文字），且alpha只作用于这个属性，该属性的任何子元素都不会继承这个透明度。而opacity会作用于某元素及该元素下的所有属性，该元素下的所有子元素会继承这个透明度。...
2018-06-18 17:26:31
279
转载 CSS3图片倒影技术实现及原理
目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些，实际上还有很多CSS新属性并未包含进CSS3官方标准中，像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属性就是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。...
2018-06-16 17:22:31
705
转载 ::before 和 ::after-------------------------------------转自 钉子の次元
你所不知的 CSS ::before 和 ::after 伪元素用法CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了...
2018-06-16 12:07:01
176
转载 CSS三种写法的优先级
CSS三种写法的优先级在HTML文件中引入CSS样式有三种方法：外部样式：通过link标签引入CSS样式；内页样式：写在HTML页面里面的style标签里面；行内样式：写在对应标签的style属性里面。我知道一般情况下使用外部样式，减少代码冗余，同时便于后期维护。但如果同时用三种方式引入相同的CSS样式，谁的优先级更高呢？就做了个小测试：<!DOCTYPE html><html...
2018-05-17 20:40:00
777
转载 摘要: 分析DOM事件响应的三个阶段
如果要把HTML元素的事件与某个函数绑定起来，可以有下面三种方法，以最常见的“点击”事件为例。方法一：直接在对应的HTML元素标签上绑定函数<button id='submit' onclick='onClickFn()'>Click Me!</button>方法二：在JavaScript代码里面指定元素的“onclick”方法var btn = document.getE...
2018-05-14 16:27:16
460
原创 文档对象模型2
//复制节点 obj.cloneNode(deep); 参数说明： deep:改参数是一个Boolean值，表示是否为深度复制，深度复制是将当前节点的所有子节点全部复制， 当值为true时，表示深度复制；当值为false时，表示简单复制，简单复制，只复制当前节点，不复制其子节点。//复制下拉菜单 <form> <hr> <select name="s...
2018-05-12 10:23:18
156
原创 文档对象模型1
DOM文档对象模型Document(文档)创建一个网页并将该网页添加到WEB中，DOM就会根据这个网页创建一个文档对象。如果没有Document（文档）,DOM也就无从谈起。Object(对象)对象是一种独立的数据集合。例如文档对象，就是文档中元素与内容的数据集合。与某个特定对象相关联的变量被称为这个对象的属性，也可以通过某个特定的对象去调用的函数被称为这个对象的方法Model(模型)在DOM中，...
2018-05-12 09:54:11
900
转载 Uncaught RangeError: Maximum call stack size exceeded解决思路
今天突然碰到这样的JavaScript错误：Uncaught RangeError: Maximum call stack size exceeded这个翻译过来就是堆栈溢出了。1、原因：有小类到大类的递归查询导致溢出2、解决方法思想：A、在做递归查询时候由大类到小类去查询B、匹配结果后及时return 退出，防止过多查询...
2018-05-09 21:20:01
1086
转载 Sublime使用详细总结
<article> <div id="article_content" class="article_content csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post"> <link rel=&
2018-05-09 15:51:40
992
转载 学会sessionStorage用法
前言： 因最近移动端开发过程中遇到一个运营提出的所谓技术难点需求，对于原生APP来说轻而易举，毕竟自己的APP用户操作指哪打哪，但是H5该怎么做?H5就实现不了么？对于一个爱研究攻克这些前端棘手问题的我来说，我没尝试过，我是拒绝对提出需求者说实现不了，做不到之类的。 是什么需求呢？--需求方要求用户在一个列表页浏览时，点击一个列表进入详情页，返回要求记录用户刚刚浏览的位置，而不是重新刷新页面...
2018-05-07 21:57:02
254
转载 Web Sql Database 转自----------------------再见孙悟空
前言在上一篇前端存储之indexedDB中说到，我们项目组要搞一个前后端分离的项目，要求在前端实现存储，我们首先找到了indexedDB，而我们研究了一段时间的indexedDB后，发现它并不是很适合我们的项目，原因文章后面会讲到，所以我们就继续找，于是我们就找到了Web Sql Database，发现这个前端数据库是比较适合我们的项目的，于是果断转投Web Sql Database的怀抱，找存储...
2018-05-06 19:42:52
125
原创 表单3
单选按钮和复选框属性及说明属性 说明 id 返回或设置单选按钮或复选框的id属性值 name 返回单选按钮或复选框的名称 type 返回单选按钮或复选框的类型 value 返回或设置按钮或复选框的值 length 返回一组单选按钮或复选框中包含元素的个数 checked 返回或设置一个单选按钮或复选框是否处于被选中状态，改属性为true时，单选按钮或复选框处于被选中状态，该属性值为f...
2018-05-06 13:04:26
305
原创 表单2
按钮的属性属性 说明 id 返回或设置按钮的id属性值 name 返回按钮的名称 type 返回按钮的类型 value 返回或设置按钮中的文本，即按钮的值 disabled 返回或设置按钮是否被禁用，改属性为true时禁用，false时启用 按钮的方法方法 说明 blur() 该方法用于将焦点从按钮中移开 focus() 该方法用于将焦点赋给按钮 click() 该方法可以模拟...
2018-05-06 11:56:52
124
原创 表单
访问表单：（1）document.forms[0]（2）document.myform（3）document.getElementById("form1")访问表单元素：（1）document.form1.elements[0]（2）document.form1.text1（3）document.getElementById("elementID");表单对象的常用属性属性 说明 name 返...
2018-05-06 11:38:15
150
原创 文档对象(2)
<!--（1）获取并设置URL 语法：[url=]document.URL=[setUrl] 参数说明： url：可选项，字符串表达式，用来存储当前文档的URL。 setUrl：可选项，字符串变量，用来设置当前文档的URL。 -->显示当前页面的URL <script> document.write("当前页面的URL:"+document.URL);获取文...
2018-05-02 21:26:02
183
原创 文档对象（1）
文档对象的常用属性 Document对象的常用属性及说明 alinkColor 链接文字被单击时的颜色，对应<body>标记中的alink属性 all[] 存储HTML标记的一个数组（该属性本身也是一个对象） bgColor 文档的背景颜色，对应<body>标记中的bgcolor属性 fgColor 文档的文本颜色（...
2018-05-02 20:45:40
457
原创 键盘事件
1.字母和数字键的键码值(keyCode)按键键码A65B66C67D68E69F70G71H72I73J74K75L76M77N78O79P80Q81R82S83T84U85V86W87X88Y89Z900481492503514525536547558569572.数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)按键键码0961972983994100510161027...
2018-05-02 15:12:10
192
原创 onclick、onmousedown、onmouseup和onmousover、onmouseout、onmousemove
单击事件必须在对象上松开鼠标后，才会执行单击事件的处理程序。 <!--（1）模拟电话拨号功能--> <input type="text" id="num"/><input type="button" value="拨打号码" onclick="phone()" /> <!--（2）商品结算-->
2018-05-02 14:44:52
838
原创 onchange()、onsubmit()和onreset()
onchange()失去焦点内容改变事件代码如下： <form name="change"> <input type="text" name="wenzi" value="零基础学JavaScript"> <select name="menu" onchange="changecolor()">
2018-04-30 10:55:29
994
原创 onfocus和onblur
一般情况下，这两个事件是同时使用的。改变文本框的背景颜色------------------------------------------------------------------------------------------------------------------------------ <table style="width: 300;height: 160;"&g...
2018-04-30 10:32:59
1219
1
原创 javascript的常用事件
事件 说明 鼠标键盘事件 onclick 鼠标单击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事件 onmouseup 鼠标按下后松开鼠标时触发事件 onmouseover 当鼠标移动到某对象范围的上方时触发此事件 onmousemove 鼠标移动时触发此事件 onmouseout 当鼠标离开某对象范围...
2018-04-30 10:04:13
1377
转载 JavaScript事件处理的方式(三种)
一、什么是JavaScript事件？事件(Event)是JavaScript应用跳动的心脏，也是把所有东西粘在一起的胶水，当我们与浏览器中Web页面进行某些类型的交互时，事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键，事件还可能是Web浏览器中发生的事情，比如说某个Web页面加载完成，或者是用户滚动窗口或改变窗口大小。说白了，事件是文档或浏览器中发生的特...
2018-04-29 14:30:18
637
转载 document.getElementByclassName（）方法
document.getElementByclassName（）方法;使用指定的calss属性值返回相关元素的集合(节点列表)使用getElementByclassName（）方法，使用指定的calss属性值(名称)返回当前文档中所有相关元素的集合(节点列表对象)。节点列表对象代表了收集到的所有相关节点，可以使用序列号(index)访问节点列表，index的值从0开始。注：使用节点列表对象的len...
2018-04-29 14:23:28
234833
14
原创 js对象
对象是javascript中的数据类型之一，是一种复合的数据类型，它将多种数据类型集中在一个数据单元中，并通过对象来存取这些数据的值。对象实际上就是一些变量和函数的集合。（1）对象的属性对象内部的变量称为对象的属性，它是用来描述对象特性的一组数据。在程序中使用对象的一个属性类似于使用一个工具，就是在属性名前加上对象名和一个句点“."格式：对象名.属性名（2）对象的方法格式：对象民.方法（参数）方法...
2018-04-22 21:09:17
524
原创 字符串处理函数
(1)eval(string)该函数的功能是计算字符串表达式的值，并执行其中的javascript代码。document.write(eval("3+6"));document.write("<br>");eval("x=5;y=6;document.write(x*y)");------------------------------------------运行结果930------...
2018-04-22 14:57:26
326
原创 js函数（2）
局部变量只作用于函数体内，而在函数体内没进行var的变量为全局变量，不过这个全局变量只有在函数被调用后才能在函数外面调用。如下：function send(){a="我是全局变量"；//没有var 声明的全局变量只有在函数被调用后才能在函数外面被调用}send();document.write(a); ...
2018-04-22 14:12:11
86
原创 js函数（1）
javascript中允许函数的嵌套定义，但它会使程序的可读性降低，因此，需要尽量避免使用这种定义嵌套函数的方式。函数的嵌套调用：函数带返回值的情况下可以赋值变量；函数有直接输出的函数体时不可以赋值变量（因为赋值时，函数会直接输出，造成函数提前调用，变量赋值无效）如下代码所示：//应用函数的嵌套实现判断制定年份和月份对应天数的功能，将年份和月份作为函数的参数进行传递function day(yea...
2018-04-20 23:07:38
307
转载 JS中的单引号和双引号 ------------转自ranyonsue
JS中的单引号和双引号JS里面的单引号和双引号可以同时使用，但是要遵循一定的准则。最外面用了双引号了，那么里面就不能再用双引号了，因为引号是成双对的，浏览器读到一个双引号后，到第2个双引号时才算结束；同理，浏览器读到一个单引号后，必须要读到第二个单引号才算结束， 不管是单引号还是双引号，里面都可以套相反的引号,但是不可以双引号里面套单引号，这个单引号再套双引号，这是不行的。 如果在引号里面使用相同...
2018-04-17 21:32:44
108
原创 js入门级别案例 --------滚动的菜单
第一次写博客分享，全作自己的学习笔记，如有错误和问题欢迎提出仅适用于新手练习<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>滚动的菜单</title> <script> link = new Array(9);
2018-04-17 21:17:02
517
转载 window.event对象详细介绍 -----转自struggle_beiJing
1、event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 2、属性：altKey, button, cancelBubble, clientX, clie...
2018-04-17 17:30:12
94
翻译 《青春》
《青春》 文/塞缪尔·厄尔曼 青春不是年华，而是心境；青春不是桃面、丹唇、柔膝，而是深沉的意志，恢宏的想 象，炙热的恋情；青春是生命的深泉在涌流。 青春气贯长虹，勇锐盖过怯弱，进取压倒苟安。如此锐气，二十后生而有之，六旬男子 则更多见。年岁有加，并非垂老，理想丢弃，方堕暮年。 岁月悠悠，衰微只及肌肤；热忱抛却，颓废必致灵魂。忧烦，惶恐，丧失自信，定使心 灵扭曲，意气如灰。 无论年届花甲，拟或二八芳...
2018-04-17 13:15:59
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人