06 2015 档案
摘要:一、利用 position 和负边距利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:代码如下:/* 代码实现:* 设定宽度和高度,父节点为 position:relative; CSS是这样写的:*/.selector { ...
阅读全文
摘要:buffer:js在后台操作的必须用到二进制,buffer类就是用于帮助我们处理这种情况创建buffer对象:new Buffer(size):创建buff对象,有length属性buf.fill(value,[offset],[end]):初始化缓存区的内容new Buffer(array):使用...
阅读全文
摘要:npm search:在官方仓库中搜索包https://registry.npmjs.orgnpm view:查看官方仓库中的包npm install:在当前目录下安装指定包npm install -g: 在全局下安装指定包npm root -g:查看全局安装路径npmconfig set pref...
阅读全文
摘要:name:包名,唯一,由小写字符、数字和下划线组成,不能有空格preferglobal:是否支持全局安装,true表示支持descrition:描述version:版本号author:作者信息数组maintainers:维护者数组bugs:bug提交地址licenses:许可证数组repositor...
阅读全文
摘要:模块和包:定义模块的方法跟sea.js类似,暴露一个接口也是使用exports.调用一个接口就是使用require注意:在引入模块的时候如果是同级目录需要加./,否则会报错除了可以使用exports意外,跟sea.js一样也可以使用module暴露对象module.exports=obj;模块属性:...
阅读全文
摘要:Event代表事件名,listener代表事件处理函数,括号内的参数代表可选参数:addListener(event,listener):对指定事件绑定事件处理函数on(同上):addListener的别名once(同上):对指定事件只执行一次的事件处理函数removeListener(同上):对指...
阅读全文
摘要:repl 介绍:可交互式运行环境使用:1.输入node进入交互环境在repl中_代表的是上一次返回的结果可以定制repl环境上下文是this在node中直接执行的函数this指向的不是window,是global。var repl=require('repl');var server=repl.s...
阅读全文
摘要:介绍:为什么使用Node1.解决了高并发连接时的内存占用和资源共享问题传统后台语言是多线程的,比如:每个用户占2m的内存,8G内存可以承载4000人,node是单线程,触发一个事件,可以容纳几万人的同时在线2.v8虚拟机引擎执行效率非常高3.非阻塞io,事件环4.模块化开发前后台统一语言全栈开发统一...
阅读全文
摘要:混合特性类似于编程语言中的继承。设计好一个样式类,然后再其他样式中直接混合这个样式类,实现样式的继承重用。就像函数一样调用,并且可以传递参数,功能非常强大,实用。less代码:生成的css代码:
阅读全文
摘要:说在前面的话,为什么用less:1.需要编写的代码明显变少了2.css管理更加容易3.less学习成本低4.使用less实现配色变得非常容易5.兼容css3,实现各个浏览器中css的兼容写法6.与css能够很好滴融合使用总结:它很实用,面试需要,工作需要1.使用less必须运行在服务器环境下,否则会...
阅读全文
摘要:工具的选择:mac-codekitsimpless->跨平台winless-windowsless.js下载:http://pan.baidu.com/s/1o60yTZ0安装Less自动编译器插件:1.首先将lessc放到插件目录下,目录文件下载:http://pan.baidu.com/s/1o...
阅读全文
摘要:WebStorm是一个非常棒的Web前端开发编辑器,被程序猿们成为“最智能的JavaScript IDE”。对HTML5、Bootstrap框架、Node.js等都有完美支持。目前最新版本为WebStorm 8.0.x。下面就介绍一下如何在WebStorm 8.0安装LESS编译环境。1、首先安装W...
阅读全文
摘要:http://developer.baidu.com/map/必须先得申请密钥地图级别:3~18;级别越高越详细var point =new BMap.Point(116.404,39.915);是地图的中心点一、大众版组件齐全但代码多,主要面对PC端,移动端耗流量使用步骤:发布 ——> 工具支持 ...
阅读全文
摘要:使用谷歌的,与百度有偏差,一般不推荐使用一、window.navigator.geolocation验证浏览器是否支持if (window.navigator.geolocation) {alert("支持地理定位");}else{alert("不支持");}二、getCurrentPosition...
阅读全文
摘要:闭包:能够保存局部变量,意义就是将与该变量在内存中永久保存一、闭包作用防止域名冲突二、(function(参数){})(传参)闭包的参数是由后面传上去的闭包另一种写法:如果还是不明白,再看下面的例子就明白了:第一次调用fn()时 n 的值为5,第二次调用fn()时 n 的值为6
阅读全文
摘要:一、定义类格式:class classname [extends parent class] {var property = value; //属性function functionname ( args ){ //方法 //代码 }}二、创建对象创建对象使用 ne...
阅读全文
摘要:一、什么是SessionSession从用户访问页面开始,到断开与网站连接为止,形成一个会话的生命周期。在会话期间,分配客户唯一的一个SessionID,用来标识当前用户,与其他用户进行区分。Session会话时,SessionID会分别保存在客户端和服务器端两个位置,对于客户端使用临时的Cooki...
阅读全文
摘要:一、会话控制为了使得网站可以跟踪客户端与服务器之间的交互,保存和记忆每个用户的身份和信息,我们需要一种强有力的解决方案,这样就产生了会话控制。HTTP是一个无状态的协议,此协议无法来维护两个事务之间的联系。当一个用户请求一个页面后再请求另外一个页面时,HTTP无法告诉我们这两个请求是来自同一个人。会...
阅读全文
摘要:SQL表连接查询(inner join、full join、left join、right join)表的数据有:一、内连接-inner jion :最常见的连接查询可能是这样,查出学生的名字和成绩:select s.name,m.mark from student s,mark m where s...
阅读全文
摘要:MySQL中的数据类型MySQL支持多种数据类型,数值类型、日期/时间类型和字符串(字符)类型不区分大小写。下面将详细讲解各种数据类型。1. 数据类型描述惯例几种数据类型描述使用了下述惯例,详细内容如表2-9所示。表2-9 数据类型描述管理解释标识符名称含义M表示最大显示宽度。最大有效显示宽度是25...
阅读全文
摘要:mysql_fetch_row()以索引数组形式获取数据,mysqli_fetch_row() 函数从结果集中取得一行,并作为枚举数组返回。返回值:返回一个与所取得行相对应的字符串数组。如果在结果集中没有更多的行则返回 NULL。mysql_fetch_array()以混合数组形式获取数据,函数从结...
阅读全文
摘要:一、连接查询(关联查询) —— 通过连接运算符可以实现多个表查询。SELECT empe_name, dept_name FROM empe, deptWHEREempe.dept_id = dept.id;SELECT empe_name, dept_name FROM empeLEFTJOINd...
阅读全文
摘要:一、Windows 环境 启动mysql开始 -> 运行 -> cmd > mysql –u root –p-u name 或 –user=name 用来指定使用MySQL的用户名;-p 作用是让mysql在启动时提示人们输入密码;常用的命令:status (\s) 查看数据状态信息clear (\...
阅读全文
摘要:数据库管理工具:navicat for mysqlmysqldump备份工具,在mysql->bin里第一范式:数据表中的字段都是单一属性的,不可再分的第二范式:只要数据列里的内容出现重复,就意味着应该把数据表拆分为多个子表; 拆分出来的数据表必须用外键关联起来;第三范式:与主键没有直接关系的数据列...
阅读全文
摘要:所有要传递到后台的input内容,除submit外都要加name属性,而且需要与后台对应GET 和POST区别:get以明文在链接中显示,传递速度快,只能传输文本,数据大小有限post通过协议传输,能传输更多数据,可以传输文件用$_GET,$_POST或$_REQUEST获取表单提交数据;表单变量传...
阅读全文
摘要:会话控制的目的:为了使网站可以跟踪客户端与服务器之间的交互,保存和记忆每个用户的身份和信息会话跟踪技术:1.隐藏表单域2.URL重写3.Cookie4.SessionCookie:1.cookie是在http协议下,服务器或脚本可以维护客户端信息的一种方式。2.用于保存用户信息3.用户访问服务器时,...
阅读全文
摘要:require方法接受以下几种参数的传递:-http、fs、path等,原生模块。-./mod或../mod,相对路径的文件模块。-/pathtomodule/mod,绝对路径的文件模块。-mod,非原生模块的文件模块。创建服务器http服务器也是调用的一个原生模块-http:var http = ...
阅读全文
摘要:ENGINE = INNODB CHARACTER SET utf8 COLLATE utf8_general_ci;例子:--用户表--DROP TABLE IF EXISTS `imooc_user`;CREATE TABLE `imooc_user`(`id` int unsigned aut...
阅读全文
摘要:今天了解了一些GD库的简单使用,现在稍微做一下总结!GD库是什么?,graphic device,图像工具库,gd库是php处理图形的扩展库,gd库提供了一系列用来处理图片的API,使用GD库可以处理图片,或者生成图片。 在网站上 GD库通常用来生成缩略图或者用来对图片加水印或者对网站数据生成报表。...
阅读全文
摘要:GetImageSize作用:取得图片的大小[即长与宽] 用法:array GetImageSize(string filename, array [imageinfo]);ImageArc作用:画弧线 用法:int ImageArc(int im, int cx, int cy, int w, i...
阅读全文
摘要:dirname(__FILE__)php中定义了一个很有用的常数,即__file__这个内定常数是当前php程序的就是完整路径(路径+文件名)。即使这个文件被其他文件引用(include或require),__file__始终是它所在文件的完整路径,而不是引用它的那个文件完整路径。请看下面例子:/h...
阅读全文
摘要:朋友们 开发的时候 ,总会 遇到 include_once()的情况。有时候,我们需要大量的引用文件,但是被引用文件的路径有时候是个问题。 我们可以把 经常要引用 的文件,放在一个 文件夹中,我们取名为include,这样 我们 就把 该文件夹 当做 默认的引用路径。我们可以 用 set_inclu...
阅读全文
摘要:首先要说的是,其实我对foreach循环的用法并不是很精通,说详解,其实也只是我自己的理解,希望对你能有点帮助 。先来看一下foreach的语法:foreach ($array as $key=>$value){……}为了便于理解,我们假定这里的$array是一个一维的相关数组,$key是数组的索引...
阅读全文
摘要:在写代码的时候,碰到了在函数和变量前家 @和$的的问题,于是就借这个机会,学习下php的传值和传引用这两种方式首先@ 运算符只对表达式有效。对新手来说一个简单的规则就是:如果能从某处得到值,就能在它前面加上 @ 运算符。例如,可以把它放在变量,函数和 include() 调用,常量,等等之前。不能把...
阅读全文
摘要:有些情况下,可能希望在函数体内对参数的修改在函数体外也能反映; 使用引用传递参数要在参数前加上&符号;例子:在加上&符的时候输出的是10,而没加&符的时候是5
阅读全文
摘要:有些特殊符号需要特殊记忆,希望对你的编程有帮助!方法/步骤1 $这个符号的意思是:变量2 &这个符号的意思是:变量的地址(加在变量前)3 @这个符号的意思是:不显示错误信息(加在变量前)4 ->这个符号的意思是:类的方法或者属性5 =>这个符号的意思是:数组的元素值6 ?:这个符...
阅读全文
摘要:在php中分为局部变量、全局变量和静态变量:局部变量就是在函数体内声明的变量,例子:输出的是5;如果要在函数体修改全局变量,可以是用GLOBALS,例子:输出的是10;另外可以使用global关键字:区别:超级全局变量相对global关键字的话,性能会高一些3.静态变量静态变量在函数退出后依然保留着...
阅读全文
摘要:递归函数,就是在函数体内调用自身例子:"; $number++; repayment($number);}}//递归函数,就是在函数体内调用自身,疑问:加exit()和不加exit有什么区别?repayment(1);?>例子2:function add($num){if ($num>1){ $nu...
阅读全文
摘要:1查找字符位置函数:strpos($str,search,[int]):查找search在$str中的第一次位置从int开始;stripos($str,search,[int]):函数返回字符串在另一个字符串中第一次出现的位置。该函数对大小写不敏感strrpos($str,search,[int])...
阅读全文
摘要:1、DOM 函数a、DOMDocument-<load()作用:加载xml文件用法:DOMDocument-<load( string filename )参数:filename,xml文件;返回:如果成功则返回 TRUE,失败则返回 FALSE。b、DOMDocument-<loadXML()作用...
阅读全文
摘要:一、js正则下的贪婪模式例子:用正则来寻找标签:若写 var re = /\/; 则会把所有的标签及其内容找到,因为js会认为越多越好若要只找一个则要:var re = /\/;二、PHP正则表达式函数preg_match( 正则,匹配字符串,存放的数组 ) ;进行正则表达式匹配preg_match...
阅读全文
摘要:一、接收数据表单提交的数据会自动封装为数组用$_GET, $_POST, 或$_REQUEST获得表单提交的数据;二、文件上传的相关配置1、表单设置:要进行文件的上传,需要对form表单进行特殊设置;设定表单数据的提交方式为POST设定enctype属性值为: multipart/form-data...
阅读全文
摘要:一、opendir() —— 打开目录opendir( 打开的当前目录 );二、closedir() —— 关闭目录三、readdir() —— 返回目录中的各个元素,返回上一个并且指向下一个。$dh = opendir(".");While($file = readdir($dh)){ ec...
阅读全文
摘要:一、打开和关闭文件fopen( 打开对象,打开模式);文件打开模式:模式可读?可写?文件指针截断?创建?r是否开始否否r+是是开始否否w否是开始是是w+是是开始是是a否是结尾否是a+是是结尾否是x否是开始否是x+是是开始否是文件指针: 指向文件的开头或者是末尾截断:如果文件已经存在,将文件指针指向文...
阅读全文
摘要:一、print 输入,其中变量有意义二、printf( ):与C语言的输出格式大致一样,格式化输出字符串。三、sprintf( ):与printf( )相同功能,但不会输出结果,只会返回值四、strpos( 被查找字符串对象,查找的字符串,开始查找位置(可选));strpos("Hello worl...
阅读全文
摘要:一、关联数组、索引数组关联数组:索引为字符串的数组$fruits = array("l"=>"emon", "o"=>"range", "b"=>"anana", "a"=>"pple");索引数组:索引值为整数,默认由0开始$arr = array('a','b', 'c', 'd');二、直接对...
阅读全文
摘要:Hypertext Preprocessor 超文本预处理器的缩写,PHP标记:1.2.34 //asp风格 需修改php.ini配置文件才可以使用5.$value){echo $key.':'.$value.'';}数组排序:sort()、rsort() //对数组进行升序和降序,如果数组为关联...
阅读全文
摘要:一、函数赋值问题 function add($num1,$num2=5){ echo $num1+$num2; } add(5,19);二、global 全局变量把变量加入到全局变量数组中调用时:$GLOBALS['全局变量名'];在函数中调用在全局中申请的全局变量,...
阅读全文
摘要:PHP:相当于客户端和MySQL之间的一堵墙Apache(阿帕奇):是web服务器软件localhost:相当于一个域名一、wampserverhttp.conf:用来配置Apachephp.ini:用来配置PHP语言my.ini:用来配置MySQL二、PHP基本语句格式:输出:echo输出系统时间...
阅读全文
摘要:手册:http://jquery.cuishifeng.cn/index.html原生对象——>jquery对象this——> $(this)jquery对象——>原生对象$(this)——> $(this).get(0)一、jQuery优势:轻量级强大的选择器出色的DOM操作可靠的事件处理机制完善...
阅读全文
摘要:JSONP:原理是script标签一、抓包二、不用每次都连接 localhost 的方法三、抓包后所需的参数su?:后面跟的是传递过去的参数。cb:是callback后面跟的是对返回的参数的处理。四、jsonp.js的使用方法function (){ jsonp( url 路径 , data ...
阅读全文
摘要:一、json(key->value)前面的 key 是数组索引,后面的 value 是数组的一个内容不管json中成员的位置如何,都不会产生影响json没有长度,但里面的value有长度json中可以存放数组成员,也可以存放数组。二、JSON 语法规则JSON 语法是 JavaScript 对象表示...
阅读全文
摘要:单向传输:服务器端——>客户端作用:传回的能每过3s重新刷新一遍。从而能过跟数据库同步,与ajax配合使用一、客户端写法必须的用message方法JSON.parse():用于从一个字符串中解析出json 对象;例如:var str='{"name":"cpf","age":"23"}'经 JSON...
阅读全文
摘要:一、调用参数:url类型:String默认值: 当前页地址。发送请求的地址。type类型:String默认值: "GET")。请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。data类型:...
阅读全文
摘要:单向传输:客户端——>服务器端一、使用AJAX实现异步加载HTML二、API前后台交互接口,通常为一个路径三、ajax创建步骤创建一个ajax对象(创建)var xhr=new XMLHttpRequest(); //现代浏览器var xhr=new ActiveXObject("Msxml2.XM...
阅读全文
摘要:插件安装多说为DedeCMS制作了插件,如果您的Dedecms进行过二次开发,并且页面已经不显示原生评论框,可以进行代码安装(请在页面内搜索"通用代码安装")。多说Dede插件只支持v5.6及以上的版本,5.5版本的dede系统请通过通用代码安装注意:0.1.x升级到0.2.x请先在dede模块管理...
阅读全文
摘要:可以使用:{dede:channelartlist}标签使用方法:{dede:channelartlist row='6'}{dede:field name='typename'/}{dede:arclist titlelen='42' row='10'} [field:title /] {...
阅读全文
摘要:一些功能可能dedecms没有,这个时候可以自己写一些函数:1.打开inlude->extend.func.php,将函数写到里面比如:前台:[field:id function="extent_test(@me)”/]@me表示id内容php页面中:function extent_test($ti...
阅读全文
摘要:1.需要引入2.加js里面请求路径根据需要进行更改3.设置需要分页的列表{dede:arclist tagid="dedecms" pagesize="2"}[field:arcurl/][field:writer/][field:pubdate function="GetDateTimeMK(@m...
阅读全文
摘要:dedecms的数据库操作类,非常实用,在二次开发中尤其重要,这个数据库操作类说明算是奉献给大家的小礼物了。引入common.inc.php文件1require_once(dirname(__FILE__) ."/include/common.inc.php");获取一条记录的内容12$row=$d...
阅读全文
摘要:{dede:global.cfg_cmsurl /} 首页链接一级导航:{dede:channel type=“top”}[field:typelink]:导航链接[field:typename]:导航名{/dede:channel}二级导航:{dede:channelartlist type=“t...
阅读全文
摘要:因DEDEV5起,加强了对SQL注入和安全的检查,导致无法查询一些正常的子查询的SQL。以下代码用来解决查询当前栏目及当前栏目下所有子栏目的文章总数,添加到/include/common.func.php或者/include/extend.func.php中,然后在模板中调用getTotalArcB...
阅读全文
摘要:搜索 搜索 标题,作者,缩略图,简略文字,文章链接,时间,视频地址(优酷),价格,关键字,详情
阅读全文
摘要:在详情页中调用字段使用{dede:field name='title’/}在列表页调用字段使用:{dede:list}我是标题:[field:title/],我的的url:[field:youku_url/]我的正文内容:[field:work_body/]{/dede:list}ps:如果是自定义...
阅读全文
摘要:GD支持:PHP设置-PHP扩展-php_gd2初始化数据体验包:点击下载;或者点击取消如果是本地安装在数据库的在数据库用户名选择默认的(root),密码为空主要是如果是基于远程服务器的话就需要在服务器的控制面板里的mySQL数据库里设置一下:以cPanel X为例:1.进入远程控制面板的MySQL...
阅读全文
摘要:获取日期:全局:{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}局部:[field:pubdate function="GetDateTimeMK(@me)"/]作者:{dede:field.writer/}来源:{dede:field...
阅读全文
摘要:login:dede-templets-login.htm系统主页:dede-templets-index2.htm主体内容在index_body.htm文件干掉:$(function(){ $.get("index_testenv.php",function(data) {if(data !== ...
阅读全文
摘要:dede_addonarticle-普通文字表dede_addonimages-图片集的表dede_addoninfos-分类信息表dede_addon开头的都是指的是内容模型系列dede_admin:管理员表dede_admintype:管理员类型表dede_advancedsearch 高级搜索...
阅读全文
摘要:生成-更新主页html将自定义字段在arclist调用:内容模型管理==>频道模型管理==>增加新字段==>列表处理:使字段可以在列表的底层模板中获得(自定义字段默认仅能在文档模板显示,启用此选项将使列表查询变慢,如无必要请不要选择) 勾选上{dede:arclist pagesize='20' c...
阅读全文
摘要:dedecms中的内容模型是指文章、软件、商品等类型的文章字段模板。在dedecms中,文章数据由文章主表和文章附加表构成,主表存放文章公共拥有的信息,比如标题,添加时间,点击量等,文章附加表存放文章的内容信息,比如普通文章,商品信息,软件信息等。1.在创建一个新栏目前首先在核心→频道模型→内容管理...
阅读全文
摘要:在详情页中调用字段使用{dede:field name='title’/}在列表页调用字段使用:{dede:list}我是标题:[field:title/],我的的url:[field:youku_url/]我的正文内容:[field:work_body/]{/dede:list}ps:如果是自定义...
阅读全文
摘要:arclist底层模板字段,可以调用的字段列表用DedeCMS做站,arclist是用得最多的标签,因为他是调用文章的基本标签,功能也非常强大,他的底层字段比较多,我们平时使用还没有用到一半,但因为我们并不知道所有的底层字段,本来是标签自带的东西,我会还在那里想怎么去调用想要的数据,所以了解全部的底...
阅读全文
摘要:一、before和after伪类before 在之前插入样式结果演示after 在之后插入样式结果是二、root伪类设置最底层的样式,可用于插入背景图片三、input:enabled{......} 设置所有已启用的input元素input:disabled{......} 设置并且禁止对应...
阅读全文
摘要:一、通用选择器E~F:任何在E元素之后的同级F元素E+F:在E元素后一个的同级F元素E>F:所有在E元素下一级中的F元素二、属性选择器E[style="xxx"] ,如 input[type=text]{background-color: blue;};只有在body中E包含style="xxx"...
阅读全文
摘要:一、过度(transition)transition:[transition-property] || [transition-duration] || [transition-timing-function] || [transition-delay];transition-property 参与...
阅读全文
摘要:1、width 宽2、height 高3、文本font-family 设置字体样式如:微软雅黑font-size 设置字体大小font-style:normal(常规字体) | italic(斜体) | oblique(倾斜) 字体的风格font-weight:normal(正常) | bold(加...
阅读全文
摘要:一、标准盒模型的大小:border+padding+content(width) 怪异盒模型大小:padding+border二、displayinline 默认,且变为行由内容撑开block 变为块元素,前后会自带有换行符none 不会显示元素(只是隐藏掉,但还在布局中)inline-bloc...
阅读全文
摘要:一、文本分栏栏的数量控制:-webkit-column-count:number;栏间距:-webkit-column-gap:长度单位;栏宽度:-webkit-column-width:长度单位;栏间隔间的线条:-webkit-column-rule:长度单位 线条样式 颜色;跨栏显示:-webk...
阅读全文
摘要:一、背景切割background-clip语法:background-clip:border-box | padding-box | content-box;border-box 超出border外的背景割掉padding-box 超出padding外的背景割掉content-box 超出c...
阅读全文
摘要:一、图像边框border-image语法:border-image:border-image-source(图片)|| border-image-slice(裁剪位置)|| border-image-repeat(重复性);例子:border-image:url(xxx.jpg) 33.3%(可以有...
阅读全文
摘要:一、定位:按标准看谁离得近来进行覆盖:什么都没有(最远)、浮动(远)、定位(近)二、positionabsolute 绝对定位,能堆叠在上一层下面,脱离文档流relative 相对定位,按照原来所在的位置进行定位,不脱离文档流static 该值为position的默认值fixed 可定位相对于浏览器...
阅读全文
摘要:一、三层嵌套css部分HTML部分演示结果三层嵌套时,最外层平铺,而inner_left和inner_right可以互换位置
阅读全文
摘要:一、 css的引入方式1.头部引入特点:优点:1.速度快,无服务器请求压力; 2.相对于外部引入单页代码量少。缺点:1.不易改版与维护; 2.代码较乱不易前后台沟通。2.标签内引入特点:1.优先级最高; 2.冗余代码多,代码量大; 3.不利于维护。3.外部引人然后特点:优点:1.一个css文件可以控...
阅读全文
摘要:touch事件原生一定要用addEventListener来绑定一、原生touchstart:触摸开始时触发touches:当前位于屏幕上所有手指的列表event.touches.length : 记录一瞬间触摸到的手指数event.touches[0].screenX : 记录第一根手指在屏幕的x...
阅读全文
摘要:一、offsetWidth / offsetHeight获取整个块的宽度/高度,包括border二、clientWidth / clientHeight获取块的宽度/高度,不包括border三、offsetLeft / offsetTop获取块的Left / Top坐标,没有Right和bottom...
阅读全文
摘要:大部分时间我们都是在面向过程的,都只不过是使用对象的人,现在学习面向对象是要成为写(改造)对象的人。一、何为对象对象:属性和方法的集合属性:其实就是变量(只不过有个归属)方法:其实就是函数(只不过有个归属)类:一组同样属性和方法的对象的集合二、声明对象:var obj=new Object();直接...
阅读全文
摘要:一、loading——(用来加载位于网页中的文件,而非本地的)例子: Document loading...... 0%DOMContentLoaded:相当于onload二、read——window.onload 比 HTML 部分加载速度快window.onload:html...
阅读全文
摘要:一、基础知识语法:直接量的语法: /pattern/attributes(/正则/正则属性)RegExp对象的语法: new RegExp(pattern, attributes);pattern里面为一个字符串,代表的就是正则attributes为可选字符串g:指定全局变量i:区分大小写的匹配m:...
阅读全文
摘要:一、在事件中加入参数可以触发window onload = function( ) { var e = e || window.event; console.log( e );}二、鼠标事件onclick 鼠标点击并放开后才触发onmouseover 鼠标移进去,触发onmouseout 鼠标移...
阅读全文
摘要:一、判断最大值和最小值,注:arr为数组最大值:Math.max.apply(null, arr);最小值:Math.min.apply(null, arr);二、BOM 打开新页面和关闭打开的页面、打开:window.open( );打开指定网站:window.open( '地址' , '打开方式...
阅读全文
摘要:一、DOM的核心是增加,移除和修改二、问题:若在css中定义了某个div的height,但是在javascript中用obj.style.height却无法获得任何值。obj.style.height只能获取定义在HTML标签中的style中的height。解决方法:使用currentStyle 和...
阅读全文
摘要:一、简单计算命令evalvar str="6*5";alert(eval(str));注意:不安全,一般都不会去用二、id&&nameid:只能唯一name:可以有多个,能用在数组三、申请一个全局变量var 申请,就算不赋值也得给个空值四、数组数组申明通常申明方式:var arr = new Arr...
阅读全文
摘要:一、JavaScript不同于Java有三部分组成核心(ECMAScript)文档对象模型(DOM)浏览器对象模型(BOM)二、var 是定义数据前加的前缀三、弹出alert( ) 弹出窗口,显示内容confirm( ) 显示一个带有指定消息(confirm中的内容)和 OK 及取消按钮的对话框pr...
阅读全文
摘要:一、innerHTML 是指标签之间的内容二、this 谁调用的this,this就是谁三、创建函数function 函数名 (此处科佳传入的参数){、、、}四、获取静态获取:document.getElementById(""); 获取ID动态获取:document.getElementsByTa...
阅读全文
摘要:一、系统时间对象Date方法描述Date()返回当日的日期和时间。getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth()从 Date 对象返回月份 (0 ~ 11)。getFullYear...
阅读全文
摘要:一、querySelector获取的选择器与jquery的选择器相同
阅读全文
摘要:支持性检测: typeof Worker !== 'undefined';支持度: IE9及以下版本不支持一、页面创建Worker对象:new Worker( url );参数:url 处理该Worker进程的JS文件路径页面向worker发送消息:postMessage(msg)参数:msg 向后...
阅读全文
摘要:一、HTML5 本地存储:大小最小5MB,可以向用户申请更大的空间不会随HTTP请求发送给服务器非常容易操作移动端普及高localStorage与sessionStorage两种二、支持性检测三、保存、获取、删除setItem(key , value),保存或设置数据。如果key已经存在,则覆盖ke...
阅读全文
摘要:一、支持性检测if(window.applicationCache){ //浏览器支持离线存储}else{ //浏览器不支持离线存储} 支持度:IE9及以下版本不支持二、manifest文件引入manifest文件:manifest文件格式(注释:#开头):CACHE MANIFE...
阅读全文
摘要:一、基本格式: 二、支持的格式:一般为mp3 和 mp4三、source标签用法作用:source标签可以链接不同的视频文件,浏览器将使用第一个可识别的格式,内容为source标签失效时的提醒 您的浏览器不支持video标签四、对应的属性controls 属性 在视频元素的底...
阅读全文
摘要:HTML5 中的新属性。属性值描述acceptmime_type规定通过文件上传来提交的文件的类型。alignleftrighttopmiddlebottom不赞成使用。规定图像输入的对齐方式。alttext定义图像输入的替代文本。autocompleteonoff规定是否使用输入字段的自动完成功能...
阅读全文
摘要:1 ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2 ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3 在各个浏览器下img有空隙(原因是:回车...
阅读全文
摘要:/*类内部hack:*/ .header {_width:100px;} /* IE6专用*/ .header {*+width:100px;} /* IE7专用*/ .header {*width:100px;} /* I...
阅读全文
摘要:一、兼容问题在ie6,不要让内容宽高超出我们设置的宽高,因为内容会撑开设置好的宽高在ie6下元素浮动,宽度需要内容撑开,就给里边的块元素都加浮动在ie6下元素要排成一行,一定要设置浮动在ie6下最小高度19px 。解决:overflow: hidden边框不要用dotted (点)在ie6下,li本...
阅读全文
浙公网安备 33010602011771号