HTML5
文章平均质量分 68
yibin94
这个作者很懒,什么都没留下…
展开
-
jQuery中$(function(){})与(function($){})(jQuery)、$(document).ready(function(){})等的区别详细讲解
1、(function($) {…})(jQuery);1)、原理:这实际上是匿名函数,如下:function(arg){…}这就定义了一个匿名函数,参数为arg而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即:(function(arg){…})(param)这就相当于定义了一个参数为arg的匿名函数,并且将pa转载 2016-09-16 09:41:59 · 974 阅读 · 0 评论 -
JSON (JavaScript Object Notation) 简述及读取
JSON 语法规则JSON 语法是 JavaScript 对象表示语法的子集。数据在键值对中数据由逗号分隔花括号保存对象方括号保存数组JSON 名称/值对JSON 数据的书写格式是:名称/值对。名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开:原创 2017-01-07 17:15:06 · 2703 阅读 · 0 评论 -
CSS 简记
CSS:层叠样式表(内部样式会覆盖父级样式)一、应用 CSS 的3种方式:1:行内样式表2:内部样式表3:外部样式表eg:1: css2: css .div1{ color:red; font-size:50px; } 3: css www.css do原创 2017-01-07 17:39:38 · 461 阅读 · 0 评论 -
JavaScript 基础视频笔记
第1章 JavaScript基础知识和实战案例1.将 CSS 引入到页面的几种方式:1:行内样式;2:内嵌式(将CSS样式写在style标签块里面,放在head里面);3:外链式(只是将内嵌式中的CSS样式放在外面一个单独的样式文件里);4:导入式 @import "index.css";2.将js引入到页面中的几种方式1:行内引入(不推荐)2:内嵌式:将js代码写在script原创 2017-01-07 17:43:39 · 621 阅读 · 0 评论 -
理解CSS3 transform中的Matrix(矩阵)
一、哥,我被你吓住了打架的时候会被块头大的吓住,学习的时候会被奇怪名字吓住(如“拉普拉斯不等式”)。这与情感化设计本质一致:界面设计好会让人觉得这个软件好用!所以,当看到上面“Matrix(矩阵)”的时候,难免会心生畏惧(即使你已经学过),正常心理。实际上,这玩意确实有点复杂。然而,这却是屌丝逆袭的一个好机会。CSS同行间:你是不是有这样的感觉:哎呀呀,每天就是转载 2017-01-07 20:22:30 · 467 阅读 · 0 评论 -
css3-transform-matrix 即矩阵实现物体旋转、缩放、移动效果
我想做个模拟地毯展开的动画效果,其侧面的圆卷要由大随着地毯展开而逐渐变小,并在此过程中需要滚动(旋转);一开始在网上搜了旋转的代码,很简单的一个方法是利用 jQuery 的插件 jQueryRotate.2.2.js(其中一个版本),然后直接在 js 调用其中已经封装好的 Rotate(deg) 即可实现物体旋转的效果,结果当我为该物体加上 jQuery 的 animation 动画让其产生位置的原创 2017-01-07 20:15:46 · 3705 阅读 · 0 评论 -
CSS 控制单行文本和多行文本的显示区域不够存放时使用省略号...来替代的做法
1、单行文本控制超出存放区域时使用 "..." 代替的 css 控制如下: .singleLine{ width:120px; background:#0ff; overflow:hidden;/*多余文字隐藏*/ white-space:nowrap;/*不换行*/ text-overflow:ellipsis;/*多原创 2017-07-10 17:13:35 · 671 阅读 · 0 评论 -
JS中判断null、undefined与NaN的方法
原文链接:点击打开链接1.判断undefined:var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); }说明:typeof 返回的是字符串,有六种可能:"number"、"string"、"boolean"、"object"、"function"、"undefined"转载 2017-09-05 10:30:51 · 511 阅读 · 0 评论 -
利用 Javascript 实现上传图片并向服务器获取图片路径后显示的 demo
由于某些特殊原因,有时需要从服务端请求到图片路径,需要给该接口传递对应图片的base64 dataURL,并且有时需要将其上传图片的类型统一为 jpeg 格式时,可采用以下方式。HTM L代码如下: 请选择上传图片: JS 代码如下: var image = ''; var canvas; var原创 2017-10-21 23:48:26 · 25423 阅读 · 0 评论 -
jquery获取自身元素的html
在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然而我们有时候的确需要,可以通过jQuery.prop("outerHTML")的方式设置。很多jQuery的使用者都对这一问题深感疑惑。为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢?因为原生JS DOM里有一个内置转载 2017-11-11 22:35:09 · 13575 阅读 · 0 评论 -
JS 循环绑定多个元素的点击事件时出现的闭包问题与解决方案
昨天在循环绑定多个a标签的点击事件时出现了不少问题,首先是 js 的典型闭包问题,这个还好以前也遇到过,于是很快解决了,但是在为多个a标签绑定点击事件成功之后,本来以为就大功告成了,结果居然是在页面加载时就自动全部a标签的点击事件自动触发了,很纳闷!!!至今还是没搞明白。测试后发现貌似是使用了闭包时才会导致此问题的发生,以下是自己写的一段建议的测试代码(仅为了说明问题而已,所以较为简陋!):原创 2017-11-27 21:32:05 · 1771 阅读 · 0 评论 -
XML(Extensible Markup Language 可扩展的标记语言)简述及读取
1)可拓展性标志语言2)XML用于描述数据3)XML用途广泛(传递数据的桥梁,无论哪种编程语言)eg: //根节点 1002 张靓 20 1001 周杰 22 特点:1)描述的内容一目了然;原创 2017-01-07 16:59:52 · 1180 阅读 · 0 评论 -
JavaScript 绑定事件时的闭包问题
在写网页的时候,我们经常需要为一组DOM元素绑定同一事件,比如页面上有3个div,我们给他们绑定一个click事件来alert数组letters中和他们序号对应的字母: function bindEvent(){ var letters = ['A','B','C']; var elems = document.getElementsBy原创 2017-01-07 16:25:18 · 1120 阅读 · 0 评论 -
js 生成随机颜色
方法一:var getRandomColor = function(){ return '#' + (function(color){ return (color += '0123456789abcdef'[Math.floor(Math.random()*16)]) && (color.length == 6) ? color : arg转载 2016-09-16 09:58:39 · 3917 阅读 · 0 评论 -
html form表单提交后不刷新不跳转的实现方法------
html> body> form action="" method="post" target="nm_iframe"> input type="text" id="id_input_text" name="nm_input_text" /> input type="submit" id="id_submit"转载 2016-11-05 16:27:06 · 3913 阅读 · 0 评论 -
mysql:查询排名
sql语句查询排名思路:有点类似循环里面的自增一样,设置一个变量并赋予初始值,循环一次自增加1,从而实现排序; mysql里则是需要先将数据查询出来并先行按照需要排序的字段做好降序desc,或则升序asc,设置好排序的变量(初始值为0): a>.将已经排序好的数据从第一条依次取出来,取一条就自增加一,实现从1到最后的一个排名 b>.当出现相同的数据时转载 2016-11-05 16:28:30 · 1915 阅读 · 0 评论 -
如何锁定 input 内容不可修改
如何锁定input内容不可修改呢?锁定value不可修改的方法可以用disabled属性..这个是input控件的基本属性input type="text"disabled name="score" value="分数"/>最好是 disabled="disabled"如果你要获取这里的内容,但又不想被编辑,最好使用readonly,因为使用di原创 2016-10-19 00:48:25 · 16565 阅读 · 2 评论 -
【CSS】CSS选择器优先级及!important属性
CSS的选择器是有权重的,当不同选择器的样式设置有冲突时,会采用权重高的选择器设置样式。权重(即优先级)的规则如下,权重越高,优先级越高: 同一个元素可以使用多个规则来指定它的同一样式(比如字体颜色),每个规则都有自己的选择器。显然最终只有一个规则起作用(不可能一个字既是红色又是绿色),那么该规则的特殊性最高,特殊性即css优先级。很多人仅仅知道选择器优先级:ID>class>元素选择器转载 2016-10-08 10:31:11 · 1152 阅读 · 0 评论 -
Javascript 进阶 作用域 作用域链
1、JavaScript没有代码块作用域的概念,局部作用域是针对函数来说的。[javascript] view plain copy function fun() { for( var i = 0 ; i {} //如果在Java中i此时应当属于未声明的变量,但是Js中i的作用域依然存在转载 2016-12-12 21:17:05 · 349 阅读 · 0 评论 -
Javascript 如何获取 Css 中的样式
obj.style.height只能获取行间样式,但是我们要怎么获取写在css文件中的样式呢?首先我们要用一个新的方法currentStyle.这个方法由current和style两个单词组成意思是:目前的样式.也就是加载css文件后取出来的样式.currentStyle的用法是:元素.currentStyle.属性名转载 2016-12-07 15:56:53 · 400 阅读 · 0 评论 -
为什么我获取不到这个css样式?js原生获取css样式总结
需求简单就是获取一个css的height(好吧 就是一个这么简单的需求)实践好吧 长时间的JQ 我已经对原生无能了 让我默哀3秒!!!document.querySelector('.className').style.height;这个果然不生效 好吧 看来我真的倒退不少!让我再哭一会!!(哭你妹 快去总结)在学习中发现 其实js原生获取css转载 2016-12-08 16:11:20 · 1128 阅读 · 0 评论 -
offsetLeft与style.left的区别
offsetLeft 获取的是相对于父对象的左边距left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于:1. st原创 2016-12-15 09:57:01 · 498 阅读 · 0 评论 -
在页面加载后在设置embed 的src 怎么实现?
embed 和 object 因为数据(video, audio, flash, activex)的特殊性,跟一般DOM处理上有所不同,在载入后浏览器会拒绝改变它们的 src 属性。解决这个问题的简单方法是插入整个 embed 元素。 如果是要改变已经在播放的 embed 的话,那得删除掉原来的一个再重新插入完整的 embed 了。div id="box">box>var box转载 2016-12-20 01:25:34 · 1594 阅读 · 0 评论 -
JS 的几个简单正则匹配例子和 mysql 的一个正则匹配例子
整理一下之前使用的 js 几个正则匹配:1、验证 e-mail 格式是否正确: var temp = document.getElementById("emailText"); //对电子邮件的验证 var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]原创 2017-12-29 17:25:46 · 917 阅读 · 0 评论