插入”的搜索结果,共7713

DedeCMS5.7新建模型checkbox不能插入数据

DedeCMS5.7新建模型checkbox不能<em style='color:red;'>插入</em>数据

今天在好织梦小编使用DedeCms之梦系统进行建站的时候,使用新创建的自定义内容模型来添加文章的时候出现了错误,错误描述如下:系统返回错误:把数据保存到数据库附加表`bc_addonarticle17`时出错,请把相关信息提交给Dede

更新时间:2019-01-08类型:
查看详情人气:109
DEDE2007 文章页面插入广告

我是新手,还得需要大家多多照顾。高手不要见笑,和我一样的鸟儿一起交流。看见帖子上有很多人要找什么广告该怎么样插到文章页。打开templets\style\article.css文件。

更新时间:2019-01-08类型:
查看详情人气:112

更新时间:1970-01-01类型:
查看详情人气:

更新时间:1970-01-01类型:
查看详情人气:
免插件在wordpress中插入表格的办法

WordPress很强大,但是其编辑器却很简陋,可能WordPress依仗着自己有丰富的插件功能所以将后台的编辑器简化了吧。当然,一些简单的文字与图片输入对于WordPress编辑器来说是完全能够胜任的,但是如果要输入像表格这类稍

更新时间:2019-01-08类型:
查看详情人气:114
WordPress之给文章内容中间插入广告的实现办法

WordPress之给文章内容中间<em style='color:red;'>插入</em>广告的实现办法

不少朋友希望在文章内容的中间插入广告(个人认为这个对用户体验有点不太好),下面就来看看如何实现吧。使用InsertPostAds插件InsertPostAds是一个非常简单易用的插件,可以在文章和页面中的不同段落插入多个不

更新时间:2019-01-08类型:
查看详情人气:147
如何将一个数组中的元素插入另一个数组

本章节直接给出一段将一个数组中元素插入另一个数组中的代码实例,直接套用就可以了。代码如下:varfirst=[a,b,c];varsecond=[1,2,3];varindex=1;second.unshif

更新时间:2019-01-09类型:
查看详情人气:85
JS如何在元素中插入新的元素

本章节介绍一下如何在指定元素中插入一个新的元素,方法与多种,再来简单的介绍一下,希望能够给初学者带来一定的帮助。下面是要插入节点的元素:原来的内容我们要在b

更新时间:2019-01-09类型:
查看详情人气:85
js的插入排序算法详细介绍

排序方法有很多中,本章节通过代码实例和注释详细介绍一下插入排序算法。代码如下:functionInsertSort(arr){vartemp,j;for(varindex=1;indexarr.length;in

更新时间:2019-01-09类型:
查看详情人气:93
js在数组的指定索引位置插入一个新的元素

当前有一个数组,如果我们想要在其任意位置插入一个新的元素,下面就通过代码实例介绍一下如何实现此功能。代码实例如下:vararr=["antzone","softwhy.com","站长下载"];arr.splice(2,0,"青岛市南

更新时间:2019-01-09类型:
查看详情人气:65
js实现的在li元素列表的任意位置插入一个新的li元素

本章节分享一段代码实例,它实现了在li元素列表的任意位置插入一个新的li元素。代码如下:metaname="author

更新时间:2019-01-09类型:
查看详情人气:86
li列表的前面插入一个元素

本章节分享一段代码实例,它实现了在li元素列表的开头插入一个新li元素。代码实例如下:metaname="author"

更新时间:2019-01-09类型:
查看详情人气:90
JS在数组的指定位置插入多个元素

在实际应用中,可能需要在数组的指定位置插入多个指定元素。下面就通过代码实例介绍一下如何实现此功能。代码如下:vararr=["站长下载","softwhy.com","青岛市南区",2];arr.splice(2,0,"antz

更新时间:2019-01-09类型:
查看详情人气:50
JS元素循环插入效果代码实例

这样的效果不知道实际应用中是否多见,不过可以通过代码实例学习一下相关的操作。代码如下:metaname="author"c

更新时间:2019-01-09类型:
查看详情人气:77
双链表插入排序实例代码

本章节分享一段代码实例,它实现了双链表插入排序功能。需要的朋友可以做一下参考,在代码之后会有简单的介绍,代码实例如下:meta

更新时间:2019-01-09类型:
查看详情人气:100
JavaScript字符串指定位置插入新字符串

本文分享一下如何在字符串的指定位置插入新的字符串。解决方案有多种,下面分享两种:一.普通方式:代码实例如下:letinsertStr=(soure,start,newStr)={returnsoure.slice(0,s

更新时间:2019-01-09类型:
查看详情人气:98
JavaScript数组指定位置插入新元素

本文介绍如何在数组的指定位置插入一个新的元素,常用也比较简单的是在数组的开头和结尾添加新元素。代码实例:vararr=[1,2,3,5,8];Array.prototype.insert=function(index,item){th

更新时间:2019-01-09类型:
查看详情人气:85
在可编辑div中插入文字或图片解决思路与实现步骤

最近在网上碰到一个人问了我一个问题,在可编辑div中插入文字或者图片。因为web在线编辑器我从来只是用,基本不会去研究源代码。后来正好一个在线聊天web项目中也要用到这个功能,我就特地看看了代码。基本上编辑器或者在线聊天web页面,是不

更新时间:2019-01-11类型:
查看详情人气:63
解决IE7下在DDDT中插入a元素导结果列表显示逐级向左

今天在项目中遇到了一个奇怪的BUG,在DD,DT之间加了个标签,结果列表显示逐级向左,样式跑偏,代码如下将标签删除后,显示正常,后来在网上查了一下,可

更新时间:2019-01-11类型:
查看详情人气:385
IE7下在DDDT中插入a元素结果列表显示逐级向左

今天在项目中遇到了一个奇怪的BUG,在DD,DT之间加了个标签,结果列表显示逐级向左,样式跑偏,代码如下将标签删除后,显示正常,后来在网上查了一下,可

更新时间:2019-01-11类型:
查看详情人气:98
在固定大小DIV层插入N个图片使其一行排列

在固定大小DIV层<em style='color:red;'>插入</em>N个图片使其一行排列

如何在固定大小的DIV层插入N多个图片,使其一行排列,超出层宽时出现滑动条?原以为利用overflow属性可以实现,但是测试失败。后来利用div层叠实现了效果。HTML代码:!--如何在固定大小的DIV层插入N多个图片,使其一行

更新时间:2019-01-11类型:
查看详情人气:119
Oracle批量插入数据的三种方式(推荐)

第一种:begininsertintotableName(column1,column2,column3...)values(value1,value2,value3...);insertintotableName(c

更新时间:2019-01-09类型:
查看详情人气:103
oracle插入字符串数据时字符串中有'单引号问题

使用insertinto(field1,field2...)values(val1,val2...)时,若值中有单引号时会报错。处理方法:判断一下val1,val2中是否含有单引号,若含单引号,则将单引号替换成两个单引号。

更新时间:2019-01-09类型:
查看详情人气:104
向Oracle数据库的CLOB属性插入数据报字符串过长错误

今天在项目中向数据库的CLOB属性插入一段篇文章(1000~2000)字就会报一个字符串过长的错误。网上说用流来处理,没有这么做。这像是一个Bug,只要把插入的数据,默认扩充到2000以上就ok了。下面是这段代码:if((temp.leng

更新时间:2019-01-09类型:
查看详情人气:111
Oracle中插入特殊字符:&和'的解决办法 汇总

今天在导入一批数据到Oracle时,碰到了这样一个问题:Toad提示要给一个自定义变量AMP赋值,一开始我很纳闷,数据是一系列的Insert语句,怎么会有自定义变量呢?后来搜索了一下关键字AMP发现,原来是因为在插入数据中有一个字段的内容如

更新时间:2019-01-09类型:
查看详情人气:66
Oracle插入日期数据常见的2个问题和解决办法

1、无效的月份问题最近在往数据库中插入时间时,Oracle报“无效的月份问题”,具体SQL如下:复制代码代码如下:INSERTINTOTS_COUNT(ID,CNAME,STARTTIME,ENDTIME,VALU

更新时间:2019-01-09类型:
查看详情人气:100
解决HibernateJPA中insert插入数据后自动执行selectlast_insert_id()

今天做项目遇到了一个问题,是以前没注意的。我用的是SpringMVCHibernateJPAMySQL数据库。在插入数据后SQL执行日志中会多出一条select语句:复制代码代码如下:Hibernate:insertin

更新时间:2019-01-09类型:
查看详情人气:81
Oracle跨数据库查询并插入实现原理及代码

工作中需要从一个数据库中的表GIS_WEICHAI_DATA_1S中的数据导入到另个一数据库的表GIS_WEICHAI_DATA_1S中,数据库服务器都是远程的!

更新时间:2019-01-09类型:
查看详情人气:84
在Oracle中向视图中插入数据的办法

插入视图的条件:1.如果视图是基于一个基础表产生的,那么这就称为非连接视图,所有的非连接视图都是可以更新的,也就是说可以在该视图上进行,INSERT,UPDATE,DELETE的操作.2.如果是连接视图,那就要遵守基本更新准则了

更新时间:2019-01-09类型:
查看详情人气:86
java实现插入mysql二进制文件,blob类型,遇到问题及解决办法

首先是数据库建立要准备的:我们要把放置二进制字段设置为Blob类型,根据文件的大小选择合适的Blob类型,一下是各个Blob类型所能容纳二进制文件的大小MySQL的四种BLOB类型类型大小(单位:字节)TinyBlob最大25

更新时间:2019-01-09类型:
查看详情人气:102
解决mysql不能插入中文Incorrectstringvalue

选项defaultcharasetset=utf8;然后创建一个数据表createtablea_table(bvarchar(255)notnull);insertintoa_tablevalues(北京);

更新时间:2019-01-09类型:
查看详情人气:105
MySQL 在触发器里中断记录的插入或更新?

下面是一种实现的方法。思路就是想办法在触发器中利用一个出错的语句来中断代码的执行。mysqlcreatetablet_control(idintprimarykey);QueryOK,0rowsaffected(

更新时间:2019-01-09类型:
查看详情人气:67
Mysql插入中文及中文查询(修改+调试)

Mysql<em style='color:red;'>插入</em>中文及中文查询(修改+调试)

//我修改之,能正常运行,测试环境为mysql5.0,xp//关键是设置对字符集,设置gbk,gb2312测试通过,utf8测试未通过//在运行程序前先建立数据库jj,注意下面几个参数(修改为你自己的)复制代码代码如下://ch

更新时间:2019-01-09类型:
查看详情人气:95
MySQL 下将一个表的数据插入到另外一个表的实现语句

如果2张表的字段一致,并且希望插入全部数据,可以用这种方法:Code:复制代码代码如下:INSERTINTO目标表SELECT*FROM来源表;比如要将articles表插入到newArticles表中,则是

更新时间:2019-01-09类型:
查看详情人气:86
mysql数据插入优化办法

通常来说,在MyISAM里读写操作是串行的,但当对同一个表进行查询和插入操作时,为了降低锁竞争的频率,根据concurrent_insert的设置,MyISAM是可以并行处理查询和插入的:当concurrent_insert=0时,不允许

更新时间:2019-01-09类型:
查看详情人气:107
mysqlinsertifnotexists防止插入重复记录的办法

MySQL当记录不存在时插入(insertifnotexists)在MySQL中,插入(insert)一条记录很简单,但是一些特殊应用,在插入记录前,需要检查这条记录是否已经存在,只有当记录不存在时才执行插入操作,本文介绍的就

更新时间:2019-01-09类型:
查看详情人气:89
mysql10w级别的mysql数据插入

开始没想到,这10w的数据一个号码一个号码的插入半个小时才2w。后来改进一条SQL批量插入复制代码代码如下:优化代码之前的insertintotable(mobile)values(138000000);insert

更新时间:2019-01-09类型:
查看详情人气:79
mysql不能插入中文问题

问题现象:当向mysql5.5插入中文时,会出现类似错误ERROR1366(HY000):Incorrectstringvalue:\xD6\xD0\xCE\xC4forcolumn问题原因:Dbcharact

更新时间:2019-01-09类型:
查看详情人气:109
mysql如果数据不存在,则插入新数据,否则更新的实现办法

//如果不存在,则插入新数据$sql="INSERTINTO{$ecstable(‘cat_lang)}(cat_id,lang_id,cat_name,keywords,cat_desc)VALUES({$cat_id

更新时间:2019-01-09类型:
查看详情人气:93
MySQL 大数据量快速插入办法 和语句优化分享

锁定也将降低多连接测试的整体时间,尽管因为它们等候锁定最大等待时间将上升。例如:复制代码代码如下:Connection1does1000insertsConnections2,3,and4do1insertC

更新时间:2019-01-09类型:
查看详情人气:78
mysql中迅速插入百万条测试数据的办法

对比一下,首先是用mysql的存储过程弄的:复制代码代码如下:mysqldelimiter$mysqlSETAUTOCOMMIT=0$$mysqlcreateproceduretest()beginde

更新时间:2019-01-09类型:
查看详情人气:85
MYSQL插入处理重复键值的几种办法

先建立2个测试表,在id列上创建unique约束。mysqlcreatetabletest1(idint,namevarchar(5),typeint,primarykey(id));QueryOK,0rowsa

更新时间:2019-01-09类型:
查看详情人气:87
mysql数据库插入速度和读取速度的调整记录

(1)提高数据库插入性能中心思想:尽量将数据一次性写入到DataFile和减少数据库的checkpoint操作。这次修改了下面四个配置项:1)将innodb_flush_log_at_trx_commit配置设定为0;按过往经验设

更新时间:2019-01-09类型:
查看详情人气:86
mssql2008自定义表类型实现(批量插入或者修改)

在做大型网站或者系统的时候,经常会遇到个问题就是批量插入或者修改数据库。如果遇到这个问题,还是一条条记录来处理,这样的效率太低了,所以要考虑批量插入或者修改今天这边不讲SqlBulkCopy,只简单讲sql自定义表类型。因为目前的项目我用

更新时间:2019-01-09类型:
查看详情人气:94
MySQL 批量插入遇上唯一索引避免办法

MySQL 批量<em style='color:red;'>插入</em>遇上唯一索引避免办法

一、背景以前使用SQLServer进行表分区的时候就碰到很多关于唯一索引的问题:Step8:SQLServer当表分区遇上唯一约束,没想到在MySQL的分区中一样会遇到这样的问题:MySQL表分区实战。今天我们来了解MySQL唯一索引

更新时间:2019-01-09类型:
查看详情人气:109
MYSQL之插入极限分析

1、如果同时从同一个客户端插入很多行,使用含多个VALUE的INSERT语句同时插入几行。这比使用单行INSERT语句快(在某些情况下快几倍)。如果你正向一个非空表添加数据,可以调节bulk_insert_buffer_size变量,使

更新时间:2019-01-09类型:
查看详情人气:73
关于Mysql查询带单引号及插入带单引号字符串问题

Mysql查询带引号和不带引号区别当数据库字段ID为整型时selectIDfromtablewhereID=1和selectIDfromtablewhereID=1两条sql都是可以的,但是第一条sql不用

更新时间:2019-01-09类型:
查看详情人气:78
MySQL 自增列插入0值的解决方案

在将数据库从MSSQL迁移到MySQL的过程中,基于业务逻辑的要求,需要在MySQL的自增列插入0值。在MSSQL中是这样完成的:复制代码代码如下:stringsql;sql="setidentity_insertdbo.

更新时间:2019-01-09类型:
查看详情人气:97
MySql中把一个表的数据插入到另一个表中的实现代码

小编今天在写一个将一个数据库的表数据导入到另一个数据库的表的时候我是这么写的复制代码代码如下:?phpheader("Contenttype:text/html;charset=utf8");$conn=mysql_c

更新时间:2019-01-09类型:
查看详情人气:93
探讨:sql插入空,默认1900-01-0100:00:00.000的解决办法 详解

sql2005若字段定义的类型为datetime,插入为(空),那么会默认值为1900010100:00:00.000解决方法查询的时候过滤下cast(nullif(,)asdatetime)复制代码代码如下:s

更新时间:2019-01-09类型:
查看详情人气:54
解析优化MySQL 插入办法 的五个妙招

工作中遇到大概20万的数据插入操作,程序编完后发现运行超时,修改PHP最大执行时间到600,还是超时,检查超时前插入的数据条数推算一下,大概要处理40~60分钟才能插入完成,看来程序写的效率太低,得优化了。测试电脑配置:CPU:AMDSe

更新时间:2019-01-09类型:
查看详情人气:81
深入mysql并发插入优化详解

使用storm处理日志的时候,经常会遇到并发插入mysql的效率问题,到网上查了些资料,做一下笔记将表的引擎改为myisam,修改my.cnf的concurrent_insert=2,concurrent_insert可以设的值有

更新时间:2019-01-09类型:
查看详情人气:95
Mysql在debian系统中不能插入中文的终极解决方案

Mysql在debian系统中不能<em style='color:red;'>插入</em>中文的终极解决方案

在debian环境下,彻底解决mysql无法插入和显示中文的问题Linux下Mysql插入中文显示乱码解决方案mysqlurootp回车输入密码进入mysql查看状态如下:默认的是客户端和服务器都用了latin1,所以会乱码。解决

更新时间:2019-01-09类型:
查看详情人气:108
mysql选择插入数据(包含不存在列)具体实现

mysqlselectname,idfromtable_b;//name不在table_b表中|name|id||nam

更新时间:2019-01-09类型:
查看详情人气:128
MySql避免重复插入记录的几种办法

方案一:使用ignore关键字如果是用主键primary或者唯一索引unique区分了记录的唯一性,避免重复插入记录可以使用:复制代码代码如下:INSERTIGNOREINTO`table_name`(`email`,`pho

更新时间:2019-01-09类型:
查看详情人气:82
分享MYSQL插入数据时忽略重复数据的办法

使用下以两种方法时必须把字段设为”主键(PRIMARYKEY”或”唯一约束(UNIQUE)”。1:使用REPLACEINTO(此种方法是利用替换的方法,有点似类于先删除再插入)复制代码代码如下:REPLACEINTOSynt

更新时间:2019-01-09类型:
查看详情人气:144
Mysql的longblob字段插入数据问题解决

在使用mysql的过程中,有个问题就是mysql的优化,mysql中longblob字段在5.5版本中默认的为1M。想改变这个问题,需要注意几点:com.mysql.jdbc.PacketTooBigException:Packet

更新时间:2019-01-09类型:
查看详情人气:78
MySQL 插入数据时插入无效列的解决办法

1、错误描述com.mysql.jdbc.exception:jdbc4.MySQLSyntaxErrorException:Unknowncolumnmaninfieldlist2、错误原因数据库表中的字段:snosn

更新时间:2019-01-09类型:
查看详情人气:85
使用存储过程实现循环插入100条记录

mysqldelimiter$$mysqlcreateprocedurep3()MODIFIESSQLDATABEGINset@i=0;set@max=100;while@i@max

更新时间:2019-01-09类型:
查看详情人气:122
用一条mysql语句插入多条数据

假如有一个数据表A:idnametitleaddtime如果需要插入n条数据:$time=time();$data=array(array(name=name1,title

更新时间:2019-01-09类型:
查看详情人气:77
mysql技巧:提高插入数据(添加记录)的速度

问题描述:普通台式机,采集数据,表中已经有1000万数据量。采集回来的数据插入表中的时候很慢,每条约100毫秒。解决方法:1、加大mysql配置中的bulk_insert_buffer_size,这个参数默认为8Mbulk_insert_

更新时间:2019-01-09类型:
查看详情人气:87
MySqlinsert插入操作的3个小技巧分享

1.插入的数据来源自其他表表A有id,cola字段表B有id,cola,colb...等字段,其中id都为主键,cola为相同名字的列现想将表B中colb1000的记录都插入表A中,SQL语句可以这样写:复制代码代码如下:ins

更新时间:2019-01-09类型:
查看详情人气:91
MySQL 实现批量插入以优化性能的教程

MySQL 实现批量<em style='color:red;'>插入</em>以优化性能的教程

对于一些数据量较大的系统,数据库面临的问题除了查询效率低下,还有就是数据入库时间长。特别像报表系统,每天花费在数据导入上的时间可能会长达几个小时或十几个小时之久。因此,优化数据库插入性能是很有意义的。经过对MySQLinnodb的一些性能

更新时间:2019-01-09类型:
查看详情人气:78
将数据插入到MySQL 表中的详细教程

将数据插入到MySQL表,需要使用SQLINSERTINTO命令。可以将数据插入到MySQL表使用mysql提示符下或使用任何脚本,如PHP。语法:下面是通用的SQL语法INSERTINTO命令来插入数据到MySQL表:INSERT

更新时间:2019-01-09类型:
查看详情人气:87
Mysql学习心得之插入、更新、删除记录

Mysql学习心得之<em style='color:red;'>插入</em>、更新、删除记录

下面通过图文并茂的方式给大家详解Mysql学习心得之插入、更新、删除记录。插入记录复制代码代码如下:Insert[]into]tb1_name[(col_name,…..)]自动编号的字段,可以用valuesdefaultDefaul

更新时间:2019-01-09类型:
查看详情人气:94
Mysql中unique列插入重复值该怎么解决呢

当unique列在一个UNIQUE键上插入包含重复值的记录时,我们可以控制MySQL如何处理这种情况:使用IGNORE关键字或者ONDUPLICATEKEYUPDATE子句跳过INSERT、中断操作或者更新旧记录为新值。mysql

更新时间:2019-01-09类型:
查看详情人气:93
详解MySQL 插入和查询数据的相关命令及语句使用

详解MySQL <em style='color:red;'>插入</em>和查询数据的相关命令及语句使用

插入数据MySQL表中使用INSERTINTOSQL语句来插入数据。你可以通过mysql命令提示窗口中向数据表中插入数据,或者通过PHP脚本来插入数据。语法以下为向MySQL数据表插入数据通用的INSERTINTOSQL

更新时间:2019-01-09类型:
查看详情人气:105
MySQL 批量插入数据脚本

MySQL批量插入数据脚本#!/bin/bashi=1;MAX_INSERT_ROW_COUNT=$1;while[$ile$MAX_INSERT_ROW_COUNT]domysqlurootprootdbname

更新时间:2019-01-09类型:
查看详情人气:104
JDBC链接mysql插入数据后显示问号的原因及解决办法

1.在cmd中进入mysql查看默认的编码格式:mysqlshowvariableslike"%char%";若不是utf8(因为我用的是utf8),关掉mysql服务,在my.ini中添加[client]defaultchar

更新时间:2019-01-09类型:
查看详情人气:96
并发环境下mysql插入检查方案

业务背景:基本业务场景是这样的,请求数据(车辆vin信息)进入到接口中,需要先判断其在数据库中的状态,如果库中不存在该vin,或者该vin状态位为“1(已完成)”,则执行一些检查操作后,将数据插入到数据库中,此时新增vin状态为0,调用人

更新时间:2019-01-09类型:
查看详情人气:109
防止mysql重复插入记录的办法

防止mysql重复插入记录的方法有很多种,常用的是ignore,Replace,ONDUPLICATEKEYUPDATE,当然我们也可以在php中加以判断了。方案一:使用ignore关键字如果是用主键primary或者唯一索引uniq

更新时间:2019-01-09类型:
查看详情人气:89
解决Mysql数据库插入数据出现问号(?)的解决办法

解决Mysql数据库<em style='color:red;'>插入</em>数据出现问号(?)的解决办法

首先,我用的mysql数据库是5.7.12版本。出现的问题:1.插入数据显示错误,插入不成功,出现:Incorrectstringvalue:\xCD\xF5\xD5\xBC\xBE\xA9forcolumnSname

更新时间:2019-01-09类型:
查看详情人气:97
mysql某字段插入随机数(插入随机数到MySQL 数据库)

mysql某字段<em style='color:red;'>插入</em>随机数(<em style='color:red;'>插入</em>随机数到MySQL 数据库)

常用的代码UPDATE`表名`SET`字段名`=ceiling(rand()*500000500000)WHERE(条件);update`表名`setclick=click*0.01whereclassid=2

更新时间:2019-01-09类型:
查看详情人气:79
mysql如何插入随机字符串数据的实现办法

应用场景:有时需要测试插入数据库的记录来测试,所以就非常需要用到这些脚本。创建表:CREATETABLE`tables_a`(`id`int(10)NOTNULLDEFAULT0,`name`char(50)

更新时间:2019-01-09类型:
查看详情人气:71
MySQL 建立唯一索引实现插入重复自动更新

MySQL 建立唯一索引实现<em style='color:red;'>插入</em>重复自动更新

前言在我们往数据库插入数据的时候,需要判断某个字段是否存在,如果存在则执行更新操作,如果不存在则执行插入操作,如果每次首先查询一次判断是否存在,再执行插入或者更新操作,就十分不方便。下面给大家分享个方法,方便大家实现这一功能,下面来一起看看

更新时间:2019-01-09类型:
查看详情人气:93
MySQL 中实现插入或更新操作(类似Oracle的merge语句)

如果需要在MySQL中实现记录不存在则insert,不存在则update操作。可以使用以下语句:更新一个字段:INSERTINTOtbl(columnA,columnB,columnC)VALUES(1,2,3)ONDUPLI

更新时间:2019-01-09类型:
查看详情人气:69
mysql一次向表中插入多条数据实例讲解

mysql一次插入多条数据:INSERTINTOhk_test(username,passwd)VALUES(qmf2,qmf2),(qmf3,qmf3),(qmf4,qmf4),(qmf5,q

更新时间:2019-01-09类型:
查看详情人气:105
使用JDBC在MySQL 数据库中如何快速批量插入数据

使用JDBC连接MySQL数据库进行数据插入的时候,特别是大批量数据连续插入(10W),如何提高效率呢?在JDBC编程接口中Statement有两个方法特别值得注意:voidaddBatch()throwsSQLException

更新时间:2019-01-09类型:
查看详情人气:94
MySQL 查询结果复制到新表的办法 (更新、插入)

MySQL 查询结果复制到新表的办法 (更新、<em style='color:red;'>插入</em>)

MySQL中可以将查询结果复制到另外的一张表中,复制的话通常有两种情况,一种是更新已有的数据,另一种是插入一条新记录。下面通过例子来说明。首先构建两个测试表。表t1:表t2:1、如果t2表中存在score值,将score更新到t1表中。方法

更新时间:2019-01-09类型:
查看详情人气:98
微信昵称带符号导致插入MySQL 数据库时出错的解决方案

Mysql的utf8编码最多3个字节,而Emoji表情或者某些特殊字符是4个字节。因此会导致带有表情的昵称插入数据库时出错。只要修改MySQL的编码即可,解决方案如下:1.在mysql的安装目录下找到my.ini,作如下修改:[mysqld

更新时间:2019-01-09类型:
查看详情人气:86
mysql存储过程判断重复的不插入数据

mysql存储过程中下面是一个较常见的场景,判断表中某列是否存在某值,如果存在执行某操作需要注意的是不能用ifexists;exists可以在where后面或者在createobject是使用,但是在if语句中不可以使用,只能用变通的方

更新时间:2019-01-09类型:
查看详情人气:115
mysql从一个表中查数据并插入另一个表实现办法

mysql从一个表中查数据并插入另一个表实现方法不管是在网站开发还是在应用程序开发中,我们经常会碰到需要将MySQL或MSSQLServer某个表的数据批量导入到另一个表的情况,甚至有时还需要指定导入字段。本文就将以MySQL数据库为例

更新时间:2019-01-09类型:
查看详情人气:87
MySQL 插入emoji表情失败问题的解决办法

前言之前一直认为UTF8是万能的字符集问题解决方案,直到最近遇到这个问题。最近在做新浪微博的爬虫,在存库的时候发现只要保持emoji表情,就回抛出以下异常:Incorrectstringvalue:\xF0\x90\x8D\x8

更新时间:2019-01-09类型:
查看详情人气:99
Mysql中几种插入效率的实例对比

前言最近因为工作的需要,要在Mysql里插入大量的数据大约1000w,目测会比较耗时。所以现在就像测试一下到底用什么插入数据的方法比较快捷高效。下面就针对每一种方法分别测试不同数据量下的插入效率。测试数据库的基本与操作如下:mysqlc

更新时间:2019-01-09类型:
查看详情人气:95
MySql批量插入优化Sql执行效率实例详解

MySql批量插入优化Sql执行效率实例详解itemcontractprice数量1万左右,每条itemcontractprice插入5条日志。updateInsertSql.AppendFormat("UPDATEitemcontra

更新时间:2019-01-09类型:
查看详情人气:80
MySQL 生僻字插入失败的处理办法 (Incorrectstringvalue)

MySQL 生僻字<em style='color:red;'>插入</em>失败的处理办法 (Incorrectstringvalue)

最近,业务方反馈有个别用户信息插入失败,报错提示类似"Incorrectstringvalue:"\xF0\xA5....."看这个提示应该是字符集不支持某个生僻字造成的。下面是在虚拟机里复现的场景:step1、模拟原始表结构字符

更新时间:2019-01-09类型:
查看详情人气:73
MySQL 使用UNIQUE实现数据不重复插入

SQLUNIQUE约束UNIQUE约束唯一标识数据库表中的每条记录。UNIQUE和PRIMARYKEY约束均为列或列集合提供了唯一性的保证。PRIMARYKEY拥有自动定义的UNIQUE约束。请注意,每个表可以

更新时间:2019-01-09类型:
查看详情人气:100
MYSQL开发性能研究之批量插入数据的优化办法

MYSQL开发性能研究之批量<em style='color:red;'>插入</em>数据的优化办法

一、我们遇到了什么问题在标准SQL里面,我们通常会写下如下的SQLinsert语句。INSERTINTOTBL_TEST(id)VALUES(1);很显然,在MYSQL中,这样的方式也是可行的。但是当我们需要批量插入数据的时候,这

更新时间:2019-01-09类型:
查看详情人气:129
MySQL 批量SQL插入性能优化详解

MySQL 批量SQL<em style='color:red;'>插入</em>性能优化详解

对于一些数据量较大的系统,数据库面临的问题除了查询效率低下,还有就是数据入库时间长。特别像报表系统,每天花费在数据导入上的时间可能会长达几个小时或十几个小时之久。因此,优化数据库插入性能是很有意义的。经过对MySQLinnodb的一些性能

更新时间:2019-01-09类型:
查看详情人气:60
Mysql使用insert插入多条记录批量新增数据

如果要向table1中插入5条记录,下面写法是错误的:INSERTINTOtable1(id,name)VALUES(1,小明,2,小强,3,小杜,4,小李,5,小白);MySQL将会抛出下面的错误ERROR1136:Colum

更新时间:2019-01-09类型:
查看详情人气:91
MySql插入数据成功但是报[Err]1055错误的解决方案

MySql<em style='color:red;'>插入</em>数据成功但是报[Err]1055错误的解决方案

1.问题:这两天做insert操作,mysql版本是5.7,insert后虽然成功了,但是会报一个[Err]1055的错误。具体如下:2.解决方案:linux环境下,vim到my.cnf,添加如下语句:sql_mode=NO_ENGINE

更新时间:2019-01-09类型:
查看详情人气:112
Node.js下向MySQL 数据库插入批量数据的办法

Node.js下向MySQL 数据库<em style='color:red;'>插入</em>批量数据的办法

项目(nodejs)中需要一次性插入多笔数据到数据库,数据库是mysql的,由于循环插入的性能太差,就像使用批量插入的方法提高数据的插入性能。批量插入的数据库的表结构如下:1.数据库连接varmysql=require(mysql

更新时间:2019-01-09类型:
查看详情人气:117
EF(EntityFramework)插入或更新数据报错的解决办法

EF(EntityFramework)<em style='color:red;'>插入</em>或更新数据报错的解决办法

报错信息:Storeupdate,insert,ordeletestatementaffectedanunexpectednumberofrows(0).Entitiesmayhavebeenmodifie

更新时间:2019-01-09类型:
查看详情人气:107
解决Linux下Tomcat向MySQL 插入数据中文乱码问题

一、问题在windows上面使用eclipse开发的项目在windows上面运行一切正常,部署到腾讯云时出现向MySQL数据库中插入数据是中文乱码二、解决办法1、尝试一直接在linux上面使用insert语句插入中文,正常2、尝试二在tom

更新时间:2019-01-09类型:
查看详情人气:141
MySQL 入门(四)数据表的数据插入、更新、删除

MySQL 入门(四)数据表的数据<em style='color:red;'>插入</em>、更新、删除

序言数据表的插入、更新、删除非常简单,但是简单的也要学习,细节决定成败。                                         WH一、插入数据      格式:INSERTINTO表名(字段名...)V

更新时间:2019-01-09类型:
查看详情人气:82
MySQL 插入json问题

在MySQL5.7.8之后开始支持一种可高效获取JSON文本中数据的原生JSON类型,该类型具有以下优点:存储时自动验证,验证不通过将报错更好的存储结构。采用一种针对告诉读取JSON文本元素的内部结构进行存储。新的服务器是以二进制的

更新时间:2019-01-09类型:
查看详情人气:116
mysql中插入emoji表情失败的原因与解决

mysql中<em style='color:red;'>插入</em>emoji表情失败的原因与解决

失败场景用户昵称中存在emoji表情,调用jdbc往mysql数据库插入的时候抛出异常java.sql.SQLException:Incorrectstringvalue:\xF0\x9F\x90\x9B失败原因mysql的u

更新时间:2019-01-09类型:
查看详情人气:112
88秒插入1000万条数据到MySQL 数据库表的操作办法

我用到的数据库为,mysql数据库5.7版本的首先自己准备好数据库表其实我在插入1000万条数据的时候遇到了一些问题,现在先来解决他们,一开始我插入100万条数据时候报错,控制台的信息如下:com.mysql.jdbc.PacketTooB

更新时间:2019-01-09类型:
查看详情人气:98
sqlite循环批量插入数据采用批处理文件实现

需要在sqlite数据库中插入大量测试数据,打算用事务进行循环插入操作,不过sqlite不支持declare变量定义,所以无法通过定义循环变量值来实现。需要通过一个批处理文件来循环调用插入sqlite语句,方式如下建立一个循环调用的批处理

更新时间:2019-01-09类型:
查看详情人气:127
MongoDB插入数据的3种办法

insert()方法:下面是在inventory集合中插入一个三个字段的文档:复制代码代码如下:db.inventory.insert({_id:10,type:"misc",item:"card",

更新时间:2019-01-10类型:
查看详情人气:246
如何高效地向Redis插入大量的数据(推荐)

如何高效地向Redis<em style='color:red;'>插入</em>大量的数据(推荐)

最近有个哥们在群里问,有一个日志,里面存的是IP地址(一行一个),如何将这些IP快速导入到Redis中。我刚开始的建议是Shellredis客户端。今天,查看Redis官档,发现文档的首页部分(http://www.redis.io/do

更新时间:2019-01-10类型:
查看详情人气:108
MongoDB数据库插入、更新和删除操作详解

MongoDB数据库<em style='color:red;'>插入</em>、更新和删除操作详解

一、Insert操作Insert操作是MongoDB插入数据的基本方法,对目标集合使用Insert操作,会将该文档添加到MongoDB并自动生成相应的ID键。文档结构采用类似JSON的BSON格式。常见的插入操作主要有单条插入和批量插入两种

更新时间:2019-01-10类型:
查看详情人气:101
MongoDB快速入门笔记(三)之MongoDB插入文档操作

MongoDB是一个基于分布式文件存储的数据库。由C语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。本

更新时间:2019-01-10类型:
查看详情人气:95
MongoDB插入、更新、删除文档实现代码

MongoDB<em style='color:red;'>插入</em>、更新、删除文档实现代码

1创建数据库并插入数据usejinxtdb.adou.insert({name:"jinxt",age:"28"});//刚创建的数据库jinxt并不在数据库的列表中,要显示它,我们需要向jinxt数据库插入一些数据showd

更新时间:2019-01-10类型:
查看详情人气:109
乐视超级手机1插入带卡套的Nano卡无法取出时的处理方法

乐视超级手机1<em style='color:red;'>插入</em>带卡套的Nano卡无法取出时的处理方法

乐视超级手机1大家都知道并不是使用常规的4G通配Nano卡,但是不少之前是使用Nano卡的同学就比较麻烦了。要么只能换卡,要么就只能依靠卡托来把Nano卡放进手机使用。但是卡托会松动,这就造成了手机卡槽很容易被卡住无法弹出的情况。为了解决这

更新时间:2019-01-11类型:
查看详情人气:162
坚果手机怎么插入手机卡

坚果手机怎么<em style='color:red;'>插入</em>手机卡

锤子的坚果手机昨日晚正式发布了,双卡双待支持移动联通双4G网络拥有不错的性价比,但是由于坚果手机的卡槽要区分主副卡,SIM卡怎么安装可能给一部分人带来困扰,下面就跟小编一起看看坚果手机怎么正确使用手机卡。坚果手机怎么插入手机

更新时间:2019-01-11类型:
查看详情人气:96
手机耳机插入手机插孔,没反应!怎么办?

手机耳机<em style='color:red;'>插入</em>手机插孔,没反应!怎么办?

很多人都会遇到过耳机插入手机没反应的情况?插上没反应,没声音等等。那么手机耳机插孔接触不良怎么办?下边说说我是怎么解决的吧。清理耳机孔步骤一:用棉棒沾点酒精,挤干净,不要太湿,把棉棒插进耳机孔里转一转再拔出来,反复几次即可。注意不要太用力

更新时间:2019-01-11类型:
查看详情人气:144
手机未插入SIM卡时能够拨打紧急电话号码吗

手机未<em style='color:red;'>插入</em>SIM卡时能够拨打紧急电话号码吗

手机一直都有紧急通话功能,但为何没有手机信号或者拿掉SIM卡后,却无法拨通紧急号码,如110、120、119等?其实,手机在没有卡的情况下还是可以拨打有限的几个紧急电话的,而且根据手机的不同,所拨打的号码也是有所差别。但是,在

更新时间:2019-01-11类型:
查看详情人气:173
使用SELECT INTO语句从一个表复制数据,然后把数据插入到另一个新表中

SQLSELECTINTO语句通过SQL,您可以从一个表复制信息到另一个表。SELECTINTO语句从一个表复制数据,然后把数据插入到另一个新表中。SQLSELECTINTO语句SELECTINTO语句

更新时间:2019-01-11类型:
查看详情人气:166
使用INSERT INTO SELECT 语句从一个表复制数据,然后把数据插入到一个已存在的表中。

SQLINSERTINTOSELECT语句通过SQL,您可以从一个表复制信息到另一个表。INSERTINTOSELECT语句从一个表复制数据,然后把数据插入到一个已存在的表中。SQLINSERTINTOSEL

更新时间:2019-01-11类型:
查看详情人气:182
通过命令提示窗口插入数据,使用PHP脚本插入数据

通过命令提示窗口<em style='color:red;'>插入</em>数据,使用PHP脚本<em style='color:red;'>插入</em>数据

MySQL插入数据MySQL表中使用INSERTINTOSQL语句来插入数据。你可以通过mysql命令提示窗口中向数据表中插入数据,或者通过PHP脚本来插入数据。语法以下为向MySQL数据表插入数据通用的INS

更新时间:2019-01-11类型:
查看详情人气:198
怎样使用MySQLi和PDO向MySQL插入数据?

PHPMySQL插入数据使用MySQLi和PDO向MySQL插入数据在创建完数据库和表后,我们可以向表中添加数据。以下为一些语法规则:PHP中SQL查询语句必须使用引号在SQL查询语句中的字符串值必

更新时间:2019-01-11类型:
查看详情人气:267
使用MySQLi和PDO向MySQL插入多条数据

PHPMySQL插入多条数据使用MySQLi和PDO向MySQL插入多条数据mysqli_multi_query()函数可用来执行多条SQL语句。以下实例向"MyGuests"表添加了三条新的记录:实例

更新时间:2019-01-11类型:
查看详情人气:248
Discuz!在论坛主题中快速插入UCHome相册图片

Discuz!在论坛主题中快速<em style='color:red;'>插入</em>UCHome相册图片

关键字描述:相册图片插入快速论坛主题用户可以SNSUCenter  近日,康盛创想BBS与SNS社区产品双剑合璧,推出了Discuz!7.0和UCenterHome(简称UCHome)1.5。这两款社区产品不仅通过U

更新时间:2019-01-11类型:
查看详情人气:191
360儿童卫士怎么插入手机sim卡

360儿童卫士怎么插入手机sim卡?相信很多买了360儿童卫士的家长都很好奇,因为360儿童卫士插手机sim卡的位置非常隐蔽,所以就算不知道也没关系。因为下面小编就给大家介绍下360儿童卫士插入手机sim卡的方法,希望能帮到各位家长。

更新时间:2019-01-11类型:
查看详情人气:212
百度云盘怎么在微信公众号附加超链接?插入方法介绍

百度云盘怎么在微信公众号附加超链接?<em style='color:red;'>插入</em>方法介绍

现在许多朋友都有自己的公众号平台,我们除了平时写一写文章外,还可以用来提供给阅读者一些资源软件等东西,这个时候连接地址就必须添加了,那么我们该怎么样在微信公众号添加百度云的超链接呢?下面让我们一起来看看吧。===方法一===1、

更新时间:2019-01-12类型:
查看详情人气:352
剪映添加插入照片方法介绍_软件教程

剪映添加<em style='color:red;'>插入</em>照片方法介绍_软件教程

“剪映”在前段时间才刚刚上线,但是强大的视频编辑服务吸引了很多朋友关注,大家都喜欢在视频里添加照片进行编辑。而下面手机乐园水银师小编就为大家介绍了剪映添加照片的方法,相信可以帮助到你。剪映添加插入照片的步骤:1、现在用户们如果想要给视频画面

更新时间:2019-08-20类型:
查看详情人气:319
Cookie 起源_Cookie教程

Cookie 起源_Cookie教程

关于Cookie绝大多数基本知识已经在其他文章中介绍了。本文再来介绍一下Cookie起源,可能稍显累赘。一.产生背景:HTTP协议是无状态的,所以任意的HTTP请求之间没有任何关联。在WEB的最初阶段,由于仅仅是浏览网页文档信息,HTTP协

更新时间:2019-10-28类型:
查看详情人气:76
Cookie与Session 关系_Cookie教程

Cookie与Session分别位于客户端和服务器端。两者本来就没有什么太大关系,不过大多数时候Session还是要依赖于Cookie。关于Cookie与Session介绍可以参阅如下两篇文章:(1).JavaScriptcookie一章

更新时间:2019-10-28类型:
查看详情人气:105
谷歌查看Cookie_Cookie教程

谷歌查看Cookie_Cookie教程

谷歌开发者工具为前端开发人员提供了相当大的便利。利用此工具,可以查看当前域下的Cookie,下面进行一下简单介绍。一.document.cookie:此属性可以获取当前域的所有Cookie,在控制台可以查看相关数据。代码运行效果截图如下:可

更新时间:2019-10-28类型:
查看详情人气:84
Cookie 与 HTTP请求_Cookie教程

Cookie 与 HTTP请求_Cookie教程

本文简单阐述一下Cookie与HTTP请求中的一些关联。在地址栏输入地址后,网络总体上大致经历量大阶段:(1).HTTP请求(2).HTTP响应下面简述一下从请求到响应,Cookie可能会经历的一些操作:(1).当第一次发起请求的时候,毫无

更新时间:2019-10-28类型:
查看详情人气:170
JavaScript 读取cookie_Cookie教程

JavaScript 读取cookie_Cookie教程

Cookie创建后,自然就有读取需求,本文将通过代码实例做一下介绍。关于创建Cookie可以参阅JavaScript创建Cookie一章节。与设置Cookie一样,JavaScript获取Cookie同样需要document.cookie

更新时间:2019-10-28类型:
查看详情人气:123
JavaScript 创建Cookie_Cookie教程

JavaScript 创建Cookie_Cookie教程

Cookie的创建在本质上并不区分具体何种语言,最终产生的Cookie都是通用的。通过JavaScript或者PHP等某种语言创建Cookie,本质是传达指令给浏览器,让其创建Cookie。下面通过代码实例介绍一下,如何利用JavaScri

更新时间:2019-10-28类型:
查看详情人气:123
Cookie 由谁创建_Cookie教程

本文非常的简单,仅用于明确一下Cookie是由谁创建。作为前端开发人员,我们知道可以通过JavaScript创建cookie。代码片段如下:[JavaScript]复制代码document.cookie="antzone=Downzz.

更新时间:2019-10-28类型:
查看详情人气:105
Cookie 是否会被取代_Cookie教程

由于HTTP协议无状态,导致任意的HTTP请求之间是毫无关联的。无状态可以做到高效,但是也随着带来很多问题,举一个例子:(1).在A页面用户登录。(2).再访问B页面,结果登录状态消失了。为了解决上述HTTP协议无状态导致的问题,于是Coo

更新时间:2019-10-28类型:
查看详情人气:111
JavaScript 箭头函数_ES6教程

JavaScript 箭头函数_ES6教程

既然称作箭头函数,可以猜想,函数的构成可能与箭头相关。事实也是如此,看一段简单代码实例:[JavaScript]复制代码letfunc=arg=>arg;console.log(func(5));代码运行效果截图如下:上面是

更新时间:2019-10-28类型:
查看详情人气:144
HTML input reset 重置按钮_HTML教程

HTML input reset 重置按钮_HTML教程

将input标签type属性值设置为"reset"即可生成一个重置按钮。此按钮一般和提交按钮配合使用,当然不是硬性标准。首先看一段代码实例:[HTML]复制代码<metach

更新时间:2019-10-28类型:
查看详情人气:274
document.cookie 用法_Cookie教程

document.cookie 用法_Cookie教程

此属性可以设置和查询与当前文档相关的所有cookie,可读写属性。可使用该属性对当前文档的cookie进行读取、创建、修改和删除操作。语法格式:document.cookie下面通过代码实例对此属性进行一下演示。console.log(do

更新时间:2019-10-28类型:
查看详情人气:152
HTML textarea 多行文本框_HTML教程

单行文本框只能够输入一行内容,textarea多行文本框可以输入多行文本。多行文本框用textarea标签创建,而不是input标签。它通常用于需要输入较多内容的需求。代码实例如下:

更新时间:2019-10-28类型:
查看详情人气:270
@font-face 用法_CSS3教程

此属性的作用可以引入网络字体,如果不使用此属性,那么只能够使用本机已经安装的字体。@font-face是css3新增的一个模块,其实在上世纪90年代,从IE4浏览器就开始支持,不过仅限于IE浏览器。但是由于一些支持和效果上的原因,在css2

更新时间:2019-10-28类型:
查看详情人气:118
HTML input checkbox 复选框_HTML教程

标签type属性值设置为"checkbox"即可创建一个复选框。radio单选按钮只能够选中其中一项,复选框则可以选中任意多项。所以复选框通常用于需要多项选择的场景,比如某些网站需要选择个人技能或者爱好等。代码实例如

更新时间:2019-10-28类型:
查看详情人气:124
HTML input radio 单选按钮_HTML教程

标签type属性值设置为"radio",即可创建一个单选按钮。既然是单选按钮,按钮之间互斥,同时只能选中其中一项。

更新时间:2019-10-28类型:
查看详情人气:96
JavaScript 人民币金额格式转换_特效教程

通常会将表示金钱的数字进行一下格式化,以便于阅读识别。下面分享一段代码实例,它实现了将数字转换为人民币格式的功能。代码实例如下:functionparsePrice(money){varn=2;money=parseFloat((m

更新时间:2019-10-28类型:
查看详情人气:100
HTML input text单行文本域_HTML教程

元素将type属性值设置为"text"即可实现单行文本域。代码实例如下: 更新时间:2019-10-28类型:

查看详情人气:107
CSS word-break_CSS3教程

CSS word-break_CSS3教程

CSS不是一门编程语言,未来不可知,起码当前算不上。难度上根不能与其他真正编程语言相比,但也不是那么轻松。很多属性让人感觉十分繁琐,且不太容易精确的理解属性值所要表达的含义。word-break属性可能会给不少朋友带来上述所说的困扰,下面通

更新时间:2019-10-28类型:
查看详情人气:79
CSS border-radius 属性_CSS3教程

CSS border-radius 属性_CSS3教程

通过border-radius属性可以实现元素的圆角效果。首先看一段代码实例: 更新时间:2019-10-28类型:

查看详情人气:94
CSS overflow-wrap_CSS3教程

CSS overflow-wrap_CSS3教程

overflow-wrap属性规定是否允许在单词内进行断行,也就是将一个单词从其内部折断。可以防止字符串过长导致的溢出现象,可能不少朋友感觉此属性功能与其他CSS属性功能相似。的确如此,与两个属性与其功能相似,甚至是一模一样:(1).wor

更新时间:2019-10-28类型:
查看详情人气:64
CSS white-space_CSS3教程

CSS white-space_CSS3教程

在其他很多文章反复强调过,掌握一个知识点可以从其名称入手。因为其名称在一定程度上体现它的功能,自然对white-space属性的学习也不例外。此属性的名称由两个单词构成,分别如下:(1).white:翻译成函数具有"白或者白色"的意思。(2

更新时间:2019-10-28类型:
查看详情人气:62
CSS text-overflow_CSS3教程

CSS text-overflow_CSS3教程

理解并掌握此属性的使用可以从其名称入手,属性名称由两个单词构成:(1).text:翻译成汉语具有"文本"的意思。(2).overflow:翻译成汉语具有"溢出"的意思。于是可以有理由猜测,此属性的功能是用于规定如何处理溢出的文本,事实也是如

更新时间:2019-10-28类型:
查看详情人气:72
CSS text-fill-color_CSS3教程

此属性可以设置文本的填充颜色。如果同时设置text-fill-color和color属性,那么前者将覆盖后者的效果。语法结构:text-fill-color:代码实例: 更新时间:2019-10-28类型:

查看详情人气:55
CSS text-shadow_CSS3教程

在此之前,如果设置文字的阴影效果,通常要利用其他工具,比如使用Photoshop制作相应的图片,单纯使用css很难实现;CSS3提供的text-shadow属性可以实现之前难以实现的效果。语法结构:不同的教程中,语法结构形式的表述有所不同,

更新时间:2019-10-28类型:
查看详情人气:59
CSS text-stroke_CSS3教程

text-stroke属性可以设置文字的描边效果。文本的描边就类同于文本的边框,原来只有这样的元素才可以设置边框,现在文本也可以。它是一个复合属性,语法结构如下:text-stroke:[text-stroke-width]

更新时间:2019-10-28类型:
查看详情人气:80
CSS box-shadow_CSS3教程

CSS box-shadow_CSS3教程

box-shadow属性理解和应用起来稍稍有一点难度,只要切入点得当,还是比较容易掌握的。属性的命名必然和其功能有内在联系,从名称进行理解,box-shadow可以分拆为两个单词:(1).box:盒容器,例如div或者p创建的容器盒子。(

更新时间:2019-10-28类型:
查看详情人气:68
CSS E:default 伪类选择器_CSS教程

CSS E:default 伪类选择器_CSS教程

:default是一个伪类选择器,与伪类选择器相似的是伪元素选择器。关于两者的区别可以参阅CSS伪类与伪元素选择器区别一章节。此选择器可以匹配被默认选中的表单元素,比如复选框、单选按钮或者select下拉菜单。下面将结合代码实例详细介绍一下

更新时间:2019-10-28类型:
查看详情人气:72
谷歌浏览器代码格式化_谷歌工具

谷歌浏览器代码格式化_谷歌工具

前端代码格式化是一件非常人性化的事情,便于代码的阅读。首先要明确,这个人性化是对开发人员来讲的,对于代码的解析器来说毫无用处,并且是一种负担。在解析器严重,并不需要代码的索引或者换行等东西,但是对于程序员阅读代码非常有必要。通过谷歌开发者工

更新时间:2019-10-28类型:
查看详情人气:116
HTML <figcaption> 标签_HTML教程

此标签和标签配合使用。关于标签可以参阅HTML标签一章节。理解此标签从其名称入手是一个良好的方式。figcaption可以认为由如下两个单词构成:(1).fig:也就是标签

更新时间:2019-10-28类型:
查看详情人气:92
CSS appearance_CSS3教程

此属性可以改变指定元素的外观,比如可以将段落元素渲染为按钮的外观。它还是很有实际意义,很多元素在不同浏览器中渲染的效果,用appearance进行一下弥补。语法结构:appearance:;特别说明:此属性尚

更新时间:2019-10-28类型:
查看详情人气:81
JavaScript 删除cookie_Cookie教程

JavaScript 删除cookie_Cookie教程

创建cookie之后,可能出于各种原因需要将其删除。网络上提供有很多封装好的删除代码,但是绝大多数忽略了一个问题。从而导致代码有时候好用,有时则不能删除指定cookie,下面将详细介绍一下如何删除cookie。后面文章会涉及到一些概念,这里

更新时间:2019-10-25类型:
查看详情人气:112
JavaScript 设置cookie 过期时间_Cookie教程

项目中,使用cookie存储一些安全性要求低,且量较小的数据是一个不错的选择。比如比较典型的,记忆用户名和密码,或者保持用户喜爱的页面风格等。通常要给cookie设置一个过期时间,下面将对其做一下详细介绍。一.cookie存储方式:服务器发

更新时间:2019-10-25类型:
查看详情人气:100
cookie path路径与domain域_Cookie教程

实际开发中,使用cookie可能会出现一些奇怪的现象,或者能实现比较强大的功能。或许这其中就有path和domain因素在起决定性作用,举两个例子:(1).同一个站点下无法取到其他页面的cookie。(2).单点登录功能。下面将以上面这两个

更新时间:2019-10-25类型:
查看详情人气:108
cookie Secure与HttpOnly_Cookie教程

这两个属性都可以提高网站的安全性。一.Secure:此属性规定cookie只能在https协议下才能够发送到服务器。如果当前采用的是http协议,那么浏览器在接受服务器发来的cookie的时候会自动忽略Secure属性。可以在一定程度上防止

更新时间:2019-10-25类型:
查看详情人气:81
JavaScript 创建与读取cookie_Cookie教程

JavaScript 创建与读取cookie_Cookie教程

关于cookie的基本知识可以参阅JavaScriptcookie一章节。cookie实质是存储在计算机硬盘上一个文本文件,内中存储着一定量的信息。在实际应用中,站点可能会向用户硬盘写入cookie,也会根据需要读取cookie。下面通过

更新时间:2019-10-25类型:
查看详情人气:104
JavaScript cookie_Cookie教程

JavaScript cookie_Cookie教程

本文仅对cookie做一个总体介绍,关于它的操作将在其他文章介绍。浏览者会在本文获取如下几点信息:(1).什么是cookie。(2).cookie的作用。(3).cookie其他特点。一.什么是cookie:cookie实质上一个存储在计算

更新时间:2019-10-25类型:
查看详情人气:99
CSS3 backface-visibility_CSS3教程

backface-visibility属性用来规定元素的正面不面向屏幕时,背面是否可见。关于transform变换更多内容可以参阅CSS32D/3D转换一章节。语法结构:backface-visibility:visible|hidde

更新时间:2019-10-25类型:
查看详情人气:75
HTML <time> 标签_HTML教程

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局一章节。一.标签作用:HTML5将标签类别根据功能进行了细化,以使代码更具有语义。不但便于程序员阅读,也更有利于搜索引擎的抓取识

更新时间:2019-10-25类型:
查看详情人气:86
JavaScript showModal() 方法_JS教程

showModal方法可以显示Dialog对话框窗口。关于对话框窗口可以参阅HTML标签一章节。此方法的功能与show()方法相同,但是对话框显示后无法操作其他区域。语法结构:dialogObject.showModal

更新时间:2019-10-25类型:
查看详情人气:61
JavaScript show() 方法_JS教程

此方法可以显示Dialog对话框窗口。关于对话框窗口可以参阅HTML标签一章节。语法结构:dialogObject.show()浏览器支持:(1).IE浏览器不支持此方法。(2).edge浏览器不支持此方法。(3).谷歌

更新时间:2019-10-25类型:
查看详情人气:41
HTML <dialog> 标签_HTML教程

HTML <dialog> 标签_HTML教程

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局一章节。一.标签作用:标签可以创建一个具有一定动态效果和交互能力的对话框。此标签需要注意两个属性的应用:

更新时间:2019-10-25类型:
查看详情人气:86
HTML <aside> 标签_HTML教程

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局一章节。一.标签作用:此标签通常用于对于其他主体内容的修饰,或者说提供一些附属信息。应用方式简单介绍如下:(1). 更新时间:2019-10-25类型:

查看详情人气:87
HTML <main> 标签_HTML教程

HTML <main> 标签_HTML教程

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局概述一章节。一.标签作用:标签用于创建页面中主要内容。此标签中的内容在原则上不能是网站页面中重复出现的内容,比

更新时间:2019-10-25类型:
查看详情人气:88
HTML <section> 标签_HTML教程

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局概述一章节。一.标签作用:此标签的功能与标签比较类似,两者联系与区别简单总结如下:(1). 更新时间:2019-10-25类型:

查看详情人气:72
HTML <article> 标签_HTML教程

是HTML5新增的语义化标签之一。关于语义化标签的概念与作用可以参阅HTML语义化布局概述一章节。一.标签作用:此标签表示一个相对独立与完整的内容块,具有比较完整的语义。比如页面中的一篇文章,或者文章底

更新时间:2019-10-25类型:
查看详情人气:85
location.replace() 方法_JS教程

location.replace()方法可用一个新文档替代当前文档。但是与location.assign()和location.href不同的是,此方法是用指定URI替换当前URI。所以被替换的URI不会被保存的历史记录中,所以点击浏览器后

更新时间:2019-10-25类型:
查看详情人气:47
Promise.race() 方法_ES6教程

Promise.race() 方法_ES6教程

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。Promise的静态方法,将多个Promise对象包装成一个新的Promise对象。race翻译成汉语具有"竞赛"或者"赛跑"的意思,恰如其名,哪个P

更新时间:2019-10-25类型:
查看详情人气:60
Promise.reject() 方法_ES6教程

Promise.reject() 方法_ES6教程

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。Promise.reject()方法是Promise的静态方法,返回一个以给定参数值解析后的Promise对象。语法结构:Promise.rejec

更新时间:2019-10-25类型:
查看详情人气:46
Promise.resolve() 方法_ES6教程

Promise.resolve() 方法_ES6教程

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。Promise.resolve()方法是Promise的静态方法,返回一个以给定参数值解析后的Promise对象。语法结构:Promise.reso

更新时间:2019-10-25类型:
查看详情人气:45
Promise catch() 方法_ES6教程

Promise catch() 方法_ES6教程

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。此方法的作用与p.then(undefined,onRejected)功能相同,p是一个Promise对象。也就是当Promise对象变为Rejec

更新时间:2019-10-25类型:
查看详情人气:62
Promise then() 方法_ES6教程

Promise then() 方法_ES6教程

关于Promise对象的基本介绍可以参阅JavaScriptPromise对象一章节。本文将通过代码实例介绍一下Promisethen()的用法。方法具有两个参数,分别作为Promise对象变为Resolved与Rejected状态

更新时间:2019-10-25类型:
查看详情人气:55
AJAX 创建 XMLHttpRequest对象_AJAX教程

当前所有主流浏览器都支持XMLHttpRequest,W3C规范中的标准对象。如果要发起AJAX请求和监听服务器对于AJAX请求的响应,需要用到XMLHttpRequest对象。特别说明:如果要兼容IE5和IE6浏览器,可以使用Active

更新时间:2019-10-25类型:
查看详情人气:95
AJAX 操作步骤_AJAX教程

本文不对AJAX细节做具体介绍,而是在总体上介绍一下AJAX操作的步骤。更多AJAX相关知识可以参阅本版本的后续相关文章。AJAX操作从大致可以分为如下几个操作步骤:一.创建XMLHttpRequest对象实例:要发起AJAX请求,首先要创

更新时间:2019-10-25类型:
查看详情人气:110
AJAX 介绍_AJAX教程

本文在总体上对AJAX做一个概述,并不会对其技术细节做过多涉及。目的是让读者在总体对AJAX有一个大致的了解,更多内容可以参阅本版块其他文章。一.AJAX是什么:AJAX是异步JavaScript和XML,英文全称是Asynchrono

更新时间:2019-10-25类型:
查看详情人气:107
document.domain_同源策略

document.domain属性可以返回或者当前页面所在域(注意不包括协议)。通过此属性可以在某些情况下实现跨域功能,具体参阅本版块其他相关文章。语法结构:letdomainString=document.domain;docum

更新时间:2019-10-25类型:
查看详情人气:106
iframe 元素跨域访问_同源策略

使用元素可以在当前页面嵌入其他页面。如果两个页面是不同源的,那么父子窗口无法通信,也就是无法拿到对方的DOM。代码如下:document.getElementById("theIframe").contentWindow.d

更新时间:2019-10-25类型:
查看详情人气:89
touches、targetTouches与changedTouches_移动教程

touches、targetTouches与changedTouches_移动教程

移动端触屏事件基本知识可以参阅移动端touch事件一章节。首先看一段代码实例: 更新时间:2019-10-25类型:

查看详情人气:79
JSON.parse() 方法_JSON教程

JSON.parse() 方法_JSON教程

此方法是JSON对象的两个静态方法之一。通过JSON.stringify()方法可以将参数转换为JSON数据,具体参阅JSON.stringify()一章节。而利用JSON.parse()可以将JSON数据解析为最初的数据,当然有很多细节需

更新时间:2019-10-25类型:
查看详情人气:63
toJSON() 方法_JSON教程

toJSON() 方法_JSON教程

在介绍词方法之前首先看一段代码实例,以便展开对此方法的介绍。letdate=newDate();console.log(JSON.stringify(date));代码运行效果截图如下:通过JSON.stringify方法将Dat

更新时间:2019-10-25类型:
查看详情人气:85
JSON.stringify() 方法_JSON教程

JSON.stringify() 方法_JSON教程

功能非常简单的一个方法,但是有很多细节需要注意,本文通过代码实例详细介绍。首先从此方法的名称开始说起,从simplify单词分析开始:(1).simplify是由simple衍化而来,加上ify后缀,变成一个动词,功能是使...简单化。(2

更新时间:2019-10-25类型:
查看详情人气:95
JSON 对象_JSON教程

JSON 对象_JSON教程

千万不要讲JavaScript对象直接量误以为是JSON对象。简单代码如下:letantzone={webName:"Downzz.com",age:5,address:"青岛市南区"}上面是一个对象直接量,而不是什么JSON对象。真正

更新时间:2020-03-18类型:
查看详情人气:106
JSON 介绍_JSON教程

JSON 介绍_JSON教程

本文对JSON做一个总体介绍,语法细节在其他文章进行详细分析。JSON是JavaScriptObjectNotation的缩写,翻译成汉语是"JavaScript对象表示法"。一.JSON特点总结如下:(1).JSON是一种轻量级数据交

更新时间:2019-10-25类型:
查看详情人气:87
JavaScript 对象序列化_JSON教程

JavaScript 对象序列化_JSON教程

对象序列化是一项很重要的操作,对于数据传输与存储有着重要的意义,下面对其进行一下介绍。可能很多朋友已经多次或者频繁应用对象序列化操作,但是并没有意识到。一.对象序列化概念:所谓对象序列化,就是将对象转换为可以存储或者传输的状态的过程。通俗点

更新时间:2019-10-25类型:
查看详情人气:88
window.name 跨域_同源策略

window.name 跨域_同源策略

window.name属性非常的简单,它能够设置或者获取当前窗口对象的名称。关于它的基本用法可以参阅window.name用法一章节。但是此属性的某些特点,又让其有了其他使用价值,那就是跨域操作。特别说明:如果不考虑浏览器兼容性,更加推荐

更新时间:2019-10-25类型:
查看详情人气:72
window.name 用法_JS教程

window.name属性可以设置或者获取当前窗口的名称。是一个非常简单的属性,但是它又有不同寻常之处,利用其可以实现跨域。具体参阅window.name跨域一章节,不过当前推荐使用window.postMessage()实现跨域。关于

更新时间:2019-10-25类型:
查看详情人气:75
window.opener_JS教程

此属性可以返回对创建该窗口的Window对象的引用。使用该属性可以在被创建窗口引用创建它的窗口中定义的属性或者方法。关于window对象更多内容参阅JavaScriptwindow对象一章节。注:表示顶层窗口Window对象才可以使用o

更新时间:2019-10-25类型:
查看详情人气:64
htaccess为目录后面添加斜杠_Rewrite重写

在某些条件下,如果作为路径的目录后面没有斜杠可能会导致访问失败。例如http://www.downzz.com/texiao会产生404效果,这并不是我们想要的。只要在后面添加斜杠即可,下面是一段rewrite规则代码:RewriteEng

更新时间:2019-10-25类型:
查看详情人气:106
谷歌工具模拟打印媒体_谷歌工具

谷歌工具模拟打印媒体_谷歌工具

需要在打印预览模式下查看页面,操作图示如下:然后再进行如下操作:然后再进行如下操作:通过上述设置即可实现标题中的需求,非常简单不再多介绍。

更新时间:2019-10-25类型:
查看详情人气:86
Proxy handler.isExtensible() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以拦截Object.isExtensible()操作。返回一个布尔值,用来标识target对象是否可以扩展。语法结构:varp=newPr

更新时间:2019-10-25类型:
查看详情人气:56
Proxy handler.ownKeys() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以拦截Object.getOwnPropertyNames()操作。返回值是一个数组。语法结构:varp=newProxy(target,

更新时间:2019-10-25类型:
查看详情人气:53
Proxy handler.preventExtensions() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以拦截Object.preventExtensions()操作。返回一个布尔值用来说明操作是否成功。语法结构:varp=newProxy(

更新时间:2019-10-25类型:
查看详情人气:43
Reflect.setPrototypeOf() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以设置指定对象的原型对象,功能与Object.setPrototypeOf()相同。返回一个布尔值用来说明是否设置成功。语法结构:Reflect.

更新时间:2019-10-26类型:
查看详情人气:39
Proxy handler.set() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法会拦截属性赋值操作。返回一个布尔值用来表明是否赋值成功。语法结构:varp=newProxy(target,{set:function

更新时间:2019-10-26类型:
查看详情人气:46
Proxy.revocable() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以创建一个可取消的Proxy实例。返回值是一个对象,该对象的proxy属性是Proxy实例,revoke属性是一个函数,可以取消Proxy实例。语

更新时间:2019-10-26类型:
查看详情人气:48
谷歌浏览器测试移动端网页_谷歌工具

谷歌浏览器测试移动端网页_谷歌工具

首先打开谷歌开发者工具的设备模式,图示如下:点击红框处实现设备模式的切换,切换后重新加载页面效果如下:Downzz.com的页面切换到移动端版本(当然网站必须具有移动版本,否则无效果)。可视窗口控件:使用顶部的可视窗口控件,可以针对各种设备

更新时间:2019-10-26类型:
查看详情人气:96
谷歌浏览器管理cookie_谷歌工具

谷歌浏览器管理cookie_谷歌工具

本文介绍一下如何利用谷歌浏览器查看和删除本地的cookie。关于通过JavaScript对cookie的操作可以参阅JavaScriptcookie等相关文章。一.查看cookie:点击谷歌开发者工具Application选项卡,然后点击

更新时间:2019-10-26类型:
查看详情人气:116
CSS :focus-within 伪类选择器_CSS教程

CSS :focus-within 伪类选择器_CSS教程

:focus伪类选择器大家都比较熟悉,可以匹配获取焦点的适用元素。具体用法可以参阅CSSE:focus选择器一章节。本文再来介绍一个与上述选择器类似的伪类选择器:focus-within。首先从名称对此选择器进行分析,由focus与wi

更新时间:2019-10-26类型:
查看详情人气:66
JavaScript 等号 = 赋值运算符_JS教程

JavaScript 等号 = 赋值运算符_JS教程

赋值运算符是编程语言中最为常见的运算符之一。此运算符用等号表示,与其外观类似的有等号运算符与全等运算符。(1).等号运算符可以参阅JavaScript==等号运算符一章节。(2).全等运算符可以参阅JavaScript三个等号===

更新时间:2019-10-26类型:
查看详情人气:68
谷歌浏览器查看编辑元素CSS样式_谷歌工具

谷歌浏览器查看编辑元素CSS样式_谷歌工具

通过谷歌浏览器可以查看当前页面应用的具体CSS代码。并且还可以在线编辑(仅对客户端有效)对应的CSS代码以便查看页面渲染效果。一.查看指定元素CSS样式:通过谷歌浏览器我们可以查看应用于指定元素上的CSS代码。查看步骤如下:(1).鼠标右击

更新时间:2019-10-26类型:
查看详情人气:164
谷歌浏览器拾色器用法_谷歌工具

谷歌浏览器拾色器用法_谷歌工具

如果用过PS,那么对拾色器肯定不会陌生,可以非常方便的获取图片指定位置颜色值。事实上在网页中也有类似的需求,幸运的是谷歌浏览器提供了拾色器功能。此功能不仅限于拾色器,也可以自行调配颜色值,下面对其做一下介绍。一.打开拾色器:(1).点击F1

更新时间:2019-10-26类型:
查看详情人气:148
VS Code在浏览器预览HTML页面_TS教程

VS Code在浏览器预览HTML页面_TS教程

通常与前端相关的编辑器都有一个将HTML代码在留言器中预览的功能。这是一个非常便利的功能,无需找到文件的位置然后用浏览器打开,直接在编辑器内打开即可。VSCode也具有类似的功能,右键点击对应的HTML页面会出现如下类似截图:但是也有可能

更新时间:2019-10-26类型:
查看详情人气:220
CSS columns多列布局瀑布流_布局案例

CSS columns多列布局瀑布流_布局案例

瀑布流布局大家应该很熟悉,图片站点中有广泛的应用。实现的方式多种多样,本文介绍一下如何利用多列布局属性实现瀑布流。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:72
CSS columns 多列布局_CSS3教程

CSS columns 多列布局_CSS3教程

本文并不会对多列布局的技术细节做介绍,而是从总体上介绍一下它的作用。多列布局早就存在,并且应用非常的频繁,比如一个页面分为三列布局。简单图示如下:图示中,页面的主体部分采用三列布局效果。CSS3之前,实现上述效果主要通过浮动或者两位两种方式

更新时间:2019-10-26类型:
查看详情人气:83
CSS columns_CSS3教程

CSS columns_CSS3教程

columns是一个复合属性,用于设置列数和列的宽度。属性非常简单,但是其中有需要地方需要特别注意,下面会通过代码实力说明。语法结构:columns:[column-width]||[column-count]属性值说明:(1)

更新时间:2019-10-26类型:
查看详情人气:71
CSS column-width_CSS3教程

CSS column-width_CSS3教程

column-width属性可以设置列的宽度。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构:column-width:auto|length;属性值解析:(1).auto:默认值,它的值由其他相关属性决定。(

更新时间:2019-10-26类型:
查看详情人气:55
CSS column-count_CSS3教程

CSS column-count_CSS3教程

column-count属性用于规定列的数量。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构:column-count:auto||num属性值解析:(1).auto:默认值,列的数目根据其他相关属性确定。

更新时间:2019-10-26类型:
查看详情人气:49
CSS column-rule_CSS3教程

CSS column-rule_CSS3教程

column-rule属性用来规定列与列之间的边框样式,有点类似于border属性,复合属性。与border不同的是,它只作用于两列之间的位置,且不占用任何空间。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构:c

更新时间:2019-10-26类型:
查看详情人气:47
CSS column-gap_CSS3教程

CSS column-gap_CSS3教程

column-gap属性用来规定列与列之间的距离。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构:column-gap:normal|属性值解析:(1).normal:默认值,默认情况默认值就

更新时间:2019-10-26类型:
查看详情人气:61
CSS column-span_CSS3教程

CSS column-span_CSS3教程

column-span属性用来规定跨越的列数。关于多列布局的总体介绍参阅CSScolumns多列布局一章节。语法结构:column-span:1||all;参数解析:(1).1:默认值,表示不跨越任何列。(2).all:表示跨越所

更新时间:2019-10-26类型:
查看详情人气:42
Reflect.has() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以判断对象是否具有指定属性,功能类似于in运算符。返回一个布尔值用来说明是否存在指定属性。语法结构:Reflect.has(target,pro

更新时间:2019-10-26类型:
查看详情人气:46
Reflect.set() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以设置指定对象的属性,比如为对象添加新属性或者修改原有属性的值。返回一个布尔值用来说明添加或者修改操作是否成功。语法结构:Reflect.set(

更新时间:2019-10-26类型:
查看详情人气:44
JavaScript event.screenY_JS教程

JavaScript event.screenY_JS教程

此事件属性可返回事件发生时鼠标指针相对于屏幕的垂直坐标。屏幕的左上角是坐标系原点位置,向左是x轴正方向,向下是y轴正方向。这里一定要注意的是,此属性返回的是相对于显示器屏幕的坐标,而不是浏览器客户区。简单图示如下:图示说明如下:(1).蓝色

更新时间:2019-10-26类型:
查看详情人气:65
移动端web适配方案_移动教程

移动端web适配方案_移动教程

移动端适配方案会涉及到几个重要的概念,具体参阅以下文章:(1).设备像素、独立像素和css像素一章节。(2).devicePixelRatio设备像素比一章节。(3).viewport视口详解一章节。(4).metaviewport详解一

更新时间:2019-10-26类型:
查看详情人气:99
TypeScript 可辨识联合类型_TS教程

可以合并字符串字面量类型,联合类型,类型保护和类型别名来创建一个叫做可辨识联合类型。TypeScript基于已有的JavaScript模式,具有3个要素:(1).具有普通字符串字面量属性—可辨识的特征。(2).一个类型别名包含类型的联合—

更新时间:2019-10-26类型:
查看详情人气:82
TypeScript 类型兼容_TS教程

TypeScript类型兼容性是基于结构子类型的;结构类型只使用其成员来描述类型。代码实例:interfaceAntzone{webName:string;}classAntzone{webName:string;}let

更新时间:2019-10-26类型:
查看详情人气:76
POST与GET请求区别_HTTP协议

POST与GET请求区别_HTTP协议

关于HTTP协议更多内容可以参阅HTTP协议一章节。POST和GET都是HTTP请求的方法,当然并不只有这两个方法,只是这两个最常用。图示如下:过谷歌浏览器开发者工具的Network选项卡,可以捕获HTTP请求或者响应的相关信息。上面就是

更新时间:2019-10-26类型:
查看详情人气:115
HTTP 协议详解_HTTP协议

HTTP 协议详解_HTTP协议

本章节主要介绍HTTP1.1版本相关知识,关于HTTP2参阅HTTP2协议一章节。一.什么是协议:现实中,如果人与人或者国与国之间达成一项协议,那么双方就必须要遵守,否则可能会受到某些惩罚。互联网上也是如此,协议是指计算机通信网络中两台计

更新时间:2019-10-26类型:
查看详情人气:82
Reflect.construct() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法行为有点像new操作符构造函数,相当于运行newtarget(...args)。语法结构:Reflect.construct(target,a

更新时间:2019-10-26类型:
查看详情人气:60
Reflect.defineProperty() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法功能类似于Object.defineProperty()方法。它返回一个布尔值用来说明操作是否成功。语法结构:Reflect.definePrope

更新时间:2019-10-26类型:
查看详情人气:81
Reflect.apply() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。通过指定的参数列表发起对目标(target)函数的调用。语法结构:Reflect.apply(target,thisArgument,argument

更新时间:2019-10-26类型:
查看详情人气:106
Symbol.iterator_ES6教程

如果一个对象具有名为Symbol.iterator的属性,那么就可以认为此对象具有遍历器接口。关于遍历器接口可以参阅JavaScriptIterator遍历器一章节。更多关于Symbol内容参阅JavaScriptSymbol一章节。代

更新时间:2019-10-26类型:
查看详情人气:63
Reflect.get() 方法_ES6教程

关于Proxy更多内容可以参阅JavaScriptProxy和Reflect一章节。此方法可以从对象获取指定属性值。语法结构:Reflect.get(target,propertyKey[,receiver])参数解析:(1).tar

更新时间:2019-10-26类型:
查看详情人气:51
CSS line-height 行高_CSS教程

CSS line-height 行高_CSS教程

此属性是CSS中使用最为频繁的属性之一,从字面意思看它用于设置行高。事实也是如此,最常见的操作是通过此属性设置文本居中显示。关于设置为本居中可以参阅如下两篇文章:(1).单行文本居中参阅CSS文本居中一章节。(2).多行文本居中参阅CSS

更新时间:2019-10-26类型:
查看详情人气:42
HTTP 请求延迟解决方案_HTTP协议

HTTP 请求延迟解决方案_HTTP协议

HTTP1.1请求缺陷在当前体现越来越明显,具体参阅HTTP1.1优点与缺点一章节。解决队头堵塞(Head-of-lineblocking)不考虑应用HTTP2协议的话,主要有如下两种方式:(1).减少请求数量。(2).同时多开持久连接。

更新时间:2019-10-26类型:
查看详情人气:107
HTTP 持久连接_HTTP协议

HTTP 持久连接_HTTP协议

在介绍持久连接之前,先简单介绍一下浏览器与HTTP服务器建立TCP连接的简单过程(三次握手):(1).客户端向服务器发送一个小的冗余消息。(2).服务器向客户端确认并响应以一个小的冗余消息。(3).最后是客户端向服务器回确认。往返时间(Ro

更新时间:2019-10-26类型:
查看详情人气:121
yield* 表达式_ES6教程

yield* 表达式_ES6教程

关于Generator函数的更多内容可以参阅JavaScriptGenerator函数一章节。首先特别强调的一点,本文介绍的是yield*的用法,而不是yield。Generator函数中,此表达式可以把需要yield的值委托给任意具有

更新时间:2019-10-26类型:
查看详情人气:146
JavaScript async和await 异步操作_ES6教程

由于JavaScript的执行环境是单线程的,所以异步操作尤为重要,否则不知道会卡成什么样子。异步操作通俗的讲,就是将一件事情分为两个阶段来执行,最典型的就是ajax请求,当向服务器发起请求之后,可以先去执行其他操作,无需等待这个请求过程,

更新时间:2019-10-26类型:
查看详情人气:78
HTTP Etag与If-None-Match_HTTP协议

HTTP Etag与If-None-Match_HTTP协议

更多关于HTTP协议的内容可以参阅HTTP协议一章节。利用缓存可以提高页面的访问速度,提高用户体验,并且还能够减轻服务器压力。首先对页面缓存做一下简单通俗的介绍,要获取一个页面需要向服务器发起一个请求,然后服务器会产生一个响应,响应内容经

更新时间:2019-10-26类型:
查看详情人气:105
Symbol.keyFor() 方法_ES6教程

此方法会获取对应Symbol值的键。更多关于Symbol内容可以参阅JavaScriptSymbol一章节。语法结构:Symbol.keyFor(sym);参数解析:(1).sym:必需,要获取键值的Symbol值。代码实例:lets

更新时间:2019-10-26类型:
查看详情人气:54
Symbol.for() 方法_ES6教程

使用Symbol()方法可以创建一个Symbol类型的值。代码实例如下:lets=Symbol();letone=Symbol("Downzz.com");lettwo=Symbol("Downzz.com");co

更新时间:2019-10-26类型:
查看详情人气:71
HTTP2 协议_HTTP协议

HTTP2 协议_HTTP协议

关于HTTP协议版本的发展可以参阅HTTP版本发展介绍一章节。互联网飞速发展的今天,HTTP1.1版本的不足显现无疑,参阅HTTP1.1有点与缺点一章节。一.HTTP2协议的目的:(1).支持请求与响应的多路复用来减少延迟。(2).压缩H

更新时间:2019-10-26类型:
查看详情人气:87
HTTPS 协议_HTTP协议

HTTPS 协议_HTTP协议

关于HTTPS协议的优点和版本发展可以参阅以下两篇文章:(1).HTTPS优点和缺点一章节。(2).SSL和TLS区别一章节。HTTP协议没有加密机制,但可以通过和SSL(SecureSocketLayer,安全套接层)或TLS(Tr

更新时间:2019-10-26类型:
查看详情人气:109
TypeScript declare_TS教程

TypeScript declare_TS教程

为了增加人性化程度,在IDE编写代码的时候,通常会有智能提示效果。以VScode为例子,截图如下:当键入document.的时候,会自动弹出可能的选项,这是VScode内置的功能。但是当编写jQuery或者其他一些库的代码时候,则没有类似的

更新时间:2019-10-26类型:
查看详情人气:206
SCSS @extend_SCSS教程

假如页面中,有两个报错功能,一个是普通错误,一个是严重错误。这样我们可以定义两个class样式类,.error和.seriousError。代码如下:.error{border:1px#f00;background-color:#f

更新时间:2019-10-26类型:
查看详情人气:0
HTTP 状态码_HTTP协议

HTTP 状态码_HTTP协议

当浏览器客户端向HTTP服务器的页面发起请求之后,无论是否成功。此页面所在的服务器会返回一个包含HTTP状态码的信息头用以响应浏览器的请求。图示如下:第一行响应行的200就是状态码,OK则是对状态码的简要说明。HTTP定了5类状态码,状态码

更新时间:2019-10-26类型:
查看详情人气:117
TypeScript 类型推断_TS教程

TypeScript 类型推断_TS教程

TypeScript中,有些数据没有明确指定类型,但是可以通过类型推断给出类型。代码实例如下:letstr="Downzz.com";上面代码中,str会被推断为string类型数据,截图如下:类型发生在初始化变量和成员,设置默认参数值和

更新时间:2019-10-26类型:
查看详情人气:81
TypeScript type 类型别名_TS教程

TypeScript type 类型别名_TS教程

在实际应用中,有些类型名字比较长或者难以记忆,重新命名是一个较好的解决方案。TypeScript可以通过type关键字给类型重命名,看如下代码实例:interfaceT1{a:boolean;b:string;}interface

更新时间:2019-10-26类型:
查看详情人气:127
TypeScript 接口_TS教程

TypeScript 接口_TS教程

TypeScript核心原则之一是对数据具有的结构进行类型检查。采用被称作为“鸭式辨型法”或“结构性子类型化”的检查原则,通过成员结构来识别类型是否合法。代码实例:functiontest(obj:{webName:string}

更新时间:2019-10-26类型:
查看详情人气:90
移动端 touch事件_移动教程

移动端 touch事件_移动教程

当前移动设备,绝大多数没有鼠标或者键盘,即便有键盘,也是通过点击文本框等输入域弹出的虚拟键盘。所以绝大多数用于PC端的事件在移动端不再有效,或者不再是最佳选择。例如click事件就不推荐在移动端使用,具体参阅touch事件与click事件区

更新时间:2019-10-26类型:
查看详情人气:100
TypeScript class类兼容_TS教程

TypeScript类和接口的兼容性非常类似,但是类分实例部分和静态部分。比较两个类类型数据时,只有实例成员会被比较,静态成员和构造函数不会比较。代码实例如下:classAntzone{webName:string;construct

更新时间:2019-10-26类型:
查看详情人气:92
TypeScript 类型保护_TS教程

TypeScript 类型保护_TS教程

在TypeScript联合类型一章节介绍过,如果一个值是联合类型,那么只能访问联合类型的共有成员。代码实例如下:classBird{leg=2;color="white";fly(){//code}}classInsect{l

更新时间:2019-10-26类型:
查看详情人气:106
window.outerHeight_JS教程

此属性设置或返回一个窗口的外部高度,包括所有界面元素(如工具栏/滚动条)。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构:window.outerHeight=pixels参数解析:pixels:可选,

更新时间:2019-10-26类型:
查看详情人气:57
window.outerWidth_JS教程

此属性设置或返回一个窗口的外部宽度,包括所有界面元素(如工具栏/滚动条)。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构:window.outerWidth=pixels参数解析:pixels:可选,一

更新时间:2019-10-26类型:
查看详情人气:67
JavaScript Symbol_ES6教程

JavaScript Symbol_ES6教程

如果之前没有接触过ES2015,那么肯定没有见过Symbol的身影。JavaScript中数据总体分为两类,一种是引用类型,另一种是值类型,本文不做具体介绍。symbol是一种全新值类型数据,表示一种绝对不重复的值,记住是不可能重复的值。关

更新时间:2019-10-26类型:
查看详情人气:168
JavaScript Set与WeakSet_ES6教程

JavaScript Set与WeakSet_ES6教程

本文将通过代码实例详细介绍一下Set与WeakSet数据结构的用法。两种数据结构是ES2015新增,与数组非常相似,但是区别也很明显,下面会介绍。一.Set对象:通过Set()构造函数可以创建一个Set对象实例。此对象与数组非常相似,但是S

更新时间:2019-10-26类型:
查看详情人气:49
JavaScript Map与WeakMap_ES6教程

JavaScript Map与WeakMap_ES6教程

本文将详细介绍一下Map与WeakMap对象的具体用法。上述两种数据结构是ES2015新增,与已有的对象直接量非常相近。一.Map对象:对于对象直接量非常相似,都是键值对集合,但是Map对象更为完全,且API丰富。两者的核心区别是,对象直接

更新时间:2019-10-26类型:
查看详情人气:49
TypeScript 交叉类型_TS教程

交叉类型(IntersectionTypes)可以将现有的多种类型叠加到一起成为一种类型。也就是说它包含了所有类型的特性,代码实例如下:A&B&C上面的交叉类型同时具有A、B和C三种类型的成员。较多在混入(mixins)或其它不适

更新时间:2019-10-26类型:
查看详情人气:101
JavaScript Promise 对象_ES6教程

JavaScript Promise 对象_ES6教程

JavaScript异步操作在实际项目应用广泛,否则一些当前司空见惯的操作就会将浏览器卡死。举两个比较常见的JavaScript异步操作,一个是ajax操作,另一个是FileReader读取计算机文件。ajax读取远程服务器数据和FileR

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript Generator 函数_ES6教程

JavaScript Generator 函数_ES6教程

本文将通过简单代码实例详细介绍一下Generator函数的用法。看到文章的标题,估计不少朋友会误认为它只是一个名称是Generator的普通函数。事实并非如此,它并不是一个具体的函数,而是一个全新的异步编程方案,一种新的语法结构。一.语法

更新时间:2019-10-26类型:
查看详情人气:77
TypeScript this类型_TS教程

链式调用大家一定不陌生,比如在jQuery中有广泛应用。通过使方法返回当前对象(也就是this)就能够创建链式调用功能。看如下代码实例:exportdefaultclassBasicCalculator{publicconst

更新时间:2019-10-26类型:
查看详情人气:106
SCSS @mixin_SCSS教程

如果存在大段可以重复使用的css代码,使用混合器可以方便的引用它。混合器使用@mixin命令标识,代码实例如下:@mixinrounded-corners{-moz-border-radius:5px;-webkit-border-r

更新时间:2019-10-26类型:
查看详情人气:0
TypeScript 泛型限定_TS教程

泛型比较灵活,可以传递多种数据类型,当然也可以对这个传递的类型进行限定。首先看一段代码实例:functionidentity(arg:T):T{console.log(arg.length);returnarg;}上面的

更新时间:2019-10-26类型:
查看详情人气:74
TypeScript 类实现接口_TS教程

TypeScript 类实现接口_TS教程

TypeScript类实现接口与C#或者Java等语言非常类似,用来强制一个类去符合某种契约。代码实例如下:interfaceItest{webName:string;}classAntzoneimplementsItest

更新时间:2019-10-26类型:
查看详情人气:95
TypeScript 类型断言_TS教程

TypeScript 类型断言_TS教程

类型断言可以实现对已存在数据类型的转换。代码实例如下:letanyValue:any="Downzz.com";letstrLength:number=(anyValue).length;尖括号中的数据

更新时间:2019-10-26类型:
查看详情人气:121
移动端高清屏 1px 解决方案_移动教程

移动端高清屏 1px 解决方案_移动教程

很多时候按部就班的操作可能并不能达到理想的效果,此现象尤其让新手迷惑。比如在移动端高清屏上设置1px尺寸的边框效果,虽然代码正确,但是并不能让人满意。首先看如下代码片段:div{width:5rem;height:2rem;border:

更新时间:2019-10-26类型:
查看详情人气:119
HTTP1.1 优缺点_HTTP协议

HTTP1.1 优缺点_HTTP协议

当前市面上广泛的应用的版本依然是HTTP1.1,起码在中国依然如此。此版本子1997年发布,至今已经二十余年,经历了互联网软硬件大发展的时期。可见此版本的成熟和互联网发展的贡献之大,但任何版本都不可能做到一劳永逸。随着互联网的进一步发展,数

更新时间:2019-10-26类型:
查看详情人气:86
二进制数组 subarray() 方法_ES6教程

二进制数组 subarray() 方法_ES6教程

更多关于TypedArray视图内容可以参阅TypedArray视图一章节。此方法可以对TypedArray数组的一部分,再建立一个新的视图。语法结构:typedarray.subarray([begin[,end]])参数解析:(1)

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript ~ 按位非运算符_JS教程

~是二进制按位非运算符,对每一个二进制位执行非(NOT)操作,获取对应的反码。代码如下:variNum1=25;//25等于00000000000000000000000000011001variNum2=~i

更新时间:2019-10-26类型:
查看详情人气:45
JavaScript | 按位或运算符_JS教程

|是二进制按位或运算符。对每一对二进制位进行或(AND)操作,如下:第一个数字中的数位第二个数字中的数位结果111101011000代码实例:对25和3进行OR运算:variResult=25|3;console.log(iRe

更新时间:2019-10-26类型:
查看详情人气:43
JavaScript << 左移运算符_JS教程

左移运算符由两个小于号(<<)表示。它能够将二进制数整体向左移动指定的位数。代码实例:以数字4为例子做一下介绍,它的二进制表示为:100如果将其左移2位,那么就变成了:10000结果为16,代码实例如下:varnum=4;varn

更新时间:2019-10-26类型:
查看详情人气:58
JavaScript ^ 按位异或运算符_JS教程

^是二进制按位异或运算符。对每一对二进制位进行异或(XOR)操作,只有一个数位存放的是1时,返回值才是1。规则如下:第一个数字中的数位第二个数字中的数位结果110101011000代码实例:对25和3进行异或运算:variRe

更新时间:2019-10-26类型:
查看详情人气:45
document.createDocumentFragment()_JS教程

此方法可能在很多时候使用频率并不是很高,尤其是在比较简单的代码中。因为没有此方法的存在同样会正常达成效果,因为它基本是为了提高性能而存在。createDocumentFragment字面意思是"创建文档碎片",更准确的说是创建文档碎片容器。

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript 文件加载方式_前端规范

本文只介绍不借助于其他相关辅助工具的情况下JavaScript文件加载的相关问题。页面中如果有较多或较为庞大的JavaScript文件加载,那么必须要考虑到性能问题。否则可能在有些情况下会导致页面显示之后,影响用户体验。一.阻塞现象:在默认

更新时间:2019-10-26类型:
查看详情人气:106
Reflect.isExtensible() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以判断一个对象是否是可扩展的,如果可以扩展则返回true,否则返回false。它与Object.isExtensible()功能是完全相同的。语法结构:Reflect.

更新时间:2019-10-26类型:
查看详情人气:48
Reflect.getPrototypeOf() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法的功能类似于Object.getPrototypeOf()方法。返回一个原型对象或者null。语法结构:Reflect.getPrototypeOf(target)参数解

更新时间:2019-10-26类型:
查看详情人气:53
Reflect.preventExtensions() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以将对象设置为不可扩展,与Object.preventExtensions()方法功能基本相同。不同点参阅Reflect.preventExtensions()和Obj

更新时间:2019-10-26类型:
查看详情人气:62
Reflect.getOwnPropertyDescriptor() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法功能类似Object.getOwnPropertyDescriptor()。返回一个属性特性描述对象或者undefined。语法结构:Reflect.getOwnProp

更新时间:2019-10-26类型:
查看详情人气:47
Reflect.ownKeys() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会返回一个数组,此数组中包含有参数对象自有属性名称。语法结构:Reflect.ownKeys(target)参数解析:(1).target:从中获取自由属性名称的对象。特

更新时间:2019-10-26类型:
查看详情人气:41
Proxy handler.construct() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截Proxy实例作为构造函数调用的操作;返回值是一个对象。语法结构:varp=newProxy(target,{construct:function(ta

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript & 按位与运算符_JS教程

&是二进制按位与运算符。对每一对二进制位进行与(AND)操作,如下:第一个数字中的数位第二个数字中的数位结果111100010000代码实例:要对数字25和3进行AND运算,代码如下所示:variResult=25&3

更新时间:2019-10-26类型:
查看详情人气:59
CSS transform-origin_CSS3教程

CSS transform-origin_CSS3教程

本站一贯的风格是,掌握概念从其名称入手,本文也不例外。属性transform-origin由单词transform与origin构成,简单分析如下:(1).transform:说明此属性与transform变换相关,这个是很显然的事情。(2

更新时间:2019-10-26类型:
查看详情人气:45
CSS3 2D/3D 转换_CSS3教程

CSS3 2D/3D 转换_CSS3教程

transform变换分为2D变换与3D变换。很容易理解2D变换是在二维空间进行,3D变换则是在三维空间。建议在阅读完本文后阅读CSS3transform属性一章节,了解变换的实质。一.transform2D变换:2D变换比较简单一些

更新时间:2019-10-26类型:
查看详情人气:72
CSS transform 属性_CSS3教程

CSS transform 属性_CSS3教程

此属性是CSS3新增,transform翻译成汉语具有"变换"或者"改变"的意思。通过此属性具有非常强大的功能,比如可以实现元素的位移、拉伸或者旋转等效果。最能体现transform属性强大实力的是实现元素的3D变换效果。本文并不会过多介

更新时间:2019-10-26类型:
查看详情人气:67
CSS perspective 属性_CSS3教程

CSS perspective 属性_CSS3教程

版本发展到CSS3,功能得到了极大的提高,原本难以实现的功能,现在已经变得相对轻松。比如美观的3D图片轮播效果,在以前很可能要借助于flash或者结合JavaScript通过复杂的代码实现。当前通过CSS3就可以较为轻松的实现,并且性能更为

更新时间:2019-10-26类型:
查看详情人气:52
CSS opacity 透明度_CSS3教程

CSS opacity 透明度_CSS3教程

opacity翻译成汉语具有"不透明性",那么可以推测此属性用于设置不透明度。设置不透明度其实也就是设置透明度,这个很容易理解。CSS中设置透明度的属性有很多,简单罗列如下:(1).CSSRGBA属性一章节。(2).CSSHSL()

更新时间:2019-10-26类型:
查看详情人气:76
CSS @media 媒体查询_CSS3教程

由于媒体尺寸的多样性,为了能够使同一套代码适配多种尺寸媒体,于是产生了响应式布局。响应式布局,就是页面能够根据当前媒体的不同应用不同的布局方式,以此达到最佳效果。布局方式通常由CSS控制,媒体查询可以判断当前媒体类型,从而应用不同的CSS代

更新时间:2019-10-26类型:
查看详情人气:49
JavaScript matchMedia()_CSS操作

JavaScript matchMedia()_CSS操作

延续本站的一贯传统,首先从方法名称入手对其功能进行分析。matchMedia是match和media的合成词,分解如下:(1).match:翻译成汉语具有"匹配"的意思。(2).media:翻译成汉语具有"媒体"或者"媒介"的意思。命名的确

更新时间:2019-10-26类型:
查看详情人气:57
HTML 语义化布局_HTML教程

HTML 语义化布局_HTML教程

本文并不会对HTML语义化布局的具体细节做介绍,而是从宏观角度分析它的必要性。HTML5标准新增若干语义化标签,随着HTML5的逐渐推广,语义化布局得到越来越多的重视。当然语义化布局不是HTML5的专利,比如、或者等都

更新时间:2019-10-26类型:
查看详情人气:107
CSS clip-path_CSS3教程

CSS clip-path_CSS3教程

掌握此属性首先从其名称入手,这也是本站文章的常见风格。clip-path由单词clip与path构成,clip翻译成汉语具有"剪切"的意思,path翻译成汉语具有"路径"的意思。名副其实,此属性可以沿着指定的路径对元素或者图形进行裁切操作。

更新时间:2019-10-26类型:
查看详情人气:36
JavaScript scrollY_JS教程

此属性可以返回当前页面或者文档向向上滚动的尺寸,返回值是数字,默认单位为像素,只读属性。当页面垂直尺寸较大的时候,右侧会出现垂直滚动条,scrollY就是获取垂直滚动的尺寸。pageYOffset属性是scrollY属性的别名,与scrol

更新时间:2019-10-26类型:
查看详情人气:41
JavaScript scrollX_JS教程

JavaScript scrollX_JS教程

此属性可以返回当前页面或者文档向左滚动的尺寸,返回值是数字,默认单位为像素,只读属性。当页面水平尺寸较大的时候,页面会在底部出现水平滚动条,scrollX就是获取水平滚动尺寸。pageXOffset属性是scrollX属性的别名,与scro

更新时间:2019-10-26类型:
查看详情人气:47
CSS align-self_CSS3教程

CSS align-self_CSS3教程

关于弹性布局的基本介绍可以参阅display:flex弹性布局一章节。上述文章虽有涉及,但非常简略,本文再通过代码实例详细介绍一下此属性的用法。只要掌握了align-items属性,那么基本就掌握align-self属性的用法。两个属性的

更新时间:2019-10-26类型:
查看详情人气:34
CSS align-content_CSS3教程

CSS align-content_CSS3教程

关于弹性布局的总体概括性介绍可以参阅display:flex弹性布局一章节。此属性用于设置交叉轴方向项目的对齐方式,本文将通过代码实例对其进行详细介绍。一.知识准备:(1).弹性容器中的轴线:将元素的display属性值设置为flex或者

更新时间:2019-10-26类型:
查看详情人气:30
Proxy handler.apply() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以拦截Proxy实例作为函数调用的操作,包括call()或者apply()方式调用。可以返回任意类型的值。语法结构:varp=newProxy(target

更新时间:2019-10-26类型:
查看详情人气:53
touch事件与click事件区别_移动教程

touch事件与click事件区别_移动教程

两个事件从名称上看差别有点大,touch事件用于移动端,click事件专注于电脑端。但是两者又有很大的相似之处,都是点击事件,一个是触屏点击,一个是通过鼠标点击。还有让人迷惑的一点,就是click事件用于移动端触屏点击同样有效。首先看一段代

更新时间:2019-10-26类型:
查看详情人气:96
Proxy handler.getOwnPropertyDescriptor() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法能够拦截Object.getOwnPropertyDescriptor()操作。返回值是对象或者undefined。语法结构:varp=newProxy(targ

更新时间:2019-10-26类型:
查看详情人气:41
Proxy handler.deleteProperty() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截delete删除属性操作,返回一个布尔值用来标识删除操作是否成功。语法结构:varp=newProxy(target,{deleteProperty:f

更新时间:2019-10-26类型:
查看详情人气:57
Proxy handler.getPrototypeOf() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以拦截获取原型对象操作,返回值是一个对象或者null。语法结构:varp=newProxy(obj,{getPrototypeOf(target){//co

更新时间:2019-10-26类型:
查看详情人气:51
JavaScript != 不相等运算符_JS教程

JavaScript != 不相等运算符_JS教程

不相等运算符与相等运算符(==)是相对的。关于相等运算符可以参阅JavaScript==等号运算符一章节。只要理解了相等运算符,那么也就等同于理解了不相等运算符。为了便于理解,本文再通过代码实例详细介绍一下不相等运算符的用法。一.运算符

更新时间:2019-10-26类型:
查看详情人气:68
HTML <meter> 计量条_HTML教程

HTML <meter> 计量条_HTML教程

元素是HTML5新增,用来显示已知数据范围内标量值,通常用于指示当前数据处于某种状态。上述阐述太晦涩了,原本很容易理解的概念一旦套上高大上的概念就让人有点迷茫。计量条对于绝大度数朋友应该都不陌生,举一个简单的例子,竞技游戏中,

更新时间:2019-10-26类型:
查看详情人气:72
JavaScript event.offsetY_JS教程

此事件属于可以返回鼠标指针位于事件源对象中的坐标。它与event.offsetX原理完全一致,只是方位不同,所以本文不再做详细介绍。具体原理可以参阅JavaScriptoffsetX属性一章节。语法结构:event.offsetX浏览器

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript resizeTo()_JS教程

本站一直都推荐,掌握一个概念的具体含义,可以从其名称入手。resizeTo由单词resize与to合成,resize翻译成汉语具有"修改尺寸"的意思,to则表示达到一个最终目标。那么resizeTo则表示将尺寸调整到一个目标值,事实也是如此

更新时间:2019-10-26类型:
查看详情人气:84
WeakSet add() 方法_ES6教程

WeakSet add() 方法_ES6教程

add方法可以为WeakSet添加新元素。新元素必须是一个对象,而不是任意值,并且必须是唯一的。如果将非唯一的元素添加到WeakSet,则新元素不会添加到集合中。更多关于WeakSet内容可以参阅Set和WeakSet数据结构一章节。语

更新时间:2019-10-26类型:
查看详情人气:39
Proxy handler.defineProperty() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截Object.defineProperty或者Reflect.defineProperty()操作。返回一个布尔值用来说明操作是否成功。语法结构:varp=n

更新时间:2019-10-26类型:
查看详情人气:51
Proxy handler.setPrototypeOf() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法可以拦截Object.setPrototypeOf()操作。返回一个布尔值用来说明原型对象是否设置成功。语法结构:varp=newProxy(target,{s

更新时间:2019-10-26类型:
查看详情人气:55
Reflect.deleteProperty() 方法_ES6教程

Reflect.deleteProperty() 方法_ES6教程

此方法功能类似于delete运算符,返回的布尔值用来标识属性是否删除成功。关于Proxy更多内容可以参阅Proxy和Reflect一章节。语法结构:Reflect.deleteProperty(target,propertyKey)参数解

更新时间:2019-10-26类型:
查看详情人气:52
Set clear() 方法_ES6教程

Set clear() 方法_ES6教程

clear方法可以清空一个Set对象中的所有元素。更多关于Set内容可以参阅Set和WeakSet数据结构一章节。语法结构:Set.clear();代码实例:letmySet=newSet();mySet.add("Down

更新时间:2019-10-26类型:
查看详情人气:49
CSS calc()_CSS3教程

CSS calc()_CSS3教程

在介绍cal()具体用法之前,先对其进行一个总体介绍。如果学习过JavaScript等编程语言,它的外观非常像一个函数,功能也非常类似。不妨认为它就是CSS中的一个函数,函数名称calc是calculate的缩写,翻译成汉语具有"计算"的意

更新时间:2019-10-26类型:
查看详情人气:32
JavaScript 包装对象_JS教程

JavaScript 包装对象_JS教程

无论生活中还是工作中,都有很多习以为常的现象或者认为理所应当的事情。但是如果真的去探究其中的来龙去脉或者原理,可能未必能那么清晰,甚至让人感觉匪夷所思。比如苹果落地现象,普通人肯定感觉这是理所当然的事情,如果不是牛顿多思,岂能发现万有引力。

更新时间:2019-10-26类型:
查看详情人气:76
CSS flex-shrink_CSS3教程

CSS flex-shrink_CSS3教程

关于弹性布局的总体介绍可以参阅display:flex弹性布局一章节。上述文章对弹性布局进行了概括性介绍,但过于简略,很多初学者难以理解。本文专注于通过代码实例对其中属性之一flex-shrink进行详细介绍。一.基础概念:从"弹性布局"

更新时间:2019-10-26类型:
查看详情人气:35
CSS align-items_CSS3教程

CSS align-items_CSS3教程

关于弹性布局的更多内容可以参阅display:flex弹性布局一章节。CSS弹性布局涉及的属性非常多,本文通过代码实例详细介绍一下align-items用法。align-items属性用于规定弹性布局容器中的项目在交叉轴上的排列方式。特别

更新时间:2019-10-26类型:
查看详情人气:119
CSS justify-content_CSS3教程

CSS justify-content_CSS3教程

关于弹性布局更多内容可以参阅display:flex弹性布局一章节。本文将分步通过代码实例详细介绍一下justify-content属性的用法。一.相关知识准备:通过display:flex可以将元素设置为弹性布局容器元素。容器元素具有两

更新时间:2019-10-26类型:
查看详情人气:27
CSS flex-flow_CSS3教程

CSS flex-flow_CSS3教程

CSS弹性布局总体介绍可以参阅display:flex弹性布局一章节。本文专注于介绍弹性布局众多属性之一的flex-flow属性。此属性非常简单,因为它是弹性布局的中flex-direction和flex-wrap属性的合体。也就是说f

更新时间:2019-10-26类型:
查看详情人气:30
CSS flex-wrap_CSS3教程

CSS flex-wrap_CSS3教程

flex-wrap属性是众多的弹性布局属性之一,本文将结合代码实例对其进行详细介绍。关于弹性布局的基本用法本文不做介绍,具体参阅display:flex弹性布局一章节。对于此属性的介绍,依然坚持本站的风格,从名称入手,flex-wrap解

更新时间:2019-10-26类型:
查看详情人气:34
CSS flex-direction_CSS3教程

CSS flex-direction_CSS3教程

关于弹性布局的概括性介绍可以参阅display:flex弹性布局一章节。虽然有对flex-direction属性的介绍,但非常简单,本文再通过代码实例对其进行详细介绍。本站总是强调对于属性的理解,可以从其名称入手,flex-directi

更新时间:2019-10-26类型:
查看详情人气:34
CSS flex-grow 属性_CSS3教程

CSS flex-grow 属性_CSS3教程

关于弹性布局的总体介绍可以参阅display:flex弹性布局一章节。上面是一篇概括性文章,仅对相关属性进行了基础介绍,细节方面有所欠缺。本文则通过代码实例详细介绍一下弹性布局中的flex-grow属性。一.弹性布局概括:弹性布局的内容较

更新时间:2019-10-26类型:
查看详情人气:63
CSS flex-basis_CSS3教程

CSS flex-basis_CSS3教程

在display:flex弹性布局一章节对弹性布局进行了概括介绍。上述文章能够让读者在总体上对弹性布局有一个基本的认识与把握。但是如果要熟练应用,则需要对弹性布局涉及的相关属性有比较深入的了解。本文将通过代码实例详细介绍一下flex-ba

更新时间:2019-10-26类型:
查看详情人气:60
Proxy handler.get() 方法_ES6教程

关于Proxy更多内容可以参阅Proxy和Reflect一章节。此方法会拦截属性的读取操作;可以返回任意类型的值。语法结构:varp=newProxy(target,{get:function(target,property

更新时间:2019-10-26类型:
查看详情人气:55
CSS flex_CSS3教程

CSS3弹性布局总体介绍可以参阅display:flex弹性布局一章节。此属性是flex-grow、flex-shrink和flex-basis属性的复合写法。默认属性值为01auto。如果元素不是Flex项目,则此属性不起作用。语

更新时间:2019-10-26类型:
查看详情人气:58
JavaScript invalid 事件_表单验证

编程语言中,名称总是能够体现功能,所以掌握一个概念的功能可以从其名称入手。invalid由in与valid组合而成,in在语法中表示否定的意思,valid翻译成汉语具有"有效"或者"健全"的意思。那么两者组合起来表示"无效"或者"不健全",

更新时间:2019-10-26类型:
查看详情人气:69
HTML5 自定义验证信息显示方式_表单验证

HTML5 自定义验证信息显示方式_表单验证

HTML5内置表单验证功能,在某种程度上提高了开发效率。比如要求某个文本框是必填的,只要为其添加required属性即可。如果要求内容必须是邮箱格式,只需将input的type属性值设置为"email"即可。比使用JavaScript写验证

更新时间:2019-10-26类型:
查看详情人气:88
HTML5 novalidate 属性_表单验证

HTML5内置了很多表单验证规则,比如为input文本框添加required属性即可实现必需性验证。如果提交表单的时候文本框为空,那么就会弹出报错警告框,非常方便。但是在实际应用中,可能需要禁用这个内置的表单验证效果。novalidate属

更新时间:2019-10-26类型:
查看详情人气:72
JavaScript >> 有符号右移运算符_JS教程

JavaScript >> 有符号右移运算符_JS教程

有符号右移运算符由两个大于号(>>)表示。它能够将3二进制数整体右移指定的位数,左侧出现的空位用符号位填充。255的二进制数是:00000000000000000000000011111111右移6位就是:00000000000000000

更新时间:2019-10-26类型:
查看详情人气:69
Symbol toString() 方法_ES6教程

此方法会返回当前symbol对象的字符串表示。更多关于Symbol的内容可以参阅ES2015Symbol一章节。语法结构:symbol.toString();代码实例:lets=Symbol("Downzz.com");conso

更新时间:2019-10-26类型:
查看详情人气:48
Proxy handler.has() 方法_ES6教程

此方法可以拦截属性检索操作。返回一个布尔值用来标识target对象是否具有指定属性。关于Proxy更多内容可以参阅ES2015Proxy和Reflect一章节。语法结构:Reflect.has(target,propertyKey)参数

更新时间:2019-10-26类型:
查看详情人气:62
WeakMap has() 方法_ES6教程

WeakMap has() 方法_ES6教程

has方法判断WeakMap对象包含指定的元素。如果有则返回true,否则返回false。更多关于WeakMap内容参阅Map和WeakMap数据结构一章节。语法结构:weakmapObj.has(key)参数解析:(1).key:必需,

更新时间:2019-10-26类型:
查看详情人气:70
WeakMap get() 方法_ES6教程

WeakMap get() 方法_ES6教程

get方法可以通过键从WeakMap对象中返回指定的元素。如果WeakMap不包含对应的键,方法返回undefined。更多关于WeakMap内容参阅Map和WeakMap数据结构一章节。语法结构:weakmapObj.get(key)参

更新时间:2019-10-26类型:
查看详情人气:52
JavaScript offsetX 属性_JS教程

JavaScript offsetX 属性_JS教程

实际应用中经常需要获取鼠标指针的坐标,比如在浏览器客户区中的坐标,在整个文档中的坐标。随着版本的更新,实现上述类似功能越来越方便,因为JavaScript已经内置对应属性:(1).获取鼠标指针在客户区中的坐标可以参阅JavaScriptc

更新时间:2019-10-26类型:
查看详情人气:92
WeakSet has() 方法_ES6教程

WeakSet has() 方法_ES6教程

has方法可以判断WeakSet对象是否具有指定元素。如果具有则返回true,否则返回false。更多关于WeakSet内容参阅Set和WeakSet数据结构一章节。语法结构:ws.has(obj);参数解析:(1).obj:必需。要测试

更新时间:2019-10-26类型:
查看详情人气:51
Set forEach() 方法_ES6教程

Set forEach() 方法_ES6教程

forEach方法可以遍历Set对象中的每一个元素。此方法会针对集合中的每个元素执行提供的callback函数一次。更多关于Set内容参阅Set和WeakSet数据结构一章节。语法结构:mySet.forEach(callback[,t

更新时间:2019-10-26类型:
查看详情人气:48
WeakSet delete() 方法_ES6教程

WeakSet delete() 方法_ES6教程

delete方法可以移除WeakSet指定元素。如果删除成功返回true,否则返回false。更多关于WeakSet内容参阅Set和WeakSet数据结构一章节。语法结构:weaksetObj.delete(obj)参数解析:(1).ob

更新时间:2019-10-26类型:
查看详情人气:46
WeakMap delete() 方法_ES6教程

WeakMap delete() 方法_ES6教程

delete方法从WeakMap对象中移除指定的元素。如果删除成功则返回true,否则返回false。更多关于WeakMap内容参阅Map和WeakMap数据结构一章节。语法结构:weakmapObj.delete(key)参数解析:(1

更新时间:2019-10-26类型:
查看详情人气:49
Map values() 方法_ES6教程

Map values() 方法_ES6教程

values方法可以返回Map对象值的遍历器对象。关于遍历器对象参阅JavaScriptIterator遍历器一章节。更多内容可以参阅Map和WeakMap数据结构一章节。语法结构:myMap.values()代码实例:letmap

更新时间:2019-10-26类型:
查看详情人气:48
Map forEach() 方法_ES6教程

此方法将会以插入顺序对Map对象中的每一个键值对执行一次参数提供的回调函数。更多内容可以参阅Map和WeakMap数据结构一章节。语法结构:myMap.forEach(callback[,thisArg])参数解析:(1).callba

更新时间:2019-10-26类型:
查看详情人气:44
Set values() 方法_ES6教程

Set values() 方法_ES6教程

values方法可以返回Set对象值的遍历器对象。更多关于Set内容参阅Set和WeakSet数据结构一章节。语法结构:mySet.values();代码实例:letmySet=newSet();mySet.add("Downz

更新时间:2019-10-26类型:
查看详情人气:62
Map size 属性_ES6教程

Map size 属性_ES6教程

size属性返回Map对象的元素数量。更多内容可以参阅Map与WeakMap数据结构一章节。语法结构:sizeVar=mapObj.size代码实例:letmapData=newMap();mapData.set("a",

更新时间:2019-10-26类型:
查看详情人气:86
Map entries() 方法_ES6教程

Map entries() 方法_ES6教程

entries方法可以返回Map对象键值对的遍历器对象。返回的遍历器对象的迭代顺序与Map对象的插入顺序相同。更多关于遍历器对象内容可以参阅Iterator遍历器一章节。语法结构:myMap.entries()代码实例:letmapDa

更新时间:2019-10-26类型:
查看详情人气:63
Map set() 方法_ES6教程

Map set() 方法_ES6教程

set方法可以向Map对象添加新元素。更多内容参阅Map与WeakMap数据结构一章节。语法结构:mapObj.set(key,value)参数解析:(1).key:必需,新元素的键。(2).value:必需,要添加的元素的值。代码实例

更新时间:2019-10-26类型:
查看详情人气:72
Map keys() 方法_ES6教程

Map keys() 方法_ES6教程

keys方法可以返回一个Map对象的键的遍历器对象。关于遍历器对象可以参阅ES2015Iterator遍历器一章节。更多内容可以参阅Map与WeakMap数据结构一章节。语法结构:Map.keys()代码实例:letmapData

更新时间:2019-10-26类型:
查看详情人气:202
SSL和TLS 区别_HTTP协议

由于协议的安全性,再加上搜索引擎公司的推动,采用HTTPS的网站越来越多。当前网上有对HTTPS的两种阐述,一种是基于SSL,一种是基于TLS协议。那么这两种说明哪一种是正确的,下面对两者的区别进行一下说明。两种答案都正确,只是版本不同而已

更新时间:2019-10-26类型:
查看详情人气:83
CSS :out-of-range 选择器_CSS教程

此选择器可以匹配值不在指定区间的表单元素。有些表单元素可以通过min或者max设置最大值和最小值。如果值不在min与max指定的区间之内,那么此表单元素可以被选择器匹配。语法结构:E:out-of-range{Rules}浏览器支持:

更新时间:2019-10-26类型:
查看详情人气:72
CSS :read-write 选择器_CSS教程

此选择器可以匹配可读写元素。特别说明:此选择器仅对input和textarea表单元素有效。语法结构:E:read-write{Rules}浏览器支持:(1).IE浏览器不支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌

更新时间:2019-10-26类型:
查看详情人气:74
CSS :valid 选择器_CSS教程

此选择器可以匹配HTML5表单验证通过的元素。通过此选择器可以给表单验证通过的元素以特别的样式设置。语法结构:E:valid{Rules}浏览器支持:(1).IE9+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌

更新时间:2019-10-26类型:
查看详情人气:94
CSS :read-only 选择器_CSS教程

CSS :read-only 选择器_CSS教程

此选择器可以匹配只读表单元素,也就是具有readonly属性的元素。特别说明:此选择器不仅适用于表单元素,也可以使用其他元素,以实测为准。语法结构:E:read-only{Rules}浏览器支持:(1).IE9+浏览器支持此选择器。(

更新时间:2019-10-26类型:
查看详情人气:94
CSS :optional 选择器_CSS教程

CSS :optional 选择器_CSS教程

optional翻译成汉语具有"可选"的意思。名副其实,此选择器可以匹配非必需表单元素。所谓非必需表单元素,也就是不具有required属性的表单元素。语法结构:E:optional{Rules}特别说明:E是一个选择器,匹配的必须是

更新时间:2019-10-26类型:
查看详情人气:76
CSS :required 选择器_CSS教程

CSS :required 选择器_CSS教程

此选择器可以匹配具有required属性的表单元素。也就是匹配具有必需属性的表单元素,然后设置其样式。语法结构:E:required{Rules}特别说明:E是一个选择器,匹配的必须是表单元素。浏览器支持:(1).IE9+浏览器支持此选

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript validity 属性_表单验证

JavaScript validity 属性_表单验证

validity属性是HTML5新增,从名称来看应该与表单验证相关。事实也是如此,此属性可以返回一个包含验证相关信息的ValidityState对象。HTML5为我们提供了实现简便表单验证的途径,但是简便的成本就是比较粗糙。当然,HTML5

更新时间:2019-10-26类型:
查看详情人气:94
HTML5 setCustomValidity()自定义验证信息_表单验证

HTML5 setCustomValidity()自定义验证信息_表单验证

表单是网页的核心之一,前端表单验证自然是一项重要的工作。此工作是网站优化的一部分,由于不通过服务器,所以能以较快的响应速度给用户提示。HTML5之前,前端表单验证主要利用原生JavaScript或者相关插件,相对较为繁琐。随着版本演进,HT

更新时间:2019-10-26类型:
查看详情人气:103
HTML5 pattern自定义验证规则_表单验证

HTML5 pattern自定义验证规则_表单验证

HTML5提供非常简便的验证方式,对于提高开发效率非常有必要。但是有些验证的内置规则并不能完全满足需求,举两个例子:(1).type="number"可以限定输入必须数字,但是不能限定输入数字必须带有两个小数。(2).type="url"可

更新时间:2019-10-26类型:
查看详情人气:74
表单限制字符串输入长度_表单验证

比如在对单行文本框或者多行文本框输入字符串的时候。可能会有输入长度的限制,传统JavaScript方式实现较为麻烦。HTML5提供了更为简单的方式,代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:84
表单填写数字类型验证_表单验证

实际应用中,可能期望输入的内容是数字,否则弹出报错提示。HTML5之前可以采用如下代码进行验证: 更新时间:2019-10-26类型:

查看详情人气:86
邮箱格式验证_表单验证

邮箱自然是有固定格式的,在提交表单的时候通常需要进行验证。首先看一段JavaScript实现的验证代码: 更新时间:2019-10-26类型:

查看详情人气:102
URL格式验证_表单验证

首先说明一下,URL并不仅仅代表网址。也可以是ftp或者数据库地址等一切符合指定语法格式的地址。更多关于URL内容可以参阅URL结构分析一章节。首先介绍一下HTML5之前如何实现URL格式验证,代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:98
复选框必选验证_表单验证

复选框必选验证_表单验证

使用表单元素的required可以实现必填或者必选验证。更多内容可以参阅表单required必需验证一章节。本文通过代码实例介绍一下,如何实现复选框的必选性验证。首先看一段代码实例: 更新时间:2019-10-26类型:

查看详情人气:80
表单required 必需验证_表单验证

表单required 必需验证_表单验证

实际应用中,有些表单是必需的,也就是value值不能为空,否则将会给出提示。HTML5之前,实现此验证相对稍稍麻烦一些,极为简单的需求也需要不少的JavaScript代码。现在已经有了更为简单的方式可以实现必需性验证,只需要添加requir

更新时间:2019-10-26类型:
查看详情人气:84
CSS3 quotes_CSS3教程

CSS3 quotes_CSS3教程

quotes属性可能在实际项目中较少用到,因为它的功能并不是不可替代。当然也不能太绝对,也许在某些功能中能够起到比较好的效果。下面通过代码实例介绍一下它的用法,首先从其名字入手。quote翻译成汉语具有"引号"的意思,引号都是成对出现的,用

更新时间:2019-10-26类型:
查看详情人气:54
HTML <progress> 进度条_HTML教程

HTML <progress> 进度条_HTML教程

HTML5之前没有自带的进度条效果,只能通过JavaScript结合CSS模拟实现。模拟实现进度条可以参阅JavaScript动态进度条效果一章节。大家知道,版本的更新通常意味着功能的增强与便利性的提高,HTML也不例外。HTML5新增<

更新时间:2019-10-26类型:
查看详情人气:90
JavaScript 表单验证代码实例_表单验证

本文分享一段通过JavaScript实现的简单表单验证代码实例。不使用任何HTML5新增的表单验证特性。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:93
前端表单验证的目的_表单验证

前端表单验证的目的_表单验证

只要稍微正规的网站,如果有用户交互界面,基本都会有表单验证功能。比如本站的用户注册界面,就有比较简单的验证功能,如果数据错误会给出对应的提示。表单验证的目的是以人性化的方式给予用户表单期望数据的提示或者错误信息反馈。一.验证的分类:从验证的

更新时间:2019-10-26类型:
查看详情人气:99
表单验证教程简介_表单验证

本文介绍一下本版块验证教程的大致内容。Downzz.com表单验证教程的目的是分享HTML5提供的验证新特性。HTML5之前,表单验证的实现基本完全依靠JavaScript,也可以利用一些插件。技术的进步首先首先考量的是人性化,或者说便利化

更新时间:2019-10-26类型:
查看详情人气:68
display:flex 弹性布局_CSS3教程

display:flex 弹性布局_CSS3教程

弹性布局在CSS3中是非常重要的概念,当然这取决于它的便利性。虽然在电脑端存在着很大的兼容性问题,但是随着时间的推移,软硬件的升级,肯定会得到广泛应用。本文将通过代码实例结合图示详细介绍一下display:flex的用法,希望能够给需要的朋

更新时间:2019-10-26类型:
查看详情人气:75
URL、URI与URN 区别_HTTP协议

URL、URI与URN 区别_HTTP协议

比较相似的概念往往难以区分,或者对它们没有足够了解的话可能出现错用的现象。标题中的三个概念无论从名称还是内容上都非常相似,由此给很多朋友带来一些困惑。本文将详细介绍一下它们之间的区别和联系,希望能够给需要的朋友来一定的帮助。一.URL:此概

更新时间:2019-10-26类型:
查看详情人气:100
HTTPS 优点与缺点_HTTP协议

凡事有利有弊,高性能的手机,使用体验好,但是价格成本高。同样的道理,HTTPS虽然有点很多,但是也有一定的缺点,下面分别做一下介绍。一.HTTPS优点:(1).通过证书认证客户端和服务器身份,保证安全。(2).通信内容会被加密,保证了数据安

更新时间:2019-10-26类型:
查看详情人气:97
JavaScript event.clientX_JS教程

JavaScript event.clientX_JS教程

理解一个属性的功能可以从其名称入手,clientX属性也不例外。此属性属于事件对象,可以在事件处理函数内部使用,更多内容参阅JavaScript事件对象一章节。clientX由client和x结合而成,client翻译成汉语具有客户区的意

更新时间:2019-10-26类型:
查看详情人气:67
getBoundingClientRect() 方法_JS教程

getBoundingClientRect() 方法_JS教程

JavaScript对dom操作的所有方法使用方式都是非常简单的。难点在于理解此方法具体的作用什么,如果了解它的实质,一切都会感觉那么简单。本文所要介绍的方法也是如此,看起来比较唬人,其实非常简单,尤其是结合图示介绍。此方法能够获取元素四个

更新时间:2019-10-26类型:
查看详情人气:65
URL 结构分析_HTTP协议

关于URL多数人应该不会陌生,对它的直观印象就是网址。没问所要介绍的内容就是我们所熟悉的网址,对其结构进行详细分析。特别说明:(1).当前较为规范的技术文档一般不再将网址称为URL,而是统一使用URI替代。(2).URL并不仅仅包括网址,本

更新时间:2019-10-26类型:
查看详情人气:122
TypeScript 接口继承_TS教程

接口之间也可以继承,使用extends关键字即可实现:interfaceIWebName{webName:string;}interfaceIAntzoneextendsIWebName{age:number;addres

更新时间:2019-10-26类型:
查看详情人气:105
Map has() 方法_ES6教程

Map has() 方法_ES6教程

has方法可以判断Map对象中是否存在指定元素。如果具有指定元素则返回true,否则返回false。更多内容参阅Map与WeakMap数据结构一章节。语法结构:myMap.has(key);参数解析:(1).key:必需.用来检测是否存

更新时间:2019-10-26类型:
查看详情人气:77
TypeScript @types_TS教程

TypeScript @types_TS教程

在阅读本文之前建议阅读以下两篇文章:(1).TypeScriptd.ts文件一章节。(2).TypeScriptdeclare一章节。Typescript2.0之后,TypeScript将会默认查看node_modules/@ty

更新时间:2019-10-26类型:
查看详情人气:108
TypeScript 联合类型_TS教程

联合类型表示一个值可以是几种数据类型中的某一种。类型之间使用竖线"|"分隔,代码如下:letval:number|string;表示val值可以是number类型或者string类型的某一种。再来看一段代码实例:functionte

更新时间:2019-10-26类型:
查看详情人气:92
Map delete() 方法_ES6教程

Map delete() 方法_ES6教程

delete方法可以从Map对象中删除指定元素,移除成功则返回true,否则返回false。更多内容参阅Map与WeakMap数据结构一章节。语法结构:mapObj.delete(key)参数解析:(1).必需,要移除的Map对象的键。代

更新时间:2019-10-26类型:
查看详情人气:63
CSS @ 符号_CSS教程

CSS代码中经常会有@命令的应用,且功能多样。语法结构基本是一致的,@后面紧跟一个关键字,用于规定各自的功能。本文对常见的@的用法进行一下总结罗列,需要的朋友可以做一下对比参考。不会对每一个具体命令做详细介绍,更多内容可以参阅对应的文章。一

更新时间:2019-10-26类型:
查看详情人气:76
Map clear() 方法_ES6教程

Map clear() 方法_ES6教程

clear方法可以清空Map对象中的所有元素。更多内容参阅Map与WeakMap数据结构一章节。语法结构:myMap.clear()代码实例如下:letmap=newMap();letobjKey={p:"antzone"

更新时间:2019-10-26类型:
查看详情人气:69
Map get() 方法_ES6教程

Map get() 方法_ES6教程

get方法用来获取一个Map对象中指定元素。返回一个Map对象中与指定键相关联的值,如果找不到这个键则返回undefined。更多内容参阅Map与WeakMap数据结构一章节。语法结构:mapObj.get(key);参数解析:(1).k

更新时间:2019-10-26类型:
查看详情人气:60
Data:URL 图片_HTML教程

图片是页面中比不可少的元素,通过图片可以让页面更加美观,也让某些功能更加醒目。本站(Downzz.com)就有大量图片的应用,否则会在一定程度上影响用户体验。应用图片简单的方式是将图片放置于服务器指定位置,然后使用路径引用。简单代码实例如下

更新时间:2019-10-26类型:
查看详情人气:89
Set has() 方法_ES6教程

Set has() 方法_ES6教程

has方法可以判断Set对象是否具有指定元素。如果有则返回true,否则返回false。更多Set内容可以参阅Set和WeakSet数据结构一章节。语法结构:mySet.has(value);参数解析:(1).value:必需,要进行判断

更新时间:2019-10-26类型:
查看详情人气:93
Set delete() 方法_ES6教程

Set delete() 方法_ES6教程

delete方法可以从一个Set对象中删除指定的元素。删除成功返回true,否则返回false。更多Set内容参阅Set和WeakSet数据结构一章节。语法结构:mySet.add(value);参数解析:(1).value:必需,要删除

更新时间:2019-10-26类型:
查看详情人气:59
Set size 属性_ES6教程

Set size 属性_ES6教程

size属性可以返回Set对象成员的数量。更多Set内容参阅Set和WeakSet数据结构一章节。语法结构:sizeVar=setObj.size代码实例:letset=newSet();set.add("Downzz.co

更新时间:2019-10-26类型:
查看详情人气:144
TypeScript 泛型兼容_TS教程

TypeScript是结构性的类型系统,泛型的类型参数影响数据的成员。代码实例如下:interfaceEmpty{}letobj:Empty={};为泛型传递类型参数number,但是并没有真正使用,所以对数

更新时间:2019-10-26类型:
查看详情人气:144
XMLHttpRequest readyState响应状态_AJAX教程

当ajax请求发送到服务器时,我们需要根据请求响应状态来执行一定的操作。readyState存储有XMLHttpRequest对象的状态信息。更多关于XMLHttpRequest对象内容可以参阅AJAXXMLHttpRequest一章节。

更新时间:2019-10-26类型:
查看详情人气:139
内容、表现和行为分离_前端规范

内容、表现和行为分离是前端页面基本原则,下面对此原则做一下简单阐述。一.网页的组成部分:应用于项目中的网页通常有如下几个部分构成:(1).通过HTML结构创建的结构与填写的文本,它是页面基本框架与实质内容。(2).CSS代码部分,负责对HT

更新时间:2019-10-26类型:
查看详情人气:97
HTML input datetime-local calendar 控件_HTML教程

HTML input datetime-local calendar 控件_HTML教程

将标签的type属性值设置为datetime-local即可创建时间日期calendar控件。此calendar控件是HTML5新增。代码实例: 更新时间:2019-10-26类型:

查看详情人气:101
Set entries() 方法_ES6教程

Set entries() 方法_ES6教程

此方法返回一个键值对的遍历器对象。关于遍历器对象参阅ES2015Iterator遍历器一章节。更多关于Set内容参阅ES2015Set和WeakSet数据结构一章节。语法结构:mySet.entries()代码实例如下:letmySe

更新时间:2019-10-26类型:
查看详情人气:54
TypeScript 类静态属性_TS教程

需要通过类实例才能调用的成员是实例成员,代码实例如下:classAntzone{publicwebName:string;publicconstructor(webName:string){this.webName=we

更新时间:2019-10-26类型:
查看详情人气:103
JavaScript select 事件_JS教程

此事件会在input单行文本域或者多行文本域内文本被选中时触发。关于事件处理函数注册可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE9+浏览器支持此事件。(2).edge浏览器支持此事件。(3).谷歌浏览器支

更新时间:2019-10-26类型:
查看详情人气:84
Set add() 方法_ES6教程

Set add() 方法_ES6教程

此方法用来给一个Set对象添加指定元素,返回值是Set对象自身。更多关于Set内容参阅ES2015Set和WeakSet数据结构一章节。语法结构:mySet.add(value)参数解析:(1).value:必需,要给Set对象添加的元素

更新时间:2019-10-26类型:
查看详情人气:55
TypeScript 接口继承类_TS教程

TypeScript接口可以继承类,规则如下:(1).继承类的成员,但不包括其实现。(2).继承到类的private和protected成员(接口类型只能被这个类或其子类所实现)。代码实例如下:classClassA{privatep

更新时间:2019-10-26类型:
查看详情人气:143
TypeScript 接口 可选属性_TS教程

TypeScript 接口 可选属性_TS教程

有时接口所规定的属性不是必须的,或者在满足一定条件的时候才需要。代码实例如下:interfaceItest{webName:string;age?:number;}上面代码规定age是可选的,在属性名称后面添加一个问号(?)。代码实

更新时间:2019-10-26类型:
查看详情人气:149
TypeScript abstract 抽象类_TS教程

抽象类做为其它派生类的基类使用一般不会直接被实例化。不同于接口,抽象类可以包含成员的实现细节。abstract关键字是用于定义抽象类和在抽象类内部定义抽象方法。下面看一段代码片段:abstractclassAntzone{abst

更新时间:2019-10-26类型:
查看详情人气:118
SCSS % 占位符_SCSS教程

关于@extend继承的基本用法可以参阅SCSS@extend一章节。首先看一段关于@extend继承的代码实例:.icon{color:red;margin:0.5em;}.error-icon{@extend.icon;

更新时间:2019-10-26类型:
查看详情人气:0
SCSS @import_SCSS教程

SCSS @import_SCSS教程

我们知道原生CSS中存在@import命令,它可以引入一个外部CSS文件。不过对于此规则我们要谨慎使用,因为效率并不高,本文不做介绍,具体参阅CSS@import一章节。SCSS也存在一个@import命令,不难猜测,它的功能也是与引入文

更新时间:2019-10-26类型:
查看详情人气:0
谷歌开发者工具运行JavaScript代码_谷歌工具

谷歌开发者工具运行JavaScript代码_谷歌工具

谷歌开发者工具功能强大,不但可以通过它查看元素的样式,或者在线调试页面布局。可以在线运行JavaScript代码片段,从而实现便捷的调试功能,非常实用。从广义上说,谷歌开发者工具有两种运行JavaScript代码的功能,下面分别通过图示进行

更新时间:2019-10-26类型:
查看详情人气:105
SCSS @mixin和class 区别_SCSS教程

@mixin用法可以参阅SCSS@mixin一章节。CSSclass样式类可以参阅CSS类选择器一章节。混合器和class样式类功能非常类似,都可以组织一大段代码,也可以实现复用。但是两者还是有很大区别的,下面做一下介绍:最重要的区别

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript 函数 name 属性_ES6教程

JavaScript 函数 name 属性_ES6教程

顾名思义,函数的name属性可以返回函数的名称,无论是理解还是应用都非常简单。但是此属性还有许多细节需要多加注意,下面结合代码实例进行一下详细介绍。特别说明:name属性早已得到浏览器广泛支持,不过直到ES2015才将其标准化。关于ES20

更新时间:2019-10-26类型:
查看详情人气:113
TypeScript 接口 只读属性_TS教程

如果属性只能在其创建的时候修改值,那么可以将其设置为只读。代码实例如下:interfaceItest{readonlywebName:string;readonlyage:number;}在前面添加readonly即可将对应的属

更新时间:2019-10-26类型:
查看详情人气:155
localStorage 跨域访问_同源策略

如果两个页面的主域名相同,那么只要进行如下设置即可实现跨域访问LocalStorage:document.domain=softwhy.com;将document.domain属性值设置为根域名。关于document.domain参阅J

更新时间:2019-10-26类型:
查看详情人气:92
AJAX 跨域请求解_同源策略

AJAX异步请求受到同源策略的约束,当前有三种方式可以解决此问题。一.JSONP:关于JSONP的详细介绍参阅JSONP用法详解一章节。二.CORS:CORS是W3C标准,是跨源AJAX请求的最佳解决方案。JSONP只能发GET请求,COR

更新时间:2019-10-26类型:
查看详情人气:113
JavaScript String.raw()_ES6教程

JavaScript String.raw()_ES6教程

模板字面量前面可以带有标签,此标签通常是一个函数。String.raw()就是JavaScript内置的标签函数,本文将结合代码实例对其进行详细分析。关于模板字面量标签更多内容可以参阅JavaScript模板字面量标签一章节。一.用作模板

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript 模板字面量标签_ES6教程

JavaScript 模板字面量标签_ES6教程

模板字面量是ES2015新增,最初称作模板字符串,现在统一改成模板字面量。可以认为它是JavaScript字符串的加强版本,更多内容可以参阅JavaScript模板字面量一章节。一.模板字面量标签概念:通过反单引号可以创建一个模板字面量,

更新时间:2019-10-26类型:
查看详情人气:97
JavaScript 模板字面量_ES6教程

JavaScript 模板字面量_ES6教程

JavaScript的字符串功能与其他编程语言相比要孱弱很多。比如ES5并不具有多行字符串或者字符串格式化等功能,ES2015通过模板字面对其进行了加强。特别说明:模板字面量在早期的ES2015版本被称作模板字符串,这一点注意下。一.ES5

更新时间:2019-10-26类型:
查看详情人气:161
JavaScript 多行字符串_ES6教程

JavaScript 多行字符串_ES6教程

随着ES版本的更新,很多操作实现起来越来越轻松。本文所要介绍的多行字符串便是如此,ES2015之前实现多行字符串稍微麻烦一点。下面从ES低版本到高版本逐步介绍一下JavaScript如何实现多行字符串。一.ES2015之前:不少初学Java

更新时间:2019-10-26类型:
查看详情人气:79
SCSS #{} 插值_SCSS教程

很多从事前端的朋友应该看到#{}感觉非常眼熟,因为这是ES2015新增的占位符。占位符大括号中可以是任意的合法表达式,能够很方便的实现字符串连接操作。SCSS的#{}与JavaScript中的占位符非常的类似,也具有计算并返回表达式的值和数

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript mouseleave 事件_JS教程

JavaScript mouseleave 事件_JS教程

事件名称是一个合成词,由如下两个单词构成:(1).mouse:翻译成汉语具有"鼠标"的意思。(2).leave:翻译成汉语具有"离开"的意思。顾名思义,此事件是在当鼠标指针离开指定元素的时候触发,与mouseenter事件对应。关于如何注册

更新时间:2019-10-26类型:
查看详情人气:75
JavaScript mouseout 事件_JS教程

JavaScript mouseout 事件_JS教程

当鼠标指针离开指定元素时触发mouseout事件,事件名称也体现了其功能。此事件与mouseover事件相对应,一个是指针离开元素时触发,一个是指针进入元素时触发。不仅mouseout事件可以表示鼠标指针离开指定元素,mouseleave

更新时间:2019-10-26类型:
查看详情人气:79
JavaScript padEnd()_ES6教程

JavaScript padEnd()_ES6教程

记忆与理解此方法可以从其名字收入,padEnd由如下两个单词合成:(1).pad:翻译成汉语具有"填塞"的意思。(2).end:翻译成汉语具有"尾部"的意思。标准对于此方法的定义是,在字符串的结尾填充指定字符,最终达到指定长度,功能恰如起名

更新时间:2019-10-26类型:
查看详情人气:59
谷歌浏览器模拟地理定位和设备方向_谷歌工具

谷歌浏览器模拟地理定位和设备方向_谷歌工具

绝大多数pc设备没有GPS芯片和加速计,谷歌工具传感器提供模拟常见的移动设备传感器的功能来降低测试开销。一.打开模拟器控件:二.以抽屉式方式弹出控件:三.覆盖地理位置数据:移动设备通常使用GPS硬件来检测位置。Sensors控件可以使用Ge

更新时间:2019-10-26类型:
查看详情人气:132
SCSS 字符串连接符_SCSS教程

SCSS中,加号(+)不但可以实现算术加运算,也可以实现字符串连接操作。关于算术运算的内容参阅SCSS算术运算符一章节。先来看一段代码实例:p{cursor:e+-resize;}代码将会编译为:p{cursor:e-res

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript encodeURIComponent()_JS教程

JavaScript encodeURIComponent()_JS教程

此方法可以对URI进行编码,并返回编码后的字符串,与encodeURI方法类似,区别也很明显。从方法名称大致猜测出两者的主要区别在哪,本文所要介绍的方法针对URI局部区域编码。而encodeURI则是针对整个URI进行编码,关于两个方法的更

更新时间:2019-10-26类型:
查看详情人气:55
JavaScript encodeURI()_JS教程

JavaScript encodeURI()_JS教程

此方法可以对URI进行编码,并返回编码后的字符串,通常为网址进行编码。特别说明:之前通常称网址为URL,当前统一称作为URI,参阅URI、URL与URN一章节。如果要深刻的理解此方法,需要掌握如下几个知识点:(1).方法对URI哪部分进行编

更新时间:2019-10-26类型:
查看详情人气:47
SCSS without和with_SCSS教程

without和with通常和@at-root配合使用。关于@at-root的用法可以参阅scss@at-root一章节。默认@at-root只会跳出选择器嵌套,而不能跳出@media或@support指令。如果要跳出这两种指令,则需使用

更新时间:2019-10-26类型:
查看详情人气:0
AJAX 获取服务器响应数据_AJAX教程

XMLHttpRequest对象的responseText或者responseXML属性可以获取来自服务器的响应内容。两个属性功能列表如下:属性描述responseText获得字符串形式的响应数据。responseXML获得XML形式的

更新时间:2019-10-26类型:
查看详情人气:134
orientationchange 屏幕旋转事件_移动教程

orientationchange 屏幕旋转事件_移动教程

由于设备的长宽尺寸不同,和用户查看模式(横向/竖向)的切换,页面需要进行相应的调整。所以需要检测用户查看模式是否发生切换和产生何种切换,orientationChange事件即可实现此功能。代码片段如下:window.addEventLis

更新时间:2019-10-26类型:
查看详情人气:116
SCSS 逻辑运算符_SCSS教程

SCSS包含三个逻辑运算符,分别如下(1).逻辑与运算符:and。(2).逻辑或运算符:or。(3).逻辑非运算符:not。一.逻辑与运算符:and逻辑与运算符的计算结果分为如下几种情况:(1).如果第一个操作数的返回值不为null或者fa

更新时间:2019-10-26类型:
查看详情人气:0
CSSStyleSheet.ownerNode 属性_CSS操作

此属性返回样式表对象所在的DOM节点。返回值通常是或,由其他样式表引用的样式表,该属性返回值为null。语法结构:dom=stylesheet.ownerNode浏览器支持:(1).IE浏览器支持此属性。(2)

更新时间:2019-10-26类型:
查看详情人气:62
jQuery 放大镜效果详解_特效教程

放大镜效果在很多网站都在使用,尤其在图片类型网站或者购物网站。当然实现放大镜效果的方式有多种,这里仅仅是提供一种思路。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:144
谷歌开发者工具自定义布局_谷歌工具

谷歌开发者工具自定义布局_谷歌工具

DevTools布局可以根据自己的喜好设在网页的不同位置。截图如下:点击顶部的四个图片可以让DevTools布局在不同的位置或者以不同的形式显示。

更新时间:2019-10-26类型:
查看详情人气:114
TypeScript 字符串字面量类型_TS教程

TypeScript 字符串字面量类型_TS教程

通常情况下,数据类型都是一般意义上的string、number、undefined或者enum等。TypeScript1.8新增字符串字面量类型,此类型写法和普通的字符串字面量写法完全一致。看如下代码片段:letstr:"Downzz.c

更新时间:2019-10-26类型:
查看详情人气:162
JavaScript event.bubbles_JS教程

此事件属性可以判断当前事件是否是冒泡类型关于这两种类型事件可以参阅如下两篇文章:(1).JavaScript事件冒泡一章节。(2).JavaScript事件捕获一章节。此属性返回一个布尔值,true表示冒泡类型,false表示非冒泡类型

更新时间:2019-10-26类型:
查看详情人气:58
XMLHttpRequest setRequestHeader()_AJAX教程

此方法规定指定请求的某个http头。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.setRequestHeader(strHeader,strVa

更新时间:2019-10-26类型:
查看详情人气:90
jQuery Validate自定义错误信息显示位置_Validate教程

jQuery Validate自定义错误信息显示位置_Validate教程

在默认条件下,错误是显示在对应的表单元素后面的。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:101
history.length_JS教程

此属性可以返回浏览器历史列表中的URL数量。更多关于history对象内容参阅JavaScripthistory对象一章节。语法结构:history.length浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性

更新时间:2019-10-26类型:
查看详情人气:80
SCSS list 列表_SCSS教程

如果学习过JavaScript,那么就很好理解scss中的list。scss中的list类似于JavaScript数组,下面就介绍一下list列表的用法。$list:();上面的代码创建一个空的列表。列表分隔符:$list-space:

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript mouseenter 事件_JS教程

JavaScript mouseenter 事件_JS教程

当鼠标指针进入指定元素时触发mouseenter事件。需要说明一点,不一定非得是鼠标设备,也可能是其他设备,最为常见的当然是鼠标。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。此事件的功能从它的名称也可以猜测出来,它的名称有两个

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript decodeURIComponent()_JS教程

JavaScript decodeURIComponent()_JS教程

此方法可对encodeURIComponent方法编码的URI进行解码。此方法属于Global全局对象,更多内容参阅JavaScriptGlobal对象一章节。语法结构:decodeURIComponent(URIstring)参数解析

更新时间:2019-10-26类型:
查看详情人气:57
JavaScript decodeURI()_JS教程

JavaScript decodeURI()_JS教程

decodeURI方法可以解码经过encodeURI方法编码过的URI,并返回解码后的字符串。此方法属于Global全局对象,更多内容参阅JavaScriptGlobal对象一章节。语法结构:decodeURI(URIstring)参数

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript 命名规范_前端规范

人与人交往中,有一个常见的沟通媒介就是名片。也许与此人从未谋面,但是通过名片可以获取此人的一些信息,比如职位或它在工作中的角色。编程中也是如此,成员良好的命名有利于代码的后期维护和团队开发,看到名称我们大致可以获取如下信息:(1).成员的角

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript 字符表示方式_ES6教程

字符串在JavaScript是一个非常简单的概念,内容使用单引号或者双引号包裹。看如下代码实例:letwebName="Downzz.com";letaddress=青岛市南区;上面声明两个变量,并赋值为字符串,分别用双引号和单引号包

更新时间:2019-10-26类型:
查看详情人气:173
TypeScript 变量声明_TS教程

由于TypeScript是JavaScript的超集,声明变量可以采用如下三种方式:(1).var声明变量,参阅JavaScript声明变量一章节。(2).let声明变量,参阅JavaScriptlet命令一章节。(3).const声

更新时间:2019-10-26类型:
查看详情人气:108
JavaScript animationIteration 事件_CSS操作

事件名称animationIteration是一个合成词,有如下两个单词构成:(1).animation:翻译成汉语具有动画的意思。(2).iteration:翻译成汉语具有重复的意思。由此可以有有理由猜测,此事件与animation动画的

更新时间:2019-10-26类型:
查看详情人气:69
HTML <header> 标签_HTML教程

是HTML5新增,目的是提高HTML布局的语义化功能。HTML布局语义化概念参阅HMTL语义化布局概述一章节。代表“网页”或“section”的页眉。通常包含h1-h6标签或,作为整个页面或

更新时间:2019-10-26类型:
查看详情人气:89
SCSS @each_SCSS教程

@each和@for指令类似,同样可以用于循环输出。但是@each指令一般用于对于list或者map的遍历输出。相关阅读:(1).list可以参阅scsslist列表一章节。(2).map可以参阅scssmap对象一章节。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:4
HTML <nav> 标签_HTML教程

语义化布局不但能够提高代码的可读性,对于搜索引擎优化也有助益。HTML5对语义化布局进行了加强,本文所要介绍的标签就是HTML5新增。关于语义化布局更多内容参阅HMTL语义化布局一章节。标签用于定义页面的主要导航部分。

更新时间:2019-10-26类型:
查看详情人气:86
TypeScript 数组类型_TS教程

TypeScript 数组类型_TS教程

与JavaScript数组声明相比,TypeScript声明数组则要严格很多。下面通过简短的代码介绍一下TypeScript如何声明数组,声明方式有两种。声明方式一:letarr:string[]=["Downzz.com","青岛市

更新时间:2019-10-26类型:
查看详情人气:111
CSS3 animation 动画_CSS3教程

CSS3之前,制作动画效果没有太好的捷径,基本要借助JavaScript。不但代码量较大,性能也不够优良,CSS3的出现使得制作动画效果更为简单且性能更好。当前,animation与transition属性可以实现动画效果,更为准确的说,t

更新时间:2019-10-26类型:
查看详情人气:68
TypeScript 字符串类型_TS教程

一.普通字符串:使用单引号或者双引号可以声明一个字符,代码实例如下:letwebName:string="Downzz.com";与JavaScript相同,使用单引号也是可以的,代码实例如下:letwebName:string=Dow

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript scrollTo()_JS教程

JavaScript scrollTo()_JS教程

当元素或者文档的内容超过其width或者height时,会在横向或者纵向出现滚动条。这时可以使用鼠标拖动滚动条调整位置,在触屏移动端则可以使用手指拖动调整位置。JavaScript的scrollTo方法也也可以实现调整规定条位置的功能。语法

更新时间:2019-10-26类型:
查看详情人气:86
HTML <footer> 标签_HTML教程

标签是HTML5新增,用于增强页面布局的语义化。关于语义化布局更多内容参阅HMTL语义化布局一章节。此标签用于定义文档或者章节的页脚内容,通常是地址、联系方式、版权等信息。在HTML5之前,定义页脚通常使用如下方式: 更新时间:2019-10-26类型:

查看详情人气:60
XMLHttpRequest readyState_AJAX教程

此属性能够返回XMLHttpRequest对象的状态。更多关于XMLHttpRequest内容参阅AJAXXMLHttpRequest一章节。语法结构:value=XMLHttpRequest.readyState;此属性的返回值是0-4

更新时间:2019-10-26类型:
查看详情人气:84
使用带类型判断的比较判断_前端规范

JavaScript中,如果要比较两个数据,最好使用带有类型判断的方式。假设我们比较两个变量是否相等,可以采用如下方式:leta=5;letb=6;console.log(a==b);上述代码的目的是要判断两个数值是否相同,但是建议

更新时间:2019-10-26类型:
查看详情人气:92
JavaScript 匿名立即自执行函数_前端规范

JavaScript 匿名立即自执行函数_前端规范

匿名自执行函数在当前应用非常广泛,通过它可以避免很多编程中常见问题。下面将通过代码实例对其进行详细介绍,文本主要涵盖如下几个方面内容:(1).什么是匿名立即自执行函数。(2).匿名函数的主要应用方式。一.匿名立即自执行函数:匿名立即自执行函

更新时间:2019-10-26类型:
查看详情人气:101
TypeScript void 类型_TS教程

Java或者C#等语言中,如果方法没有返回值,那么此方法的返回值类型就是Void类型。原生JavaScript并没有此类型,为了更加趋近于经典面向对象语言,TypeScript新增此类型。首先看一段代码实例:functionfunc()

更新时间:2019-10-26类型:
查看详情人气:109
JavaScript animationStart 事件_CSS操作

从名称可以猜测,此事件与animation动画相关,事实的确如此。此事件可会在animation开始时触发,相关内容可以参阅如下两篇文章:(1).animation动画参阅CSSanimation动画一章节。(2).注册事件处理函数参阅

更新时间:2019-10-26类型:
查看详情人气:74
SCSS 颜色值运算_SCSS教程

大家知道颜色是由RGB颜色构成的,也就是红绿蓝。表示颜色的数据也是规则的分段,由红绿蓝组成,所以颜色值的运算也是分段进行的。p{color:#010203+#040506;}计算可以分为以下几段:(1).01+04=05。

更新时间:2019-10-26类型:
查看详情人气:0
jQuery Validate异步ajax方式验证_Validate教程

Validate插件提供了ajax方式的验证,使用remote规则即可。其实他就是对jQueryajax()的一个封装。代码如下:<

更新时间:2019-10-26类型:
查看详情人气:124
固定在顶部的导航菜单_特效教程

很多网站的导航菜单有这样类似功能,在向下拖动滚动条的时候,能够将导航菜单固定于顶部。本章节分享一段具有缓冲效果的类似功能,需要的朋友可以做一下参考。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:106
JavaScript 生成十六进制颜色值_特效教程

本章节分享一段代码实例,它实现了生成随机十六进制颜色值的功能。代码实例如下:functiongetRandomColor(){varstr16=(Math.random()*0x1000000<<0).toString(16)

更新时间:2019-10-26类型:
查看详情人气:189
点击弹出居中登陆框_特效教程

当前流行弹出居中窗口效果,不但提示框是这样,注册或者登陆框也大量如此。下面就通过代码实例介绍一下如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:91
CSS3 美化radio单选按钮_特效教程

分享一段代码实例,它实现了利用CSS3美化单选按钮的功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:87
正则表达式零宽断言_正则教程

正则表达式零宽断言_正则教程

正则表达式零宽断言是一个非常重要的概念,通过它可以对匹配设置指定条件。很多朋友感觉此概念有一点难度,其实这是一种错觉,只要理解它的名字,此概念基本就掌握百分之八十。ES2016之前,JavaScript零宽断言是一个阉割版本,与其他语言相比

更新时间:2019-10-26类型:
查看详情人气:120
JavaScript 拖动调整元素尺寸_特效教程

分享一段代码实例,它利用js实现了拖动调整矩形大小的功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:116
JavaScript 点击页面其他地方关闭窗口_特效教程

弹窗效果中,通常有这样设定的,点击弹窗本身,除非是关闭按钮,不会将弹窗关闭。但是点击网页的其他部分就能够将窗口关闭,下面通过代码实例介绍一下如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:67
jQuery 动画方式展开或者收缩垂直导航菜单_特效教程

分享一段代码实例,它实现了垂直导航菜单效果,点击导航栏可以展开或者收缩菜单,并且在展开和搜索过程中具有动画效果,下面详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:73
String.fromCodePoint()_ES6教程

String.fromCodePoint()_ES6教程

String.fromCodePoint方法可以返回Unicode码点值对应的字符,ES2015新增。与String.fromCharCode方法的功能相同,但是功能更加完善,能够识别大于0xFFFF的码值。关于String.fromCha

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript codePointAt()_ES6教程

JavaScript codePointAt()_ES6教程

codePointAt方法返回字符串中指定位置字符的Unicode码点值,与charCodeAt方法功能相同。既然已经存在charCodeAt方法,为何还要创建codePointAt方法,下面首先介绍一下此原因。计划不如变化快,生活中或者工

更新时间:2019-10-26类型:
查看详情人气:58
HTML input time calendar 控件_HTML教程

HTML input time calendar 控件_HTML教程

HTML5之前,实现时间控件通常要使用JavaScript,比较困难。虽然有很多现成的插件可以使用,但总归要使用若干JavaScript和CSS代码。当前,只要将input的type属性值设置为"time"即可创建一个time控件,非常简单

更新时间:2019-10-26类型:
查看详情人气:86
CSS 二级下拉菜单_特效教程

通常情况下,二级下拉菜单效果要结合JavaScript实现。当前只使用CSS也可以轻松实现,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:92
SCSS @if() 指令_SCSS教程

@if指令后面跟一个表达式,如果此表达式的返回值不是false或者null,那么就返回指定的样式。代码实例如下:p{@if1+1==2{border:1pxsolid;}@if5<3{border

更新时间:2019-10-26类型:
查看详情人气:0
jQuery Validate highlight()_Validate教程

此方法可以设置表单元素没有通过规则验证时的样式。Validate提供了此方法的实现,也可以自己配置,参阅jQueryValidate全局配置和实例配置一章节。语法结构:function(element,errorClass,vali

更新时间:2019-10-26类型:
查看详情人气:71
CSS3 vw_CSS3教程

CSS3 vw_CSS3教程

vw是Viewportswidth的缩写形式,1vw永远等于当前视口宽度的百分之一。这里的视口指的是浏览器可视区域,图示如下:代码如下:div{width:50vw;}上面代码表示div的宽度是当前视口宽度的50%。视口宽度尺寸可以通

更新时间:2019-10-26类型:
查看详情人气:92
CSS3 vh_CSS3教程

CSS3 vh_CSS3教程

vh是Viewportsheight的缩写形式,1vh永远等于当前视口高度的百分之一。这里的视口指的是浏览器可视区域,图示如下:代码如下:div{height:50vw;}上面代码表示div的高度是当前视口高度的50%。视口高度尺寸可

更新时间:2019-10-26类型:
查看详情人气:75
手风琴方式图片展示效果详解_特效教程

本章节分享一段类似于手风琴式图片展现效果,并且还有分类功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:102
CSS3 3D立体按钮_特效教程

分享一段代码实例,它利用CSS3实现了具有立体效果的按钮。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:112
JavaScript 动画效果缓慢二级下拉菜单_特效教程

本章节分享一段代码实例,实现了鼠标悬浮动画效果的缓慢下拉出现二级导航菜单效果。下面就给出这个代码并且做出详细的分析,代码如下: 更新时间:2019-10-26类型:

查看详情人气:92
鼠标悬浮图片出现文字说明效果_特效教程

众多网站有这样类似效果,鼠标悬浮图片上的时候,出现一些文字说明,不但能够增加网站美观度,也能够给用户提供一定的信息。是提高网站体验度的一种良好方式。实现此效果的方式有多种,例如可以使用纯CSS方式实现,也可以使用jQuery实现,下面介绍一

更新时间:2019-10-26类型:
查看详情人气:104
CSS3 矩形切角效果_特效教程

分享一段代码实例,它利用css3实现了矩形切角效果。在矩形的右下角有一个类似于切去的一角效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:82
jQuery 缓冲效果二级导航下拉菜单_特效教程

二级下拉菜单在大量企业或其他类型的网站都有应用,可以对内容进行分类和阻止。下面通过代码实例介绍一下如何此效果,代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:60
带有半透明遮罩层可关闭窗口_特效教程

只要是个弹出窗口一般都要求有半透明的遮罩效果,并且水平居中,否则的话自己都感觉很不入流,下面就通过一段代码实例简单介绍一下如何实现这样的效果,希望能够给需要的朋友带来一定的帮助。代码实例如下:<

更新时间:2019-10-26类型:
查看详情人气:125
表格tr行的展开和折叠效果_特效教程

本章节分享一段代码实例,它实现了tr行展开和折叠效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:143
JavaScript 获取所有后代元素节点_特效教程

使用jQuery可以非常轻松的获取指定元素节点的所有元素节点。具体可以参阅jQueryfind()一章节。下面通过代码实例介绍一下如何利用JavaScript实现此功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:127
JavaScript 购物车自动计算价格_特效教程

购物车可能有这样的功能,点击按钮实现商品数量的减少或者增加,并实时计算总的商品价格。下面通过代码实例介绍一下如何实现此功能,当然下面的效果难登大雅之堂,希望能从中得到一些启发或者相关的知识点,代码实例如下:<

更新时间:2019-10-26类型:
查看详情人气:137
JavaScript addEventListener()_JS教程

addEventListener方法可以为事件注册监听器,也就是注册事件处理函数。本文将解决如下三个问题:(1).为什么要注册事件监听器(事件处理函数)。(2).分解方法名称,以便加强理解与记忆。(3).通过代码实例演示此方法的具体应用方法

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript 加上指定天数之后的日期_特效教程

本章节分享一段代码实例,它实现了获取当前日期加上指定天数之后的日期。代码实例如下:functiongetNewDay(dateTemp,days){vardateTemp=dateTemp.split("-");//转换为MM-

更新时间:2019-10-26类型:
查看详情人气:100
jQuery 循环播放的指示灯_特效教程

本章节分享一段代码实例,它实现了轮换播放的指示灯的效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:107
jQuery 间歇的无缝滚动_特效教程

本章节分享一段代码实例,它实现了带有间歇的水平无缝滚动效果。下面就通过代码实例介绍一下如何实现此功能,并且详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:58
jQuery 邮箱输入后缀自动补全_特效教程

分享一段代码实例,它实现了输入邮箱后缀自动补全效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:107
JavaScript RGB转换成16进制颜色_特效教程

本章节介绍一下利用JavaScript将RGB颜色转换为16进制颜色值。代码实例如下:varrgb="rgb(160,100,150)";varoxColor=rgb.match(/^rgb\((\d+),\s*(\d+),\

更新时间:2019-10-26类型:
查看详情人气:103
Math.asinh()_ES6教程

Math.asinh方法返回参数的反双曲正弦。语法结构:Math.asinh(x)参数解析:(1).x:必需,要求反双曲正弦的数字。代码实例:console.log(Math.asinh(1));console.log(Math.asin

更新时间:2019-10-26类型:
查看详情人气:65
SCSS 字符串 类型_SCSS教程

SCSS支持CSS的两种字符串类型:(1).有引号字符串(quotedstrings),如"www.downzz.com"(单双引号都可)。(2).无引号字符串(unquotedstrings),如sans-serifbold

更新时间:2019-10-26类型:
查看详情人气:0
购物车自动计算商品总价格_特效教程

本章节介绍一下如何实现点击按钮来添加或者删除商品的数量,并且能够自动计算商品的总价格。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:109
JavaScript 搜索关键字高亮效果_特效教程

很多搜索功能中,关键字在搜索结果中,通常以高亮形式呈现。下面就分享一段代码实例,它实现了类似功能,效果比较简陋,希望从中获取一些启示。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:102
getElementsByClassName()_JS教程

getElementsByClassName()_JS教程

本文将通过代码实例详细介绍一下getElementsByClassName方法的应用。class是标签最重要且最为常用的属性之一,通过此属性可以设置元素样式,JS也可以利用此属性检索元素。getElementsByClassName方法可以

更新时间:2019-10-26类型:
查看详情人气:61
getElementsByTagName()_JS教程

getElementsByTagName()_JS教程

掌握一个方法的功能,可以首先从它的名称入手,getElementsByTagName由四个单词合成:(1).get:具有“获取”的意思。(2).elements:具有“元素”的意思,是复数形式,由此可以推想此方法不止获取一个元素。(3).b

更新时间:2019-10-26类型:
查看详情人气:62
jQuery 美化select下拉菜单_特效教程

默认的select下拉菜单基本可以用丑陋来形容,并且还不够用CSS轻易的修改样式,可以说美化空间很小,所以模拟实现select下拉菜单是一个不错的选择,下面就分享一个代码实例,并详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:140
CSS3 齿轮咬合转动效果_特效教程

CSS3 齿轮咬合转动效果_特效教程

分享一段代码实例,利用CSS3实现了齿轮咬合转动效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:94
CSS 选择器命名规范_前端规范

良好的选择器命名能够给团队合作和后期维护带来便利。对于大型项目尤其重要,可以在庞大繁杂的代码中,将元素的一些相关信息传达给开发人员。本文将由浅入深分享一下比较科学的CSS选择器命名规范。一.选择器名称的构成:首先强调一下,本文所介绍的命名规

更新时间:2019-10-26类型:
查看详情人气:94
CSS3 上下3D翻滚导航菜单_特效教程

CSS3 上下3D翻滚导航菜单_特效教程

分享一段代码实例,利用CSS3实现了水平导航菜单效果。当鼠标悬浮于菜单之上,能够实现上下3D翻滚,相较于普通菜单更加吸引用户。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:138
CSS3 文本立体凸起效果_特效教程

分享一段代码实例,它利用CSS3实现了文本带有凸起立体感效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:175
JavaScript 表格隔行变色效果_特效教程

本章节分享一段代码实例,它实现了table表格行隔行变色效果。并且鼠标悬浮和点击行的时候能够使当前行高亮显示。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:96
表单验证失败出现闪动_特效教程

当表单验证不通过的时候,通常会给出一定的提示。本章节也来分享一个提示效果,比如当文本框输入内容的格式不通过的时候会出现抖动效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:234
JavaScript 窗口抖动效果_特效教程

窗口抖动效果在很多地方都有应用,比如用户登录。当登陆失败的时候就会出现抖动效果,这不但有动感,而且让人感觉新颖。下面就分享一段具有类似功能的代码。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:117
jQuery 网站公告上下轮播_特效教程

分享一段非常实用的代码实例,它实现了网站的公告文本实现上下翻滚效果,并且在每完成一次翻滚之后都有暂停效果,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:97
JavaScript 查看全文和收起_特效教程

分享一段代码实例,它实现了点击查看详情会展开所有内容,点击收起会收缩内容的功能。特别说明:为了节省篇幅,演示的文章内容只有很少字数,大家可以自行增加测试。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:71
JavaScript 限定范围的拖拽效果_特效教程

有时拖拽要限定在某一个指定的元素之内。下面就通过代码实例介绍一下如何实现此效果,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:124
JavaScript 字符串拼接_JS教程

JavaScript 字符串拼接_JS教程

实际应用中,目标字符串的生成可能需要多个子字符串拼接而成。由于应用频繁,几乎是所有编程语言都必须掌握的操作,当然每种语言具有各自特点。本文将通过代码实例详细介绍一下JavaScript如何实现字符串拼接操作。一.使用加号(+)拼接:加号不但

更新时间:2019-10-26类型:
查看详情人气:93
JavaScript 声明变量_JS教程

JavaScript 声明变量_JS教程

通过变量可以存储一段数据,通俗的讲,就是将数据存储在变量中。大家知道,数据都是存储在计算机内存中,怎么可能存储在一个变量中。事实上,变量是一个引用内存地址,且名字简短易懂的引用占位符,方便引用修改数据。本文将通过代码实例详细介绍一下Java

更新时间:2019-10-26类型:
查看详情人气:71
CSS 属性声明顺序_前端规范

仓禀实而知礼仪,衣食足而知荣辱,满足基本的需求,就会追求更高的层次。写CSS代码大致也是如此的规律,入门阶段,最大的满足是能够实现页面正常展现。属性的声明没有任何规律可言,基本是想到哪写到哪,随着水平提高,逐渐对代码质量有了要求。比如对于C

更新时间:2019-10-26类型:
查看详情人气:125
HTML 属性顺序_前端规范

HTML标签具有一些属性,比如type、class或者id等。为了提高可读性,推荐属性按照如下顺序排列:(1).class(2).id,name(3).data-*(4).src,for,type,href(5).title,al

更新时间:2019-10-26类型:
查看详情人气:112
HTML input tel 拨号域_HTML教程

HTML input tel 拨号域_HTML教程

将标签的type属性值设置为tel即可创建拨号域,HTML5新增。既然叫做拨号域,那么它主要用于填写电话号码等类似数据。首先看一段代码实例: 更新时间:2019-10-26类型:

查看详情人气:167
HTML input search搜索域_HTML教程

HTML input search搜索域_HTML教程

将input元素的type属性值设置为"search"可以创建一个搜索域。搜索域是HTML5新增,IE9+和其他标准浏览器支持。从表面上看与普通文本框非常类似,且没有搜索域不影响实现搜索功能。由此很多朋友认为它可有可无,其实并非如此,任何一

更新时间:2019-10-26类型:
查看详情人气:79
TypeScript 数值类型_TS教程

TypeScript数字都是浮点数,这与JavaScript完全相同。除了支持十进制和十六进制,也支持ES2015改进的二进制和八进制格式。二进制的新写法:规定以0b或者0B开头,代码如下:letnum=0b0101八进制的写法:ES

更新时间:2019-10-26类型:
查看详情人气:81
TypeScript 布尔类型_TS教程

TypeScript中的布尔值,用true和false表示。代码实例如下:letisDone:boolean=false;声明一个布尔型变量isDone并赋值false。特别说明:变量声明冒号(:)前面是变量名称,后面是变量类型。

更新时间:2019-10-26类型:
查看详情人气:74
jQuery Validate验证规则实质_Validate教程

本章节介绍一下验证规则的实质是什么,先看一个代码片段:rules:{pw:{required:true,rangelength:[5,15]}}在js中为指定表单元素应用验证规则。 更新时间:2019-10-26类型:

查看详情人气:101
jQuery Validate验证上传文件大小_Validate教程

本章节分享一段代码实例,它实现了验证上传文件大小的功能。Validate插件并没有自带这样的功能,所以规则需要我们自定义。验证上传文件的类型功能Validate也没有提供,具体可以参阅jQueryValidate限定上传文件类型一章节。代

更新时间:2019-10-26类型:
查看详情人气:109
少用@import引入CSS文件_前端规范

通过标签和@import语法都可以引入外部CSS文件。但是尽量避免使用@import,具有如下几个主要问题:(1).标签是并发引入CSS文件,但是@import不是。(2).@import需要等待文档引入它的CSS文

更新时间:2019-10-26类型:
查看详情人气:75
CSS @import_CSS教程

通常通过标签引入外部CSS文件,其实也可以利用@import引入。如果CSS文件代码量庞大,那么可以将代码分隔,可以将功能类似的代码单独放置于一个文件中。然后再通过@import引入,不过此方式引入的一些特点可能会影响性能,所以

更新时间:2019-10-26类型:
查看详情人气:66
CSS 选择器性能优化_前端规范

在从事前端之初,很可能,让页面能够正常显示就是最大的目的。但是随着技术进步,页面的正常显示已经不是最高追求,转而追求更好的性能。就如同解决温饱之后,必然会追求生活品质,这不仅是项目本身的需求,也在于对自身提高的内在要求。本文介绍如何使用CS

更新时间:2019-10-26类型:
查看详情人气:113
CSS 代码格式规范_前端规范

CSS 代码格式规范_前端规范

良好的代码组织方式,可以提高可读性,对于团队开发和后期维护的意义不言而喻。再强调一下,后面所谓规范只是最佳实践,并不具有强制性,目的是提高团队开发效率和后期维护的便利性。也就是说,即便不遵守后面的规范,代码依然有效,本文分享几种常见的能够提

更新时间:2019-10-26类型:
查看详情人气:128
JavaScript nextElementSibling_JS教程

JavaScript nextElementSibling_JS教程

nextElementSibling属性返回当前节点的下一个兄弟元素节点,HTML5新增。如果不存在一个这样的元素节点,则属性返回null。考虑到低版本IE浏览器的兼容问题,很多时候,通过对nextSibling进行兼容性处理,以达到nex

更新时间:2019-10-26类型:
查看详情人气:57
CSS 单双引号应用规范_前端规范

CSS中,单双引号只要合理嵌套,都是合法的,本规范推荐采用双引号。一.属性选择器的值使用双引号:属性选择器中的值必须用双引号包围,代码片段如下:div[ant="mayi"]{color:red;font-size:14px;}二.背景

更新时间:2019-10-26类型:
查看详情人气:79
CSS 注释规范_前端规范

良好的注释可以增加代码的可读性,也有利于后期维护。一.单行注释:通过如下语法结构形成一个单行注释:/*注释内容*/星号与具体的注释内容之间使用一个空格分隔。注释通常位于通常位于一段CSS代码上部,用于说明此部分CSS代码的功效。简单代码

更新时间:2019-10-26类型:
查看详情人气:93
CSS 基础语法_CSS教程

CSS 基础语法_CSS教程

任何复杂的程序都是由小的元素构成,对于CSS代码也是如此。所以,良好的基础知识掌握是进阶的必由之路,不可能有其他捷径。本文将结合代码实例介绍一下CSS最基础知识,读完本文您会掌握如下内容:(1).CSS语法结构。(2).CSS大小写选择。(

更新时间:2019-10-26类型:
查看详情人气:86
CSS E:nth-last-of-type(n)_CSS教程

CSS E:nth-last-of-type(n)_CSS教程

当前,CSS算不上真正的编程语言,所以相对于真正的编程语言要简单很多。尤其CSS选择器更是简单,无非是按照简单的规则匹配对应的元素。如果勉强说哪几个选择器稍微有点难度,标题中的E:nth-last-of-type(n)算是一个,但与真正的编

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript 文本框只能输入数字_特效教程

在很多实际需要中,需要对输入的内容进行限制,比如有些地方只能够输入数字,例如大家经常使用的QQ号码和邮编等,下面就简单介绍一下如何实现此功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:74
正则表达式 回溯_正则教程

正则表达式 回溯_正则教程

生活中,人人都会面对诸多的选择,然而人非圣贤,都可能犯错。就如同站在一个十字路口,走错一条路,只要再回到起点,重新选择正确的路即可。上面好像说的有点轻松随意,总之,大多数情况是有挽回的余地,所以遇到困难的时候不要太灰心。正则表达式的回溯给了

更新时间:2019-10-26类型:
查看详情人气:105
JavaScript 方向键切换表格tr行高亮效果_特效教程

本章节分享一段代码实例,它实现使用键盘上下方向键切换tr行,且当前tr行高亮。此效果具有很大的实用性,能够有效的提高行与行之间的辨识度。代码实例: 更新时间:2019-10-26类型:

查看详情人气:105
JavaScript event.metaKey_JS教程

返回一个布尔值标识meta键是否被按键并被保持。特别说明:很多操作系统会拦截meta键,所以不会被检测到。语法结构:event.metaKey返回值解析:(1).返回true表示meta键按下并保持。(2).返回false表示没有满足met

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript 推荐直接量创建数组或者对象_前端规范

创建对象或者数组可以通过两种方式:(1).构造函数方式。(2).直接量方式。一.构造函数方式:letarr=newArray("Downzz.com",6,"青岛市南区");上述代码通过构造函数创建一个数组。letobj=ne

更新时间:2019-10-26类型:
查看详情人气:108
JavaScript offsetWidth_JS教程

JavaScript offsetWidth_JS教程

offsetWidth属性可以返回元素的偏移宽度,只读属性,不能赋值。无需纠结为什么称作偏移宽度,当然是有原因的,可能越讨论越混乱。我们只需要知道此宽度由哪些要素构成即可,可以结合offsetHeight属性一起学习。既然是偏移宽度,肯定与

更新时间:2019-10-26类型:
查看详情人气:61
十六进制颜色值简写_前端规范

十六进制颜色值满足某些条件可以简写。看如下代码:color:#FF33AA;上述颜色值可以进行简写,因为每两位都是重复的,完全可以省略掉一半。代码修改如下:color:#f3a;上面是十六进制颜色值推荐简写方式,可以省略不少字符。

更新时间:2019-10-26类型:
查看详情人气:102
CSS 值为0不需要单位_前端规范

如果css属性值为0,那么推荐去掉单位。padding-bottom:0px;margin:0em;上面的代码不被推荐使用,代码修改如下:padding-bottom:0;margin:0;如果属性值为浮点数,且小于1,那么省略

更新时间:2019-10-26类型:
查看详情人气:89
JavaScript clearTimeout()_JS教程

初学者对于一个概念的掌握,最好从的名称入手。因为一个概念的名称在很大程度上能够提现或者反映它的功能。此方法可以停止定时器方法setTimeout的执行,现在分解一下两个方法的名称:setTimeout由如下两个单词合成:(1).set:设置

更新时间:2019-10-26类型:
查看详情人气:58
HTML 标签闭合_前端规范

良好的代码大致有如下几个标准:(1).正确。(2).可读性好。(3).尽可能的简化。HTML标准也是如此要求的,尽可能的简化代码,比如以前需要闭合的标签现在可能就无需闭合。这样会减少代码体积,对于大型项目效果会更为明显,下面对标签是否需要闭

更新时间:2019-10-26类型:
查看详情人气:75
HTML 文档类型_前端规范

每一个页面的头部必须要规定文档的类型,且为标准模式。这是在每一种浏览器中,尽可能得到一致表现的保证。推荐使用HTML5标准的文档类型:建议使用text/html格式的HTML,避免使用XHTML。

更新时间:2019-10-26类型:
查看详情人气:82
HTML 单引号与双引号_前端规范

在页面中,推荐使用单引号,不过并不关键。只要单双引号是相互对应即可,代码如下:上面是推荐使用方式,而不是使用双引号。

更新时间:2019-10-26类型:
查看详情人气:120
JavaScript 注释规范_前端规范

HTML与CSS都有注释,但是这两者的注释比JavaScript注释要简单的多。主要原因是因为HTML和CSS代码相对比较简单,它们都算不上真正的编程语言。面对结构庞大且繁杂的JavaScript代码,较为科学的注释更有利于项目的团队开发,

更新时间:2019-10-26类型:
查看详情人气:104
HTML 省略type属性_前端规范

项目中,通常需要引入外部CSS文件或者js文件。代码片段如下: 更新时间:2019-10-26类型:

查看详情人气:138
HTML id属性值不能重复_前端规范

同一个文档中,一个id属性值必须是唯一,这是标准规范明确强调的。否则在使用的过程中可能导致一些意外问题。Downzz.com一Downzz.com二上面的代码

更新时间:2019-10-26类型:
查看详情人气:131
HTML 布尔属性值_前端规范

HTML 布尔属性值_前端规范

有不少标签属性,无需设置属性值,比如disabled、checked与selected。下面以复选框为例子做一下说明,看如下代码:<

更新时间:2019-10-26类型:
查看详情人气:126
HTML 代码注释规范_前端规范

注释对于团队开发和后期维护有着重要的作用,但是也增加了代码的体积。尽量不写注释,尽可能减少文档的体积,如果必须要添加注释,那么就要遵循如下规则:(1).详尽注释,解释代码解决问题、解决思路、是否为新鲜方案等。(2).模块注释,github建

更新时间:2019-10-26类型:
查看详情人气:124
HTML 标签与属性大小写_前端规范

HTML标签与标签中的属性都建议使用小写形式。Downzz.com上述代码不推荐使用,建议将标签改为小写形式。代码修改如下:Downzz.com对于HTML标签的属性也是如此。看如下代码: 更新时间:2019-10-26类型:

查看详情人气:123
CSS E:nth-of-type(n)_CSS教程

CSS E:nth-of-type(n)_CSS教程

E:nth-of-type(n)是伪类选择器,能够满足如下几个条件的元素:(1).首先,必须是E类型元素,E表示选择器,并非标签类型。(2).其次,元素必须位于父元素下同类型标签兄弟元素的第"n"位,n类型有多种。看了上述阐述,可能还有一部

更新时间:2019-10-26类型:
查看详情人气:64
JavaScript nextSibling_JS教程

JavaScript nextSibling_JS教程

nextSibling属性可以返回当前节点下一个紧邻的兄弟节点,只读属性。再来看MDN文档的阐述,此属性返回当前节点的父节点的childNodes列表中,紧邻其后的节点。上面两端文字包含了如下主要信息:(1).当前节点与返回节点紧邻,且处于

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript clearInterval()_JS教程

定时器方法setInterval可以规定每隔指定时间,周期性执行回调函数。默认状态,如果不关闭浏览器,定时器方法将永远执行下去。实际项目中,更多时候会根据需要来决定定时器方法是否继续执行。此时,本文的主角clearInterval方法的功能

更新时间:2019-10-26类型:
查看详情人气:68
缩进使用空格替代tab_前端规范

编码代码的时候,为了可读性,总会对代码进行一些必要的缩进处理。当然,如果比较任性,你可以不适用任何缩进,但是写代码毕竟是一件非常痛苦的事情。通过tab和空格都可以实现缩进,但是请务必使用空格替代tab。原因总结如下:(1).不同系统的编辑器

更新时间:2019-10-26类型:
查看详情人气:94
前端文件编码方式_前端规范

推荐无BOM的utf-8编码格式。(1).在HTML中指定编码。(2).无需使用@charset指定样式表的编码,它默认为UTF-8。(3).js文件同样推荐使用utf-8编码方式。代码实例如

更新时间:2019-10-26类型:
查看详情人气:103
文件/资源命名规范_前端规范

通过文件名称可以给使用者传达一些有用的信息。由此可见,文件的命名也需要遵循一定的规则,否则不但无法顺畅传达信息,甚至可能会产生误解。下面分布介绍一下文件命名需要遵循的一些约定俗成的规范。一.构成名称的字符:通常情况下,文件的名称是由英文字母

更新时间:2019-10-26类型:
查看详情人气:113
引入外部资源协议写法_前端规范

引入外部资源是前端中常见的操作,比如引入著名站点的CDN资源。代码实例如下:但是前端规范更为推荐如下方式: 更新时间:2019-10-26类型:

查看详情人气:132
id与class 命名规则_前端规范

id与class是前端最为常用的属性,使用频繁,且极为简单。由于上述特性,可能会造成它们名称的滥用,从而导致各种各样的不便,甚至出现较为严重的问题。下面通过简短代码介绍一下id与class属性值在开发中比较推荐的命名规则。一.属性值内容:属

更新时间:2019-10-26类型:
查看详情人气:133
前端规范目的_前端规范

俗话说的好,无规矩不成方圆,各行各业都是如此。例如,不同舰艇的水手之间可以通过旗语交流,说明旗语的每一个动作都遵循特定规范。如果没有这套规范,那么旗语作用对双方水手来说无异于一套密码,在前端也是如此。相信项目开发中,很多朋友会遇到这样的情况

更新时间:2019-10-26类型:
查看详情人气:128
JavaScript clientLeft_JS教程

JavaScript clientLeft_JS教程

clientLeft属性返回指定元素客户区左部与整个元素左部之间的距离,只读属性。特别说明:返回值是一个数值,不带单位(默认单位是像素)。与此属性对应的是clientTop属性,原理一模一样,返回值是上边框的宽度。首先介绍一下元素客户区,它

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript scrollTop_JS教程

JavaScript scrollTop_JS教程

掌握此属性的功能,首先可以从它的名称入手,scrollTop由scroll与top两个单词合成。scroll具有"滚动"的意思,top具有"上面"的意思,可以猜想,此属性功能与垂直方位的滚动操作有关。属性功能恰如其名,可以返回或者设置元素内

更新时间:2019-10-26类型:
查看详情人气:77
JavaScript scrollHeight_JS教程

JavaScript scrollHeight_JS教程

通常,DOM操作非常简单,最让人困扰的因素之一可能是名目繁多的DOM属性。不过,只要明白属性的实质,就会让人感觉原来是如此简单,下面来解析scrollHeight属性。此属性返回元素的内容高度,返回值是一个整数,默认单位是像素,只读属性。特

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript cookie 跨域_同源策略

JavaScript cookie 跨域_同源策略

cookie虽然存在安全性和存储量小等诸多缺点,被很多人诟病。但是在其能力范围之内,可以很方便的完成一些工作,比如存储用户的状态,实现单点登录等。不同域之间的cookie是无法访问的,否则互联网岂不是乱套了。比如Downzz.com与百度之

更新时间:2019-10-26类型:
查看详情人气:116
JavaScript 本地对象、内置对象和宿主对象_JS教程

JavaScript 本地对象、内置对象和宿主对象_JS教程

JavaScript中,有很多知识点,你没有掌握,并不会太影响工作。比如标题中的内置对象、宿主对象和本地对象,仅是对象类别划分方面的知识。所以对实际编写代码并不造成太大影响,不过依然建议要这些概念有清晰的掌握。主要基于如下几个原因:(1)

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript ArrayBuffer_ES6教程

JavaScript ArrayBuffer_ES6教程

JavaScript是一种应用于网络编程的脚本语言。设计的初衷是为了实现用户与页面更加人性化的交互,为页面增加简单动态效果。随着时间的推移和软硬件的进步,JavaScript用途用途越来越广泛,是设计之初梦想之所不到。可以肯定,最初Java

更新时间:2019-10-26类型:
查看详情人气:51
CSS3五角星效果详解_特效教程

CSS3五角星效果详解_特效教程

分享一段代码实例,他利用CSS3实现了五角星效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:114
CSS垂直导航菜单_布局案例

水平的菜单的实现可以参阅CSS水平导航菜单制作详解一章节。下面分享一个垂直导航菜单实例,并介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:86
JavaScript自定义滚动条详解_特效教程

分享一段代码实例,它实现了自定义滚动条效果。下面就分享一下此代码,并详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:77
JavaScript 省市级联效果详解_特效教程

本章节分享一段代码实例,它实现了省市级联效果,这种效果在大量的网站中都有使用。下面详细介绍一下它的实现过程,需要的朋友可以做一下参考。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:90
JavaScript slide下拉导航菜单效果_特效教程

现在的下拉导航菜单都讲究平滑优雅,粗暴的瞬间下拉的导航菜单已经不多。下面就通过代码实例介绍一下如何实现此种类型的效果,需要的朋友可以做一下参考。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:114
JavaScript侧栏缓动分享菜单详解_特效教程

本章节分享一段代码实例,它实现了简单的侧栏导航菜单分享功能。此代码具有缓动跟随效果,这是比较人性化且动态功能,下面详细介绍一下它的实现。代码如下: 更新时间:2019-10-26类型:

查看详情人气:76
console.time()和console.timeEnd()_谷歌工具

console.time()和console.timeEnd()_谷歌工具

标题中的两个方法可以计算出指定代码执行所要花费的时间。通常用于检测JavaScript代码性能的时候使用。functiondone(){varnum=0;for(vari=0;i<100000000;i++){num++;}}co

更新时间:2019-10-26类型:
查看详情人气:97
DOMContentLoaded 事件_JS教程

DOMContentLoaded 事件_JS教程

DOMContentLoaded事件会在文档完全加载和解析之后触发,无需等待CSS文件、图片和子框架加载完毕。看到上述对事件的阐述,肯定有很多朋友会想到window.onload事件,非常相似。两个事件主要区别如下:(1).DOMCont

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript >>> 三个大于号无符号右移运算符_JS教程

JavaScript >>> 三个大于号无符号右移运算符_JS教程

>>>运算符由三个大于号构成,是一个二进制运算符。也就是对二进制数字进行操作,具有两大特点:(1).首先,是无符号。(2).其次,是右移。二进制正负数表示法与十进制不同,十进制前面使用正负号表示(正号可以省略)。二进制数字的最高位是符号位,

更新时间:2019-10-26类型:
查看详情人气:87
左右带有按钮图片水平滚动_特效教程

本章节分享一段代码实例,它实现了图片水平无缝滚动效果。点击左右按钮可以实现滚动,也可以让效果实现自动滚动,设置相应的参数即可。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:66
JavaScript event.shiftKey_JS教程

此事件属性可返回一个布尔值,指示当事件发生时,"shift"键是否被按下并保持住。语法结构:event.shiftKey返回值解析:(1).返回true表示"shift"键被按下并保持。(2).返回false表示"shift"键没有被按下并

更新时间:2019-10-26类型:
查看详情人气:61
JavaScript event.screenX_JS教程

此事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。语法结构:event.screenX浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).火狐浏览器支持此属性。(4).Opera浏览器支持此属性。(5)

更新时间:2019-10-26类型:
查看详情人气:62
透明层滑动跟随导航菜单_特效教程

分享一段代码实例,它实现了鼠标悬浮导航菜单,有透明层滑动跟随的效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:96
JavaScript hashchange 事件_JS教程

关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。hashchange事件是在hash值改变时触发,那么首先解决hash是什么。可能大家知道location.hash属性,它可以设置或者获取URL的锚部分,也就是从#号开始的部分。

更新时间:2019-10-26类型:
查看详情人气:68
CSS z-index 属性_CSS教程

CSS z-index 属性_CSS教程

z-index属性用于设置position定位元素的层叠顺序。如果元素仅位于x轴与z轴构成的二维平面空间,那就不存在层叠关系。于是,此属性用于设置元素在z轴方位的层叠顺序,这也是z-index名称的由来。z-index属性对采用如下定位的

更新时间:2019-10-26类型:
查看详情人气:85
CSS3 transform-style_CSS3教程

CSS3 transform-style_CSS3教程

由名称可以猜测,此属性可以用于规定transform变换的类型。通过此属性可以规定指定元素的子元素的变换效果是位于3D空间,还是被平展于元素的2D空间。仅从上述概念阐述,读者可能还是不能完全理解此属性的作用,不用担心,后面有详细代码演示。特

更新时间:2019-10-26类型:
查看详情人气:97
CSS position:sticky 粘性定位_CSS教程

CSS position:sticky 粘性定位_CSS教程

如果提到position定位,最容易想到是如下几个定位方式:(1).position:absolute绝对定位。(2).position:relative相对定位。(3).position:fixed固定定位。是非常重要的知识点,想必每一个

更新时间:2019-10-26类型:
查看详情人气:105
dl,dt,dd 描述列表_HTML教程

dl,dt,dd 描述列表_HTML教程

使用、和三个标签可以定义描述列表。首先从标签的名称入手理解它们的作用:(1).dl:英文全称是definitionlist,定义列表。(2).dt:英文全称是definitiontitle,定义标题。(3).dd

更新时间:2019-10-26类型:
查看详情人气:110
Math.imul()_ES6教程

Math.imul方法返回两个数以32位带符号整数形式相乘的结果,是一个32位的带符号整数。语法结构:Math.imul(a,b)参数解析:(1).a:必需,第一个数字参数。(2).b:必需,第二个数字参数。代码实例:co

更新时间:2019-10-26类型:
查看详情人气:52
HTML 锚点定位_HTML教程

HTML 锚点定位_HTML教程

链接是最为常用的HTML元素之一,通过它可以将页面跳转到指定的地址。利用它非常便利的实现站内或者站际间页面跳转,有利于浏览者获取信息。关于链接的更多内容参阅如下两篇文章:(1).HTML标签一章节。(2).CSS设置

更新时间:2019-10-26类型:
查看详情人气:124
Math.cbrt()_ES6教程

Math.cbrt方法计算一个数的立方根。语法结构:Math.cbrt(x)参数解析:(1).x:必需,要求立方根的数字。代码实例:console.log(Math.cbrt(-1));console.log(Math.cbrt(0));

更新时间:2019-10-26类型:
查看详情人气:77
Math.atanh()_ES6教程

Math.atanh方法返回参数的双曲正切。语法结构:Math.atanh(x)参数解析:(1).x:必需,要求反双曲正切的数字。代码实例:console.log(Math.atanh(-2));console.log(Math.atan

更新时间:2019-10-26类型:
查看详情人气:57
Math.log1p()_ES6教程

Math.log1p(x)方法返回1+x的自然对数,即Math.log(1+x)。如果x小于-1,返回NaN。语法结构:Math.log1p(x)参数解析:(1).x:必需,数字参数。代码实例:console.log(Math

更新时间:2019-10-26类型:
查看详情人气:117
Math.cosh()_ES6教程

Math.cosh方法返回参数的反双曲余弦。语法结构:Math.clz32(x)参数解析:(1).x:必需,要求反双曲余弦的数字。代码实例:console.log(Math.cosh(0));console.log(Math.cosh(1

更新时间:2019-10-26类型:
查看详情人气:55
CSS3 rem_CSS3教程

rem是相对单位,与em非常的类似。em是相对于当前元素字体大小,比如当前div的字体大小是12px,那么1rem=12px。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:74
JavaScript 继承_JS教程

JavaScript 继承_JS教程

JavaScript是一门面向对象的语言,继承方式与C#和Java等迥然不同。尽管受到许多人的诟病,但不能否则JavaScript中的继承更加强大与灵活。ES2015对继承方式做了一些表面的修改,实质依然是通过prototype原型实现。具

更新时间:2019-10-26类型:
查看详情人气:69
文章点击展开和收起详解_特效教程

在很多实际应用中,有这样的效果,那就是只显示文章的一部分,其余的部分用省略号替代,后面跟着一个类似展开的按钮,这也许是为了节省空间或者其他目的,下面就通过代码实例介绍一下如何实现此功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:100
Math.clz32()_ES6教程

Math.clz32方法返回一个数的32位无符号整数形式有多少个前导0。ES2015新增此方法。语法结构:Math.clz32(x)参数解析:(1).x:必需,要求32位无符号整数形式有多少个前导0的数字。代码实例:console.log(

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript event.altKey_JS教程

此属性返回一个布尔值,指示在指定的事件发生时,Alt键是否被按下并保持住。如果true,表示alt键被按下并保持住,否则返回false。语法结构:event.altKey浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript event.ctrlKey_JS教程

此事件属性可返回一个布尔值,指示当事件发生时,Ctrl键是否被按下并保持住。语法结构:event.ctrlKey返回值解析:(1).返回true表示ctrl键被按下并且保持住。(2).返回false表示ctrl键没有被按下或者没有保持。浏

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript 秒表效果详解_特效教程

分享一段代码,它利用JavaScript实现秒表效果,也就是每隔一秒数字加1。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:98
JavaScript 隐式数据类型转换_JS教程

JavaScript 隐式数据类型转换_JS教程

隐式数据类型转换,就是代码可以根据上下文自动进行数据类型转换。更多数据类型转换内容参阅JavaScript数据类型转换一章节。看如下代码实例:letstr="8";console.log(typeofstr);console.lo

更新时间:2019-10-26类型:
查看详情人气:106
JavaScript 数据类型转换_JS教程

JavaScript 数据类型转换_JS教程

数据类型转换在转换方式分为两种:(1).显式数据类型转换,指定由某种类型转换到另一种类型。(2).隐式数据类型转换,代码根据上下文自动判断类型转换。数据类型的转换又可以分为三种:(1).值类型之间数据转换。(2).值类型转换到引用类型。(3

更新时间:2019-10-26类型:
查看详情人气:90
JavaScript contextmenu 事件_JS教程

默认状态下,在网页中右键点击网页就会弹出右键菜单。点击鼠标右键会触发contextmenu事件,通常使用此事件是用来禁用右键菜单。禁用自带右键菜单通常用于自定义右键菜单效果,否则弹出自定义右键菜单的同时弹出默认菜单。关于事件处理函数注册,可

更新时间:2019-10-26类型:
查看详情人气:92
jQuery 图片垂直切换效果详解_特效教程

图片垂直切换在很多网页中都有应用。下面是一个比较简单的代码实例,下面对它实现过程进行一下详细介绍。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:79
Math.hypot() 方法_ES6教程

Math.hypot方法返回所有参数的平方和的平方根。语法结构:Math.hypot([value1[,value2[,...]]])参数解析:(1).value1,value2,...:必需,数字参数。代码实例:console.l

更新时间:2019-10-26类型:
查看详情人气:54
Math.fround() 方法_ES6教程

Math.fround方法返回一个数的单精度浮点数形式。语法结构:Math.fround(x)参数解析:(1).x:必需,数字参数。代码实例:console.log(Math.fround(0));console.log(Math.fro

更新时间:2019-10-26类型:
查看详情人气:68
Math.expm1() 方法_ES6教程

Math.expm1(x)返回值等于Math.exp(x)-1。语法结构:Math.expm1(x)参数解析:(1).x:必需,数字参数。代码实例:console.log(Math.expm1(-1));console.log(Mat

更新时间:2019-10-26类型:
查看详情人气:58
JavaScript toExponential()_JS教程

此方法可以把数字转换为指数计数法。更多内容参阅JavaScriptNumber对象一章节。语法结构:NumberObject.toExponential(num)参数解析:num:可选,规定指数计数法中的小数位数,如果省略了该参数,将使

更新时间:2019-10-26类型:
查看详情人气:66
JavaScript toPrecision()_JS教程

此方法以指定的精度返回该数值对象的字符串表示。根据参数和数字整数部分位数的关系,作用会有所区别,下面将通过实例做一下介绍。更多内容参阅JavaScriptNumber对象一章节。语法结构:NumberObject.toPrecision

更新时间:2019-10-26类型:
查看详情人气:74
JavaScript Math.round()_JS教程

JavaScript Math.round()_JS教程

Math.round方法会对参数进行舍入操作,并返回一个整数。舍入操作并非简单的四舍五入、上舍入或者下舍入操作,规则会在后面详细介绍,并通过代码演示。特别说明:round方法是Math对象的静态方法,直接使由Math对象调用。更多Math对

更新时间:2019-10-26类型:
查看详情人气:77
CSS3 vmin_CSS3教程

vmin的值是当前vw和vh中较小的值,也就是相对于当前视口宽度和高度较小的那一个。1vmin是较小宽度或者高度值的百分一。代码如下:div{height:50vmin;}如果当前视口宽度500px,高度200px,那么以视口高度为参考,

更新时间:2019-10-26类型:
查看详情人气:163
CSS3 vmax_CSS3教程

vmax的值是当前vw和vh中较大的值,也就是相对于当前视口宽度和高度较大的那一个。1vmax是较大宽度或者高度值的百分一。代码如下:div{height:50vmax;}如果当前视口宽度500px,高度200px,那么以视口宽度为参考,

更新时间:2019-10-26类型:
查看详情人气:83
JavaScript class 继承_ES6教程

JavaScript class 继承_ES6教程

JavaScript是一门面向对象的语言,与典型面向对象语言的继承相较有其自身特点。随着版本的演化,JavaScript继承从外观上看更加趋向于典型面向对象的语言。但继承依然是基于prototype原型实现,本文将进行一下总结。关于clas

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript 侧栏选项卡_特效教程

本章节分享一段代码示例,它实现了侧栏选项卡的功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:90
JavaScript ownerDocument_JS教程

此属性可以返回指定元素的根元素,只读属性。语法结构:nodeObject.ownerDocument浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性。(4).火狐浏览器支持此属性。(5

更新时间:2019-10-26类型:
查看详情人气:68
JavaScript 静态属性与静态方法_ES6教程

JavaScript 静态属性与静态方法_ES6教程

所谓静态属性和静态方法都是通过类(构造函数)直接使用。也就是说引用属性或者调用方法的时候,没必要首先创建类(构造函数)的对象实例。首先感受看一下实例属性与静态属性的区别:classAntzone{}letant=newAntzone

更新时间:2019-10-26类型:
查看详情人气:86
JavaScript 实例属性_ES6教程

JavaScript 实例属性_ES6教程

典型的面向对象语言中,属性可以分为实例属性和静态属性。本文会由静态属性引出实例属性,并结合代码实例对其做一下着重介绍。更多关于class类内容参阅JavaScriptclass类一章节。一.静态属性:直接通过类访问的属性就是静态属性。

更新时间:2019-10-26类型:
查看详情人气:81
JavaScript super_ES6教程

JavaScript super_ES6教程

super关键字是ES2015新增,是一个多面手,不同上下文扮演不同角色。可以充当的角色分别如下:(1).父类构造函数。(2).父类原型对象。(3).父类。下面将通过代码实例对其所扮演的角色进行详细分析。一.父类构造函数:classF{

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript extends 继承_ES6教程

JavaScript extends 继承_ES6教程

ES2015新增class类,使其更加接近标准面向对象语言,最起码从外观上更加相像。与之相配套,新增extends关键字用于实现继承,与标准面向对象极为相似。JavaScript实现继承的方式有多种,参阅JavaScriptclass类

更新时间:2019-10-26类型:
查看详情人气:159
new.target 属性_ES6教程

new.target 属性_ES6教程

new.target返回new运算符后面所调用的构造函数或者类。如果函数并非用作构造函数,返回值为undefined。关于class类更多内容参阅JavaScriptclass类一章节。ES2015新增此属性。代码实例如下:functi

更新时间:2019-10-26类型:
查看详情人气:88
JavaScript textContent_JS教程

JavaScript textContent_JS教程

textContent属性可以返回或者设置指定节点的文本内容。上述概念阐述不足以完全涵盖属性所有特点,后面通过代码实例详细介绍。此属性与innerText比较类似,但是区别也是巨大的,参阅如下两篇文章:(1).JavaScriptinne

更新时间:2019-10-26类型:
查看详情人气:57
JavaScript时间日期格式化_特效教程

原生的时间日期可读性很差,有时格式可以说比较狂野,通常不能够满足我们的需要。下面通过实例代码详细介绍一下如何实现自定义时间日期格式化功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:80
点击导航栏切换背景色效果_特效教程

本章节分享一段简单的代码实例,它实现了点击导航栏切换背景颜色效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:103
JavaScript弹幕效果代码详解_特效教程

分享一段代码实例,它利用JavaScript模拟实现了弹幕效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:104
HTML form 元素_HTML教程

HTML form 元素_HTML教程

当前网站的功能非常强大,除了能够给浏览者展示信息之外,也可以进行交互。比如最为常见的交互操作,注册会员、跟帖留言或者文章发布等。form表单实现上述操作是最为常见方式之一,也可以使用其他方式,比如ajax等。首先看一个代码: 更新时间:2019-10-26类型:

查看详情人气:71
CSS font 复合简化格式_CSS教程

CSS font 复合简化格式_CSS教程

font属性用于设置字体样式,具体参阅CSSfont字体一章节。本文介绍一下font属性复合简化写法的格式,它子属性众多,只介绍常用的几个:(1).font-style:设置文本字体样式。(2).font-variant:设置文本以大写

更新时间:2019-10-26类型:
查看详情人气:101
JavaScript 面向对象_JS教程

JavaScript 面向对象_JS教程

JavaScript是一门面向对象的语言,与其他面向对象语言相比具有自己的特点。下面将从总体上对其做一下概述,不会对细节做过多介绍。本文将解决如下几个问题:(1).什么是面向对象。(2).对象成员有哪些。(3).JavaScript实现面向

更新时间:2019-10-26类型:
查看详情人气:60
CSS font 字体_CSS教程

CSS font 字体_CSS教程

本文不但介绍CSSfont属性的用法,也会介绍一些常用设置字体样式的属性。一.非font相关属性:(1).color属性设置字体颜色:color:#ccc;上述代码可以将字体颜色设置为#ccc。属性值可以CSS种任意合法的颜色表示法,具体

更新时间:2019-10-26类型:
查看详情人气:117
jQuery精确到毫秒倒计时详解_特效教程

大家通常看到的倒计时效果,一般都是精确到秒的,类似于体育课上的那种精确到毫秒的秒表效果还是比较少见的,下面就通过代码实例介绍一下如何实现一个倒计时能够精确到毫秒。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:98
JavaScript简易留言板效果_特效教程

本章节分享一段代码实例,它实现了简单的留言功能。当然在实际应用中不可能有这么简单的留言簿功能,只是介绍一下相关的dom元素操作。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:109
JavaScript 异步操作原理_JS教程

JavaScript 异步操作原理_JS教程

本文只简述JavaScript异步原理,并不会对细节做过多介绍。一.异步操作:与异步操作对应的是同步操作。所谓同步操作,就是同一时刻只能做一件事情,如果要多件事情需要处理,需要排队。异步操作是同一时刻能够做多件事情,比如银行开多个窗口同时办

更新时间:2019-10-26类型:
查看详情人气:90
background 复合格式顺序_CSS教程

background是复合属性,它可以细分为多个子属性。与之类似,margin、padding或者border等也是复合属性。以border属性为例子,复合写法如下:border:2pxsolid#ccc;下面拆分复合属性,将子属性单独

更新时间:2019-10-26类型:
查看详情人气:91
JavaScript <= 小于等于_JS教程

JavaScript <= 小于等于_JS教程

此运算符可以比较左右两侧运算数的大小。当左侧运算数小于或者等于右侧运算数时返回true,否则返回false。JavaScript中的<=运算符与数学对应运算符相比应用更加复杂,不但数字之间可以比较,字符串也可以比较,甚至不同类型数据也可以进

更新时间:2019-10-26类型:
查看详情人气:128
document.write() 清空覆盖内容_JS教程

document.write方法可以在文档中写入指定的字符串。方法虽然比较简单,不过其中也有很多知识点需要特别注意。会面会通过代码实例对一些要点做详细介绍。语法结构:document.write(exp1,exp2,exp3,....)参数

更新时间:2019-10-26类型:
查看详情人气:76
相对路径和绝对路径_HTML教程

相对路径和绝对路径_HTML教程

去一个地方,首先要明确到达此地的路径。编程也是如此,要加载图片或者引入其他代码文件,也需要设置正确的路径。路径分为绝对路径与相对路径:(1).青岛李沧区重庆中路967号xxx小区17号楼2单元502,这是一个绝对路径。(2).15号楼左手边

更新时间:2019-10-26类型:
查看详情人气:125
JavaScript dataset_JS教程

JavaScript dataset_JS教程

dataset属性用来管理HTML元素自定义属性。特别说明:仅对符合HTML5规范,通过data-*语法格式规定的自定义属性有效。关于data-*可以参阅data-*自定义属性一章节。一.HTML属性:HTML属性分为内置标准属性与自定义

更新时间:2019-10-26类型:
查看详情人气:99
JavaScript getAttribute()_JS教程

JavaScript getAttribute()_JS教程

getAttribute方法可以返回元素指定属性的值。如果对应的属性不存在,那么方法返回null或者空字符串""。特别说明:如果属性不存在,在当前标准浏览器返回null,比较老旧浏览器可能返回""。与此方法对应的是setAttribute,

更新时间:2019-10-26类型:
查看详情人气:63
data-* 自定义属性_HTML教程

data-* 自定义属性_HTML教程

之前没有关于自定义属性的规范,所以管理起来比较混乱。HTML5增加data-*用于设置自定义属性,可以用来存储数据,也可以称之为数据属性。同时,JavaScript提供了dataset属性用于专门管理自定义属性,具体参阅JavaScript

更新时间:2019-10-26类型:
查看详情人气:94
JavaScript >= 大于等于_JS教程

JavaScript >= 大于等于_JS教程

此运算符可以比较左右两侧运算数的大小。当左侧运算数大于或者等于右侧运算数时返回true,否则返回false。JavaScript中的>=运算符与数学对应运算符相比应用更加复杂,不但数字之间可以比较,字符串也可以比较,甚至不同类型数据也可以进

更新时间:2019-10-26类型:
查看详情人气:86
CSS background 背景_CSS教程

CSS background 背景_CSS教程

红花也要绿叶配,不但自身要素质过硬,衬托也十分重要。大家拍照也会刻意找一个合适的背景也是同样的道理,可见背景的重要性。网页布局实际亦是如此,给元素恰当的设置背景可以有效的提高人性化程度。背景大致可以分为两类:(1).背景颜色。(2).背景图

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript class 类_ES6教程

JavaScript class 类_ES6教程

如果您是一位使用典型面向对象语言进行开发的编程人员。那么对于class类的应用必定非常熟悉,比如创建对象实例,继承或者多态等等。但当您学习JavaScript时候,可能会感觉非常不适应,它的继承模型与典型面向对象语言截然不同。首先看一段代码

更新时间:2019-10-26类型:
查看详情人气:54
jQuery模拟打字机详解_特效教程

分享一段代码实例,它实现了模拟打字机输出文本的功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:86
jQuery点击页面其他地方隐藏指定元素详解_特效教程

很多效果有这样类似功能,点击页面的其他地方时,能够隐藏一个指定的元素。比如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,往往希望当点击页面其他地方的时候,能够隐藏下拉条,下面就通过一个实例单独介绍一下如何实现此功能。代码实例

更新时间:2019-10-26类型:
查看详情人气:66
jQuery实现3D图片轮播详解_特效教程

本章节分享一段代码实例,它实现了3D效果的图片轮播。下面就详细介绍一下它的实现过程,需要的朋友可以做一下参考。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:68
jQuery tab选项卡代码详解_特效教程

tab选项卡优点有很多,比如让网页具有动态效果,可以在有限的空间容纳更多的内容。下面通过一段简单代码实例详解介绍一下如何实现此功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:68
JavaScript数字每隔三位加一个逗号_特效教程

为了人性化或者其他的目的,很多情况下可能会给数字每隔3位加一个逗号。下面就通过代码实例介绍一下如何实现此功能。代码如下:varcutStr=function(str){varnewStr=newArray(str.length+p

更新时间:2019-10-26类型:
查看详情人气:75
购物网站侧栏商品分类导航_特效教程

购物网站的商品类别非常多,所以一个好的分类导航菜单十分重要,否则可能造成页面臃肿或者分类不清晰,进而导致用户的流失,下面介绍一种比较流行的商品类别导航菜单,并介绍一下它的实现过程。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:99
JavaScript元素拖拽路径回放效果_特效教程

拖拽是常见效果,有时可能有这样的需求,那就是可以使元素能够按照拖拽的路径原路返回。下面通过代码实例配合详细的注释,介绍一下如何实现此功能。代码如下: 更新时间:2019-10-26类型:

查看详情人气:127
JavaScript文本框获取焦点弹出tips_特效教程

实际应用中,特别是表单填写中,可能会遇到这样的情况,当文本框或者密码框获取焦点的时候,弹出一个提示输入内容的信息层,下面通过代码实例介绍一下如何实现此效果。代码如下: 更新时间:2019-10-26类型:

查看详情人气:84
年月日级联效果详解_特效教程

分享一段代码实例,它实现了年月日级联菜单效果,在大量网站都有应用。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:88
JavaScript拖动调整元素的尺寸_特效教程

一些实际应用中,可以通过拖拽调整窗口的大小。下面通过分析一个实例来简单介绍一下如何实现此功能,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:85
jQuery设置奇偶行背景色代码_特效教程

新闻数量较多的情况下,一般会将列表的奇数行或者偶数行进行背景色设置,以提高辨识度。下面通过代码实例介绍一下如何实现此功能。代码如下:

更新时间:2019-10-26类型:
查看详情人气:138
jQuery实进度条效果详解_特效教程

进度条效果在很多应用中都有出现,因为它直观,对于使用者来说非常的人性化,下面就通过代码实例介绍一下如何利用jquery实现进度条效果,当然代码非常的简单,这里只是提供一个思路。代码如下: 更新时间:2019-10-26类型:

查看详情人气:82
JavaScript 数字分页代码详解_特效教程

JavaScript 数字分页代码详解_特效教程

网站的分页形式各式各样灵活多变,人性化程度也比以前得到了很大的提高。之所以会出现如此百花齐放的现象,最主要得益于JavaScript的应用。下面就通过代码实例详细介绍一下如何利用JavaScript实现数字分页效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:118
CSS E:nth-child(n)_CSS教程

CSS E:nth-child(n)_CSS教程

E:nth-child(n)是伪类选择器,可以匹配指定类型与位置的元素。被匹配元素具有如下特点:(1).首先,是E类型元素。(2).其次,必须是父元素的第n个子元素。特别说明:E并不仅表示元素选择器,也可以是其他CSS选择器。语法结构:E:

更新时间:2019-10-26类型:
查看详情人气:75
CSS图片边框阴影效果_特效教程

分享一段代码实例,它实现了图片边框阴影效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:89
jQuery星级评分效果详解_特效教程

本章节分享一段代码实例,它实现了鼠标滑过星级评分效果。这种效果在实际应用中非常常见,下面就详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:79
jQuery新闻列表垂直滚动详解_特效教程

新闻列表垂直滚动效果,在很多网站都有应用。下面是一段带有滚动间歇暂停功能的代码,下面详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:70
jQuery 倒计时效果详解_特效教程

倒计时效果有着广泛的应用,比如奥运会倒计时、高考倒计时和放假倒计时等。本章节分享一个比较美观且实用的倒计时效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:67
CSS E:first-child_CSS教程

CSS E:first-child_CSS教程

E:first-child是伪类选择器,用于匹配父元素中第一位且类型为E的子元素。通常,CSS选择器都是非常容易理解的,从名称大致可以猜测功能。比如E:focus选择器匹配获取焦点的元素,出现歧义的可能性很小。但是对于E:first-chi

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript 动画方式弹出圆角框_特效教程

分享一段代码实例,它实现了弹出小窗口效果。这样的效果比较常见于对于某一个操作的提示,此效果的展现具有动画效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:87
JavaScript倒计时隐藏广告详解_特效教程

当前广告力求展现效果的同时,兼顾人性化。例如在网站顶部有一个横幅广告,在展现一定时间之后,能够自动隐藏,并且有倒计时效果,类似于红绿灯倒计时,更加符合人性心理。下面分享一段类似的代码,并详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:92
JavaScript表格增删改查详解_特效教程

分享一段代码实例,实现了对table表格数据的增删查效果。虽然标题是增删改查,但并没有改这个功能,只是一个习惯性叫法而已。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:112
CSS E:nth-last-child(n)_CSS教程

CSS E:nth-last-child(n)_CSS教程

E:nth-last-child(n)是伪类选择器,可以匹配指定类型与位置的元素。被匹配元素具有如下特点:(1).首先,是E类型元素。(2).其次,必须是父元素的倒数第n个子元素。特别说明:E并不仅表示元素选择器,也可以是其他CSS选择器。

更新时间:2019-10-26类型:
查看详情人气:71
jQuery表单验证效果详解_特效教程

表单验证是功能的必选项,否则可能会出现各种安全问题,当表单验证不通过的时候,会出现各种提示,为了提示醒目,兼顾美观,表单验证都会进行各种美化,下面分享一个简单的表单验证效果,供初学者参考。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:108
jQuery拖动调整左右两列宽度_特效教程

本章节分享一段代码实例,它实现了使用鼠标左右拖动就可以调整两列宽度的功能。这在很多效果中都有应用,下面就通过代码实例详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:65
点击回车键表切换焦点效果_特效教程

现在网站都比较追求人性化,比如填写表单的时候,能够实现点击回车就可以切换表单元素的焦点,这样比使用鼠标进行切换更能让人接受,下面就通过代码实例介绍一下如何实现此功能。代码如下:

更新时间:2019-10-26类型:
查看详情人气:74
JavaScript 原型链_JS教程

JavaScript 原型链_JS教程

原型链是JavaScript中最重要的概念之一。对于它的深刻理解是必须的,否则开发工作将难以进行。很多初学者感觉某一个概念难以理解,其实并不是概念本身有多难。而是对与此概念相关的周边知识没有良好的掌握。理解原型链关键在于对于prototyp

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript 动态进度条效果详解_特效教程

在很多需要批量处理的功能都有进度条效果,可以非常直观的给用户传达任务执行效果和执行进度。下面就简单介绍一下JavaScript如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:69
明文显示密码效果详解_特效教程

密码框中输入的内容默认不会以明文显示,可以提高安全性,不过也有不方便之处,不知道输入的内容是否正确,为了解决这个问题,很多网站都在密码框后面跟随一个按钮,点击以后就可以显示密码明文,下面就通过一段代码简单介绍一下如何实现此功能。代码实例如下

更新时间:2019-10-26类型:
查看详情人气:79
CSS点击隐藏和显示div效果_特效教程

实现此类效果通常结合JavaScript实现,具体参阅点击同一按钮显示隐藏切换一章节。本章节分享一段代码实例,它完全由CSS实现,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:93
点击最后一行表格行自增效果_特效教程

现在追求效率和人性化并存,网页效果也是如此,比如一个可以编辑数据的表格,编辑到最后一行的时候,点击可以自动添加一行,下面分享一段这样的代码。代码如下: 更新时间:2019-10-26类型:

查看详情人气:88
JavaScript 遍历td单元格_特效教程

本章节介绍一下如何遍历表格的每一个td单元格,并且获取其中的内容。代码代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:152
JavaScript className_JS教程

JavaScript className_JS教程

className是当前(2018-11)最为常用的属性之一。利用它可以操作DOM元素的class属性,从而实现设置元素CSS样式等功能。之所以说它是当前最为常用的属性,是因为在可以预测的将来,很有可能被classList取代。因为clas

更新时间:2019-10-26类型:
查看详情人气:79
textarea高度自适应详解_特效教程

在默认情况下,textarea文本框是没有高度自适应功能。下面分享一段代码实例,它实现了textarea高度随着内容的增加而自适应变化。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:123
JavaScript年月日精确到秒倒计时_特效教程

分享一段代码实例,它实现了年月日倒计时效果,能够精确到秒。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:113
JavaScript 缓冲运动_特效教程

元素缓冲运动比匀速运动更为美观,显得更为有张力和弹性,对于浏览者来说可能会产生更好的效果,留住用户的可能性也就更大,下面就通过代码实例简单介绍一下如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:78
JavaScript 图片放大镜效果_特效教程

本章节分享一段代码实例,它实现了鼠标悬浮放大镜效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:98
JavaScript 标签语句_JS教程

JavaScript 标签语句_JS教程

很多时候,难于理解一个概念,一个很关键因素是惑于它的名称。尤其是在初学阶段,思路不开阔,且周边知识不够丰富的情况下更是如此。标签语句就是一个这样的概念,一旦让它放下身段,就会感觉如此简单平凡。一.标签语句概念:什么是标签语句,通俗的讲就会被

更新时间:2019-10-26类型:
查看详情人气:202
HTML step 属性_HTML教程

HTML step 属性_HTML教程

step属性用于规定数据每一次变化的梯度,或者说数据之间的间隔值。假设step属性值为5,那么两个数据之间的差是5*N(N是整数)。通常与min以及max属性配合使用。HTML5新增此属性。如下类型的input元素具有此属性:(1).num

更新时间:2019-10-26类型:
查看详情人气:100
JavaScript instanceof_JS教程

JavaScript instanceof_JS教程

我们说不要以貌取人,在人际交往中这一点非常重要。但是在编程中,建议"以貌取人",从长相可以大致猜测功能。instanceof由单词instance与of构成,instance是实例的意思,of表示从属关系。它可以判断对象是否是指定构造函数(

更新时间:2019-10-26类型:
查看详情人气:76
模拟select下拉菜单详解_特效教程

本章节分享一段代码实例,它模拟红丝线了select下拉菜单效果。毕竟自带的下拉控件不够美观。代码实例如下:模拟select 更新时间:2019-10-26类型:

查看详情人气:118
JavaScript 打字机效果详解_特效教程

通过JavaScript可以实现一个字符串总的字符逐个显示,类似以前打字机效果。代码实例如下:邮箱输入提示效果

更新时间:2019-10-26类型:
查看详情人气:72
JavaScript表格tr行左右拖动效果_特效教程

分享一段代码实例,它实现了table表格部分单元格固定,其他单元格可以滚动的效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:70
弹性效果网页右侧浮动框详解_特效教程

分享一段代码实例,它实现了网页右侧悬浮的框效果。并且这个框具有弹性效果,并且固定在网页的右侧。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:80
点击删除按钮弹出是否删除提示框_特效教程

实际应用中,要删除一个元素,往往要弹出一个警告框,让用户确认是否要真的删除指定元素,防止误操作。下面通过代码实例介绍一下如何实现此功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:87
HTML input 元素概述_HTML教程

是最为重要的表单元素。根据type属性值的不同,它可以表现为不同形式,功能更大相径庭。无论以何种形式展现或者何种方式使用,它的功能是输入数据。元素的名称也可以体现它的功能,input翻译成汉语,具有输入数据的意思。代码实例如下

更新时间:2019-10-26类型:
查看详情人气:93
JavaScript ! 逻辑非运算符_JS教程

逻辑非运算符用叹号(!)表示。是一个一元运算符,返回值一个布尔值,也就是true或者false。语法结构:!运算数运算规则如下:(1).如果运算数是true,返回值是false。(2).如果运算数是false,返回值是true。(3).如果

更新时间:2019-10-26类型:
查看详情人气:81
JavaScript event.button_JS教程

此事件属性可返回一个整数,指示当事件被触发时哪个鼠标按键被点击。语法结构:event.button返回值解析:(1).返回0表示鼠标左键被点击。(2).返回1表示鼠标中键被点击。(3).返回2表示鼠标右键被点击。浏览器支持:(1).IE浏览

更新时间:2019-10-26类型:
查看详情人气:77
JavaScript scrollLeft_JS教程

JavaScript scrollLeft_JS教程

scrollLeft属性可以返回或者设置元素内容向左滚动的尺寸。也就是被元素左侧所遮挡的尺寸,或者说滚动条向右滚动的距离。返回或者设置的值都是数字,不能带单位,默认单位是像素。此属性相当有用,比如可以用来制作水平无缝滚动效果,后面会有简单演

更新时间:2019-10-26类型:
查看详情人气:47
JavaScript clientTop_JS教程

JavaScript clientTop_JS教程

clientTop属性返回元素客户区左上角与整个元素左上角的垂直尺寸。这段尺寸不包括上内边距和上外边距,那么可以得出,这段尺寸就是上边框的厚度。此属性与clientLeft属性原理一样,只是获取的尺寸的方位不同。返回值是一个数字,默认单位是

更新时间:2019-10-26类型:
查看详情人气:53
JavaScript scrollWidth_JS教程

JavaScript scrollWidth_JS教程

scrollWidth属性可以返回元素的内容宽度,返回一个数值(单位是像素)。现在关键问题出现了,那就是这个"内容宽度"指的元素的哪一部分。对于width属性,大家都很熟悉,它可以返回元素的宽度。但是元素可能会出现滚动条,有些尺寸会被遮挡。

更新时间:2019-10-26类型:
查看详情人气:58
CSS E:focus 选择器_CSS教程

E:focus是伪类选择器。可以匹配获取焦点的指定元素。语法结构:E:focus{Rules}浏览器支持:(1).IE浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持此选择器。(4).火狐浏览器支持此选择器

更新时间:2019-10-26类型:
查看详情人气:81
CSS E:enabled 选择器_CSS教程

E:enabled是伪类选择器。可以匹配处于可用状态的元素。语法结构:E:enabled{Rules}浏览器支持:(1).IE9+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持此选择器。(4).火狐浏览器

更新时间:2019-10-26类型:
查看详情人气:95
CSS E,F 选择器_CSS教程

此为分组选择器,选择器之间用逗号分隔。可以同时为多个选择器设置相同的CSS样式规则。语法结构:E,F{Rules}浏览器支持:(1).IE浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持此选择器。(4).火

更新时间:2019-10-26类型:
查看详情人气:98
CSS E~F 兄弟选择器_CSS教程

此选择器能够匹配E元素后面的所有F兄弟元素。特别说明:既然是兄弟选择器,那么匹配到的必须是同级元素。语法结构:E~F{Rules}浏览器支持:(1).IE7+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持

更新时间:2019-10-26类型:
查看详情人气:89
文本框输入文字倒计详解_特效教程

通常情况下,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,较为人性化的网站可能会有可输入字数倒计效果,比如还剩余20可以输入这样的提示,下面就通过一个实例介绍一下如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:78
HTML input color 拾色器_HTML教程

将标签的type属性值设置为"color"即可创建一个拾色器。拾色器功能是HTML5新增。代码实例: 更新时间:2019-10-26类型:

查看详情人气:131
HTML input number 数字控件_HTML教程

HTML input number 数字控件_HTML教程

此将标签type属性值设置为"number"即可创建一个数字控件。顾名思义,数字控件专门用于输入数值内容,否则会报错。HTML5新增此控件。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:101
JavaScript keypress 事件_JS教程

当键盘按键被按下并松开时会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript keydown 事件_JS教程

当一个按键被按下时此事件会被触发。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(5)

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript Function_JS教程

JavaScript Function_JS教程

我们说JavaScript是面向对象的语言,基本做到一切皆是对象。通过构造函数可以创建对象实例,代码如下:functionAntzone(){//code}letant=newAntzone()上述代码通过构造函数Antzo

更新时间:2019-10-26类型:
查看详情人气:66
JavaScript mousemove 事件_JS教程

当鼠标指针在元素上移动就会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(

更新时间:2019-10-26类型:
查看详情人气:93
CSS 选择器优先级规则_CSS教程

CSS 选择器优先级规则_CSS教程

CSS是一个有秩序或者说有等级的"社会"。谁的优先级高,谁制定的规则就会生效。选择器优先级由高到低顺序如下:(1).内联样式。(2).id选择器。(3).伪类选择器、属性选择器与类选择器。(4).*通配符选择器。(5).从父辈元素继承而来的

更新时间:2019-10-26类型:
查看详情人气:104
块级元素与内联元素相互转换_CSS教程

块级元素与内联元素相互转换_CSS教程

块级元素与内联元素之间是可以相互进行,下面通过代码实例进行一下介绍。关于内联元素与块级元素基本概念可以参阅CSS块级/内联元素一章节。一.块级元素与内联元素:首先总结一下块级元素与内联元素各自特点。块级元素:(1).默认情况下,块级元素比较

更新时间:2019-10-26类型:
查看详情人气:93
JavaScript 删除cookie_JS教程

实际应用中,可能需要删除写入本地硬盘的cookie。默认情况下,cookie会在关闭浏览器结束会话的时候自动删除。不过,往往我们需要设定cookie的在硬盘中留存时间,也就是过期时间。超过这个时间,cookie就会被自动删除。通过expir

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript offsetLeft_JS教程

JavaScript offsetLeft_JS教程

理解属性,可以从它的名称入手,在一定程度上可以体现它的功能。offsetLeft是合成词,由如下两个单词构成:(1).offset:翻译成汉语具有偏移量的意思。(2).left:翻译成汉语具有左侧的意思。可以猜测属性功能与元素左侧方位的偏移

更新时间:2019-10-26类型:
查看详情人气:74
JavaScript offsetHeight_JS教程

JavaScript offsetHeight_JS教程

offsetHeight属性返回表示元素高度(不等同于CSS的height属性)的数值,只读属性。可以结合offsetWidth属性一起学习。需要特别说明两点:(1).返回值不带单位,默认单位值是像素(px)。(2).此高度值与通过CSS为

更新时间:2019-10-26类型:
查看详情人气:57
Math.log10() 方法_ES6教程

Math.log10(x)返回以10为底的x的对数。如果x小于0,则返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构:Math.log10(x)参数解析:(1).x:必需,数字

更新时间:2019-10-26类型:
查看详情人气:45
Math.log2() 方法_ES6教程

Math.log2(x)返回以2为底的x的对数。如果x小于0,则返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构:Math.log2(x)参数解析:(1).x:必需,参数数字。

更新时间:2019-10-26类型:
查看详情人气:52
Math.sign() 方法_ES6教程

Math.sign方法用来判断一个数到底是正数、负数、还是零。计算结果有如下几种情况:(1).如果参数为正数,返回1。(2).如果参数为负数,返回-1。(3).如果参数为0,返回0。(4).如果参数为-0,返回-0。(5).如果其他值,返回

更新时间:2019-10-26类型:
查看详情人气:49
Math.sinh() 方法_ES6教程

返回参数的双曲正弦。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构:Math.sinh(x)参数解析:(1).x:必需,参数数字。代码实例:console.log(Math.sinh(0

更新时间:2019-10-26类型:
查看详情人气:42
Math.tanh() 方法_ES6教程

返回参数的双曲正切。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构:Math.tanh(x)参数解析:(1).x:必需,参数数字。代码实例:console.log(Math.tanh

更新时间:2019-10-26类型:
查看详情人气:44
HTML <output> 输出域_HTML教程

标签可以创建一个输出域,专用于显示各种值。此标签是HTML5新增。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:104
CSS E:last-child_CSS教程

CSS E:last-child_CSS教程

E:last-child是伪类选择器,匹配父元素下处于最后一位,且类型为E的子元素。被匹配的元素具有如下几个特点:(1).首先,被匹配元素是E类型。(2).其次,必须是父元素的最后一个子元素。特别说明:E并不仅表示元素选择器,也可以是其他C

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript call()_JS教程

JavaScript call()_JS教程

call方法可以改变其他方法(函数)的调用对象,方法内的this也会指向新的调用对象。此方法与apply方法功能类似,具体参阅JavaScriptapply()一章节。特别说明:apply对箭头函数无效。语法结构:fn.call(this

更新时间:2019-10-26类型:
查看详情人气:69
HTML input range_HTML教程

HTML input range_HTML教程

通过鼠标拖动方式设置值是很方便的操作。将input的type属性值设置为"range"即可创建具有上述功能的控件。此控件是HTML5新增。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:79
JavaScript bind()_JS教程

JavaScript bind()_JS教程

bind方法可以创建与原来函数主体完全一致的新函数。新函数也称作绑定函数,既然被称作绑定函数,自然会向其绑定一些新内容,后面会介绍。此方法是ES5新增。语法结构:fun.bind(thisArg[,arg1[,arg2[,...]]]

更新时间:2019-10-26类型:
查看详情人气:67
CSS E:first-of-type_CSS教程

CSS E:first-of-type_CSS教程

E:first-of-type是伪类选择器,匹配父元素下E类型子元素集合中,处于同标签类型第一位的元素。概念分解如下:(1).首先,元素必须是E类型,E是CSS选择器。(2).其次,元素必须处于同标签类型元素集合的第一位。特别说明:注意子元

更新时间:2019-10-26类型:
查看详情人气:71
JavaScript toggle() 方法_JS教程

toggle()是HTML5新增,本文将通过代码实例分步详细介绍一下它的用法。此方法属于DOMTokenList类型集合对象,用于切换class样式类的删除与添加。元素的classList属性返回值即是DOMTokenList类型。关于

更新时间:2019-10-26类型:
查看详情人气:91
querySelectorAll() 方法_JS教程

querySelectorAll() 方法_JS教程

querySelectorAll方法可以获取与指定选择器匹配的所有元素的集合。如果没有匹配到任何元素,返回null。此方法的工作原理与querySelector几乎完全一样。区别是querySelector获取选择器匹配的第一个元素,而qu

更新时间:2019-10-26类型:
查看详情人气:69
history.go()_JS教程

history.go()_JS教程

此方法加载浏览历史列表中的指定页面。笔者当年刚接触web的时候,对于此方法并没有真正的理解。只知道history.go(-1)可以返回前一个页面,history.go(1)进入下一个页面。首先解释一下浏览历史记录,当浏览页面的时候,如果没特

更新时间:2019-10-26类型:
查看详情人气:64
JavaScript classList 属性_JS教程

JavaScript classList 属性_JS教程

classList属性可以获取应用于指定元素上的样式类集合。通过HTML元素的class属性为其设置样式类。此属性是HTML5新增。代码片段如下:Downzz.comclassList属性可以获取c

更新时间:2019-10-26类型:
查看详情人气:64
HTML class 属性_HTML教程

HTML class 属性_HTML教程

class属性可以为元素应用一个或者多个CSS样式类。利用此属性可以与指定的CSS样式类关联起来,以此达到设置元素样式的功能。关于CSS类选择器可以参阅CSSclass类选择器一章节。JavaScript也经常操作HTML元素的clas

更新时间:2019-10-26类型:
查看详情人气:102
JavaScript keyup 事件_JS教程

当按键被松开时触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(5).谷歌浏

更新时间:2019-10-26类型:
查看详情人气:87
CSS E:link 选择器_CSS教程

E:link是伪类选择器,可以匹配未访问过的链接。更多内容可以参阅CSS链接一章节。语法结构:E:link{Rules}浏览器支持:(1).IE浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持此选择

更新时间:2019-10-26类型:
查看详情人气:85
JavaScript input 事件_JS教程

JavaScript input 事件_JS教程

此事件会在、和等元素的值发生改变时触发。需要注意的是,此事件会在值改变的时候同步触发,功能与propertychange事件类似。但是propertychange事件仅低版本IE浏览器支持,

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript Boolean()_JS教程

JavaScript Boolean()_JS教程

此方法可以将参数转换为对应的布尔值,属于全局对象返回值是true或者false。只要参数不为0,false,undefined,null或者NaN,返回值都为true。更多内容参阅JavaScriptGlobal对象一章节。语法结构:B

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript escape()_JS教程

escape方法可对字符串进行编码,于是就可以在所有的计算机上读取该字符串。此方法不会对ASCII字母和数字进行编码,也不会对后面这些ASCII符号进行编码:*@-_+./。其他所有字符都会被转义序列替换。特别说明:此方法

更新时间:2019-10-26类型:
查看详情人气:72
JavaScript parseFloat()_JS教程

JavaScript parseFloat()_JS教程

此方法可以解析一个字符串,并返回一个浮点数。parseFloat方法属于全局对象,所以无需使用对象调用。转换需要遵循一定的规则,规则如下:(1).如果字符串不包含数数字,转换失败,返回NaN。(2).如果字符串的起始字符为非数字,转换失败,

更新时间:2019-10-26类型:
查看详情人气:63
JavaScript unescape()_JS教程

JavaScript unescape()_JS教程

此方法可以解码通过escape编码后的字符串。解码原理如下:在字符串中查找%xx和%uxxxx形式的序列,然后将其替换为\u00xx和\uxxxx形式的unicode字符。escape参阅JavaScriptescape()一章节。

更新时间:2019-10-26类型:
查看详情人气:147
previousElementSibling 属性_JS教程

previousElementSibling 属性_JS教程

previousElementSibling可以获取节点紧邻的上一个同级元素节点。为了便于记忆和理解,previousElementSibling可以分解成三个单词:(1).previous:前一个。(2).element:元素。(3).s

更新时间:2019-10-26类型:
查看详情人气:90
JavaScript 事件捕获_JS教程

JavaScript 事件捕获_JS教程

事件捕获对于很多朋友比较陌生,实际编写代码中应用较少。大家普遍比较熟悉的是事件冒泡,它应用广泛,带来了很多便利。对于知识点的掌握不要太功利,有些当前用不到的知识,可能在未来某个时刻发挥举足轻重作用。就如同生活中交朋友,也不要太势力,诚实待人

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript 事件冒泡_JS教程

JavaScript 事件冒泡_JS教程

JavaScript事件传播分为两个阶段:(1).事件捕获阶段。(2).事件冒泡阶段。考虑到文章篇幅问题,本文只介绍事件冒泡。关于事件捕获可以参阅参阅JavaScript事件捕获一章节。大家应该都见过水中的气泡,从水底逐渐上浮到水面,事件

更新时间:2019-10-26类型:
查看详情人气:72
querySelector() 方法_JS教程

querySelector() 方法_JS教程

JavaScript操作DOM元素的首要工作是查找对应DOM元素。考虑到浏览器兼容性,过去常用的方法有如下几个:(1).document.getElementById()一章节。(2).document.getElementsByName(

更新时间:2019-10-26类型:
查看详情人气:68
event.relatedTarget_JS教程

event.relatedTarget_JS教程

假设A国与B国相邻,中间有一条边境线。当某人从A国跨过国境线进入B国,那么两个国家就产生了关联。不同角度可以有不同的理解,例如以下两种阐述:(1).以A国角度看,此人进入B国。(2).以B国角度看,此人来自A国。对于JavaScript中的

更新时间:2019-10-26类型:
查看详情人气:71
getPropertyValue() 方法_CSS操作

getPropertyValue() 方法_CSS操作

getPropertyValue由三个单词构成:(1).get:获取。(2).property:属性。(3).value:值。功能的确也名副其实,此方法可以获取指定属性的值。语法结构:letvalue=CSSStyleDeclarat

更新时间:2019-10-26类型:
查看详情人气:82
RegExp.lastparen_正则教程

RegExp.lastparen_正则教程

RegExp.lastparen属性可以返回最近一次与引用型分组匹配的字符串。它是只读属性,不能手动赋值,但在匹配改变时,值自动改变。特别说明:(1).lastparen是静态属性,也就是调用者是类本身(构造函数)。(2).$+是其别名,

更新时间:2019-10-26类型:
查看详情人气:69
RegExp.lastMatch_正则教程

RegExp.lastMatch_正则教程

RegExp.lastMatch属性可以返回最近一次与整个正则表达式匹配的字符串。它是只读属性,不能手动赋值,但在匹配改变时,值自动改变。特别说明:(1).lastMatch是静态属性,也就是调用者是类本身(构造函数)。(2).$&是其别名

更新时间:2019-10-26类型:
查看详情人气:80
CSS E:only-child_CSS教程

CSS E:only-child_CSS教程

E:only-child是伪类选择器,匹配父元素仅有,且类型为E的子元素。语法结构:E:only-child{Rules}参数解析:(1).E:CSS选择器。(2).Rules:CSS具体规则声明。浏览器支持:(1).IE9+浏览器支持

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript change 事件_JS教程

change具有改变的意思,change事件会在元素数据发生变化的时候触发。下面需要解决两个问题:(1).事件针对哪些元素有效。(2).哪些方式改变数据会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript 连等赋值_JS教程

JavaScript 连等赋值_JS教程

JavaScript赋值运算是最为简单的操作之一。甚至可以说,即便最为基础薄弱的学习者,对此操作的应用也是充满信心。代码实例如下:letwebName="Downzz.com";上述代码声明变量webName,并赋值"Downzz.com

更新时间:2019-10-26类型:
查看详情人气:71
JavaScript 左值与右值_JS教程

编程中,很多概念虽然编写者已经在使用,但自己并没有意识到。生活中也有很多类似的例子,比如著名的苹果落地现象。很少人去思考原因,因为大家会觉得这是理所当然的事情。学过相关物理知识之后,才知道是万有引力原因导致。下面进入本文的主题,首先看一段代

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript preventDefault()_JS教程

此方法可以阻止事件的默认动作,它的名称也体现了这一点。preventDefault由prevent和default合成,prevent表示"阻止",default则表示"缺省"或"默认"。默认动作,就是一个事件触发后浏览器默认动作行为。比如

更新时间:2019-10-26类型:
查看详情人气:55
JavaScript submit 事件_JS教程

JavaScript submit 事件_JS教程

表单中提交按钮被点击会触发submit事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。由于表单提交是最为频繁的页面操作之一,且submit事件有一些细节需要特别注意。下面将通过代码实例进行一下详细介绍。浏览器支持:(1).I

更新时间:2019-10-26类型:
查看详情人气:77
CSS E:only-of-type_CSS教程

CSS E:only-of-type_CSS教程

E:only-of-type是一个伪类选择器。此选择器可以匹配父元素下唯一存在的E类型子元素。上述概念陈述有点拗口,分解如下:(1).首先,要匹配的元素必须是E类型。(2).其次,此E类型元素必须在父元素下只能存在一个。语法结构:E:on

更新时间:2019-10-26类型:
查看详情人气:78
CSS E:empty_CSS教程

CSS E:empty_CSS教程

E:empty是一个伪类选择器。它可以匹配内容为空的E类型元素。语法结构:E:empty{Rules}浏览器支持:(1).IE9+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持此选择器。(4).火狐浏览器

更新时间:2019-10-26类型:
查看详情人气:61
CSS E:not()_CSS教程

CSS E:not()_CSS教程

E:not()是一个伪类选择器。接受一个选择器参数,能够从E匹配的元素集合中删除选择器参数所匹配的元素。它不会提高选择器的优先级,与其他伪类选择器不同。关于优先级可以参阅CSS优先级一章节。语法结构:E:not(s){sRules}

更新时间:2019-10-26类型:
查看详情人气:66
CSS E:target_CSS教程

E:target是一个伪类选择器。链接元素除了能够规定点击跳转的链接地址。也能创建一个锚点,代码片段你如下:Downzz.com一点击上述链接,能够将页面定位到id属性值为"antzon

更新时间:2019-10-26类型:
查看详情人气:53
CSS E:root_CSS教程

E:root是一个伪类选择器。它能够匹配文档的根元素,E一般来讲就是HTML。语法结构:E:root{sRules}浏览器支持:(1).IE浏览器支持此选择器。(2).edge浏览器支持选择器。(3).谷歌浏览器支持选择器。(4).火狐

更新时间:2019-10-26类型:
查看详情人气:76
CSS E F 包含选择器_CSS教程

CSS E F 包含选择器_CSS教程

此选择器可以匹配所有被E包含的F元素集合。语法结构:EF{Rules}浏览器支持:(1).IE浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).谷歌浏览器支持此选择器。(4).火狐浏览器支持此选择器。(5).opera浏

更新时间:2019-10-26类型:
查看详情人气:98
HTML <ol> 有序列表_HTML教程

HTML <ol> 有序列表_HTML教程

ol的英文全称是orderedlists,翻译成汉语就是有序列表的意思。顾名思义,使用标签可以创建有序列表,列表前端具有能够标明顺序的标识。利用的type属性就可以实现有序排序功能。type属性值:(1).1表示以1,2,

更新时间:2019-10-26类型:
查看详情人气:89
JavaScript function 函数_JS教程

JavaScript function 函数_JS教程

函数是JavaScript中应用最为广泛的数据结构。首先看一段代码实例感受一下它的功能:functionfunc(webName,age){letstr=webName+"已经"+age+"岁了";console.log(str);}

更新时间:2019-10-26类型:
查看详情人气:62
HTML datalist 选项列表_HTML教程

HTML datalist 选项列表_HTML教程

标签通常与标签配合使用,HTML5新增。大家知道所有新功能的出现都是由需求推动的,各行各业都是如此。首先介绍一下出现的现实需求。特别说明:下面仅以input文本框为例子,其实它还可以用

更新时间:2019-10-26类型:
查看详情人气:105
CSS E:last-of-type_CSS教程

CSS E:last-of-type_CSS教程

E:last-of-type是伪类选择器,匹配父元素下,E类型、相同类型标签元素集合中最后一个子元素。概念分解如下:(1).首先,元素必须是E类型。(2).其次,元素必须处于同标签类型元素集合的最后一位。选择器的命名通常与其功能息息相关,选

更新时间:2019-10-26类型:
查看详情人气:63
HTML <ul> 无序列表_HTML教程

HTML <ul> 无序列表_HTML教程

ul的英文全称是unorderedlists,翻译成汉语就是无序列表的意思。顾名思义,通过元素可以创建无序列表。所谓无序列表,就是列表前面没有采用类似数字之类能够体现先后顺序标识。无序列表和有序列表相对应,具体参阅HTML 更新时间:2019-10-26类型:

查看详情人气:76
HTML colspan 属性_HTML教程

HTML colspan 属性_HTML教程

colspan属性定义单元格应该横跨的列数。也就是在横向上打通单元格,实现单元格合并效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:102
Math.max() 方法_JS教程

此方法可返回指定的数中较大的一个。如果没有参数,则返回-Infinity,如果某个参数为NaN,或是不能转换成数字的非数字值,则返回NaN。更多内容可以参阅JavaScriptMath对象一章节。语法结构:Math.max(x1...x

更新时间:2019-10-26类型:
查看详情人气:83
JavaScript insertRow()_JS教程

此方法可以创建并在表格的指定位置插入一个新行。语法结构:tableObject.insertRow(index)参数解析:(1).tableObject:表格对象。(2).index:可选,默认值为-1,插入行的位置,新行将会被插入到ind

更新时间:2019-10-26类型:
查看详情人气:69
HTML headers 属性_HTML教程

headers属性规定与表格单元格相关联的一个或多个表头单元格。属性值是一个或多个表头单元格的id列表,以空格间隔。特别说明:此属性在普通的Web浏览器中没有视觉效果,但可以通过屏幕阅读器使用。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:98
window.innerWidth_JS教程

window.innerWidth_JS教程

此属性可以返回浏览器视口(viewport)的宽度,只读属性。如果存在垂直滚动条,那么包括滚动条所占据的宽度。视口也被称作为客户区,具体参阅浏览器客户区是哪块区域一章节。返回值是一个数字,单位是像素(px)。更多内容参阅JavaScript

更新时间:2019-10-26类型:
查看详情人气:70
HTML rowspan 属性_HTML教程

HTML rowspan 属性_HTML教程

为了便于理解记忆,首先看一下单词的构成:row翻译成汉语是行的意思,span具有跨度的意思。此属性属于td单元格,设置单元格纵跨的行数。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:105
CSS E::selection_CSS教程

此伪元素选择器可以匹配被选中的文本。语法结构:E::selection{Rules}浏览器支持:(1).IE9+浏览器支持此选选择器。(2).edge浏览器支持此选择器。(3).火狐浏览器支持此选择器。(4).谷歌浏览器支持此选择器。(

更新时间:2019-10-26类型:
查看详情人气:64
JavaScript - 负号运算符_JS教程

负号运算符和减法运算符都是用减号(-)表示。运算符位于操作数前面,并转换操作数的符号。代码实例如下:letx=3;lety=-x;console.log(y);将原来数字3转换为负数。console.log(-true);

更新时间:2019-10-26类型:
查看详情人气:58
JavaScript event.keyCode_JS教程

此属性可以返回被敲击的按键生成的Unicode字符码。对于keydown和keyup事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。语法结构:event.keyCode浏览器支持:(1).IE浏览器支持此属性。(

更新时间:2019-10-26类型:
查看详情人气:79
JavaScript event.timeStamp_JS教程

此事件属性可返回数值,用以指示发生事件的日期和时间(从epoch开始的毫秒数)。epoch是一个时间参考点,是客户机启动的时间。语法结构:event.timeStamp浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript / 除法运算符_JS教程

JavaScript / 除法运算符_JS教程

JavaScript除法运算符的结果是操作数的商,左操作数是被除数,右操作数是除数。运算符由斜杠(/)表示。代码实例:letresult=6/2;console.log(result);代码运行效果截图如下:在处理特殊值时,除

更新时间:2019-10-26类型:
查看详情人气:68
HTML 表单验证概述_HTML教程

HTML 表单验证概述_HTML教程

当前只要稍微规范一些的网站,在提交表单信息的时候都会进行格式验证。比如验证用户名密码是否为空、邮箱格式是否正确,或者身份证格式是否规范。通常表单验证分为两层:(1).前端表单验证,与用户有良好的交互界面,但是并不安全,因为JavaScrip

更新时间:2019-10-26类型:
查看详情人气:101
CSSStyleDeclaration length 属性_CSS操作

CSSStyleDeclaration length 属性_CSS操作

首先问题是搞清楚CSSStyleDeclaration表示的是什么。它表示一个CSS规则的声明部分,代码如下:#ant{width:100px;height:100px;background-color:#ccc;}上面是一个CSS规则,

更新时间:2019-10-26类型:
查看详情人气:73
__proto__ 属性_JS教程

__proto__ 属性_JS教程

__proto__属性外观比较奇特,因为它原本是一个内部属性。不过当前主流浏览器都支持它,并且ES2015将其标准化。此属性可以返回或者设置对象的原型对象。首先回顾一下关于prototype原型的相关知识。代码实例如下:functionF

更新时间:2019-10-26类型:
查看详情人气:77
stopPropagation() 阻止事件冒泡_JS教程

此方法可以阻止事件冒泡现象。关于事件冒泡可以参阅JavaScript事件冒泡一章节。语法结构:event.stopPropagation();浏览器支持:(1).IE9+浏览器支持此方法。(2).edge浏览器支持此方法。(3).谷歌浏览

更新时间:2019-10-26类型:
查看详情人气:83
document.activeElement_JS教程

activeElement由单词active与element构成,翻译成汉语是激活元素的意思。document.activeElement具有返回当前页面激活元素的功能,只读属性。何种元素算是激活元素呢,那就是当前具有焦点的元素。语法结构:

更新时间:2019-10-26类型:
查看详情人气:49
history.forward()_JS教程

此方法可访问历史列表中当前页面url的下一个url(如果存在的话)。与点击浏览器的前进按钮作用相同。更多内容可以参阅JavaScripthistory对象一章节。语法结构:history.forward()浏览器支持:(1).IE浏览器

更新时间:2019-10-26类型:
查看详情人气:69
history.back()_JS教程

此方法可以加载浏览历史列表中,当前页面的前一个url(如果存在的话)。与点击浏览器的后退按钮作用相同。更多内容可以参阅JavaScripthistory对象一章节。语法结构:history.back()浏览器支持:(1).IE浏览器支持

更新时间:2019-10-26类型:
查看详情人气:75
JavaScript !== 不全等运算符_JS教程

JavaScript !== 不全等运算符_JS教程

不全等运算符使用!==表示,它与全等运算符功能相反。关于全等运算符可以参阅JavaScript三个等号===全等运算符一章节。如果两个操作数不全等,则发挥true,否则返回false。文本不多做介绍,只要理解了全等运算符,那么自然明白

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript || 逻辑或运算符_JS教程

JavaScript || 逻辑或运算符_JS教程

逻辑运算符是用两个竖线(||)表示。语法结构:操作数一||操作数二运算规则如下:(1).如果操作数一的返回值为真,那么直接返回操作数一的返回值。(2).如果操作数一的返回值为假,那么返回操作数二的返回值。代码实例:console.log(2

更新时间:2019-10-26类型:
查看详情人气:84
JavaScript % 求余运算符_JS教程

JavaScript % 求余运算符_JS教程

JavaScript求余运算符返回第一个操作数对第二个操作数的模。此运算符用百分号(%)表示。代码实例如下:letresult=24%5;console.log(result);代码运行效果截图如下:在处理特殊值时,求余也有一些

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript && 逻辑与运算符_JS教程

JavaScript && 逻辑与运算符_JS教程

逻辑与运算符用连个&(&&)表示。语法结构:操作数一&&操作数二下面介绍一下它的运算规则:(1).如果操作数一返回值非真,直接操作数一,忽略操作数二。(2).如果操作数一返回值为真,那么返回第二个操作数的值。(3).如果有操作数未定义,那么

更新时间:2019-10-26类型:
查看详情人气:81
JavaScript event.target_JS教程

target属性可以返回触发事件的元素。此属性与event.currentTarget类似,更多内容可以参阅如下两篇文章:(1).JavaScriptevent.currentTarget一章节。(2).event.currentTarg

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript event.currentTarget_JS教程

JavaScript event.currentTarget_JS教程

currentTarget属性返回当前处理该事件的元素,也就是正在执行的事件处理函数所在的元素。此属性与event.target类似,更多内容可以参阅如下两篇文章:(1).JavaScriptevent.target一章节。(2).eve

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript 两个++ 运算符_JS教程

JavaScript 两个++ 运算符_JS教程

关于加号运算符在进行算数运算的时候非常简单。代码实例如下:leta=2,b=3;console.log(a+b);代码运行效果截图如下:上述代码实现了两个数字相加功能。更多加号运算符的用法可以参阅JavaScript(+)加法运算符

更新时间:2019-10-26类型:
查看详情人气:100
JavaScript isPrototypeOf()_JS教程

JavaScript isPrototypeOf()_JS教程

isPrototypeOf方法可以检测一个对象是否在另一个对象的原型链上。如果在,则返回true,否则返回false。结合此方法名称有助于理解,isPrototypeOf由如下几个单词合成:(1).is:在疑问句大致为"是否"的意思。(2)

更新时间:2019-10-26类型:
查看详情人气:57
JavaScript removeChild()_JS教程

JavaScript removeChild()_JS教程

removeChild可以删除指定元素的子节点,由它的名称也体现了这一点。如果删除成功,则返回被删除的子节点对象,否则返回null。语法结构:fatherObj.removeChild(childrenObj)参数解析:(1).childr

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript tagName 属性_JS教程

tagName属性返回元素的标签名称。返回值是大写形式。代码实例: 更新时间:2019-10-26类型:

查看详情人气:73
JavaScript rowIndex 属性_JS教程

此属性可以获取当前tr行在table表格tr行集合中的索引位置,索引值从0开始。语法结构:tablerowObject.rowIndex浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性

更新时间:2019-10-26类型:
查看详情人气:64
HTML select下拉列表_HTML教程

select下拉列表由和标签配合使用生成。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:83
CSS !important_CSS教程

人微言轻,不同身份的人受到的待遇是不同的。同样一句话,VIP人士口中说出,可能得到很好的贯彻,从普通人口中说出可能约等于pi。在CSS中同样如此,被标记为高权重的声明会盖过普通声明。!important就如同一个VIP标签,被贴上此标签CS

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript void 运算符_JS教程

JavaScript void 运算符_JS教程

void运算符可以执行右侧的表达式,返回值始终为undefined。利用此运算符可以很便利的完成一些小操作,比如最为常见的取消链接跳转动作。语法结构:voidexpression参数解析:(1).expression:一个表达式,执行此表

更新时间:2019-10-26类型:
查看详情人气:59
JavaScript get set 访问器属性_JS教程

JavaScript get set 访问器属性_JS教程

JavaScript中大致有两类属性:(1).数据属性。(2).访问器属性。在configurable、enumerable和writable一文已经对数据属性的特性做了详细介绍。本文将通过代码实例对访getset问器属性做一下详细介绍。

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript event.type_JS教程

此属性返回当前触发事件的类型。语法结构:event.type浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性。(4).opera浏览器支持此属性。(5).火狐浏览器支持此属性。(6).

更新时间:2019-10-26类型:
查看详情人气:59
XMLHttpRequest responseText属性_AJAX教程

XMLHttpRequest responseText属性_AJAX教程

此属性返回一个字符串响应数据。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest对象一章节。语法结构:str=XMLHttpRequest.responseText代码实例: 更新时间:2019-10-26类型:

查看详情人气:86
JavaScript cloneNode() 克隆节点_JS教程

JavaScript cloneNode() 克隆节点_JS教程

此方法可以克隆一个节点,根据参数的不同可以进行浅拷贝或者深拷贝。下面会结合代码实例对此方法的使用进行详细介绍。语法结构:Node.cloneNode(deep)参数解析:(1).Node:将要被克隆的节点。(2).deep:可选,布尔值,

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript mouseup 事件_JS教程

当鼠标按键被松开时会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(5).

更新时间:2019-10-26类型:
查看详情人气:94
JavaScript mouseover 事件_JS教程

当鼠标移入指定元素或者其子元素时候触发mouseover事件。此事件与mouseenter事件比较类似,两者区别参阅mouseenter与mouseover区别一章节。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(

更新时间:2019-10-26类型:
查看详情人气:62
document.createComment()_JS教程

document.createComment()_JS教程

此方法可以创建并返回此注释节点。语法结构:document.createComment(text)参数解析:(1).text:必需,注释的文本内容。浏览器支持:(1).IE浏览器支持此方法。(2).edge浏览器支持此方法。(3).谷歌浏览

更新时间:2019-10-26类型:
查看详情人气:61
SCSS Null 类型_SCSS教程

SCSS中也具有Null类型,与JavaScript类似,它代表空。如果将其转换为布尔值,结果是false。由于它代表空,所以不能够使用它来进行字符串连接:null+"Downzz.com"上面类似的操作会报错。关于它的应用实例可以参阅SC

更新时间:2019-10-26类型:
查看详情人气:0
SCSS !optional_SCSS教程

optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段:p{color:red;@extend.notice}由于并不存在一个名为notice的样式类,

更新时间:2019-10-26类型:
查看详情人气:0
HTML input month带月calendar控件_HTML教程

HTML input month带月calendar控件_HTML教程

将标签的type属性值设置为month即可创建带月calendar控件。带月calendar控件是HTML5新增。代码实例: 更新时间:2019-10-26类型:

查看详情人气:139
HTML input week带周calendar控件_HTML教程

HTML input week带周calendar控件_HTML教程

将标签的type属性值设置为week即可创建带周calendar控件。带月calendar控件是HTML5新增。代码实例: 更新时间:2019-10-26类型:

查看详情人气:99
HTML input email 邮箱域_HTML教程

将标签type属性值设置为"email"即可创建一个邮箱域,HTML5新增从表面看邮箱域与普通的文本域(文本框)没有区别,但是具有内在的一些规则。首先看一段代码实例:

更新时间:2019-10-26类型:
查看详情人气:108
JavaScript select options 集合_JS教程

此属性返回包含下拉列表中的所有选项的一个集合。可以使用索引访问集合中的元素(索引从0开始)。语法结构:select.options说明:select表示一个select对象。代码实例: 更新时间:2019-10-26类型:

查看详情人气:81
JavaScript cells 属性_JS教程

cells可以获取表格中某一行所有单元格的集合。可以通过索引获取集合中的指定td单元格。语法结构:trObject.cells浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性。(4).

更新时间:2019-10-26类型:
查看详情人气:68
jQuery Validate checkbox和radio验证_Validate教程

下面通过代码实例介绍一下如何实现对于复选框和单选按钮的一些验证。如果要求复选框和单选按钮是必选项,同样也是使用required。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:93
jQuery Validate验证确认密码是否相同_Validate教程

在用户注册的时候,通常要确认两次填写的密码是否相同。Validate插件提供这样的功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:113
jQuery Validate验证调试开关_Validate教程

写代码难免要进行调试,Validate插件中也提供了相关的功能。开启调试开关之后,点击提交按钮,表单不会提交动作,这对于调试来说是非常便利的。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:124
JavaScript select type_JS教程

此属性可以返回下拉列表的表单类型。下拉列表,类型总是"select-one"或"select-multiple"。如果下拉列表只能一次性选择一项那么类型值就是"select-one",否则就是"select-multiple"。语法结构:

更新时间:2019-10-26类型:
查看详情人气:63
JavaScript select remove()_JS教程

此方法可以从下拉列表中删除一个选项。语法结构:select.remove(index)参数解析:(1).select:select对象。(2).index:必需,规定要删除的选项的索引值。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:71
JavaScript select add()_JS教程

add方法可以向下拉列表添加一个项目。语法结构:select.add(option,before)参数解析:(1).option:必需,要添加选项元素;option或optgroup元素。(2).before:必需,在指定项之前添加,如果该

更新时间:2019-10-26类型:
查看详情人气:71
JavaScript select value_JS教程

value是可读写属性,具有如下两个功能:(1).返回select下拉列表的值,实质就是被选中option项的value属性值。(2).设置select下拉列表的值,能够将具有此值的option项设置为选中状态。语法结构:select.va

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript select multiple_JS教程

multiple属性可以设置或返回下拉列表是否可以选择多个项目,可读写属性。如果属性值为true,则可以选择多个项目,如果为false则不能。语法结构:select.multiple=布尔值参数解析:(1).select:select对象。

更新时间:2019-10-26类型:
查看详情人气:57
JavaScript selectedIndex_JS教程

selectedIndex是可读写属性,具有如下两个功能:(1).返回被选中option项的索引值。(2).将指定索引位置的option项设置为被选中状态。特别说明:索引值是从0开始的,也就是0表示第一个option项,以此类推。语法结构:

更新时间:2019-10-26类型:
查看详情人气:89
JavaScript deleteCell()_JS教程

此方法可以删除table中指定的单元格。语法结构:tablerowObject.deleteCell(index)参数解析:(1).tablerowObject:表格行对象。(2).index:可选,表示要删除td单元格的索引位置,从0开始

更新时间:2019-10-26类型:
查看详情人气:55
JavaScript resize 事件_JS教程

当调整浏览器窗口大小时会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(5

更新时间:2019-10-26类型:
查看详情人气:77
.htaccess IP访问限制_Rewrite重写

某些时候,可能需要限制某些IP的访问,在.htaccess文件中使用如下命令即可实现:denyfrom000.000.000.000000.000.000.000是被封禁的IP地址,如果是:denyfrom218.12.30.10那

更新时间:2019-10-26类型:
查看详情人气:84
document.createAttribute()_JS教程

document.createAttribute()_JS教程

document.createAttribute方法可以创建并返回一个属性节点。通常与setAttributeNode方法配合使用。语法结构:document.createAttribute(attributename)参数解析:(1).a

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript appendChild()_JS教程

appendChild可以为指定元素在尾部追加一个子元素。语法结构:target.appendChild(newChild)参数解析:(1).target:必需,父元素节点。(2).newChild:必需,此元素节点将被追加到target中

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript hasChildNodes()_JS教程

此方法可以判断当前节点是否包含子节点。如果包含,则返回true,否则返回false。语法结构:element.hasChildNodes()浏览器支持:(1).IE7+浏览器支持此方法。(2).edge浏览器支持此方法。(3).谷歌浏览器支

更新时间:2019-10-26类型:
查看详情人气:92
JavaScript remove()_JS教程

remove方法可以删除节点自身。语法结构:elementNodeReference.remove();浏览器支持:(1).IE浏览器不支持此方法。(2).edge浏览器支持此方法。(3).谷歌浏览器支持此方法。(4).opera浏览器支持

更新时间:2019-10-26类型:
查看详情人气:67
JavaScript replaceChild()_JS教程

replaceChild方法可以使用一个节点替换指定子节点。返回值是被替换掉的子节点,如果替换不成功返回值是null。语法结构:nodeObject.replaceChild(new_node,old_node)参数解析:(1).nodeO

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript getAttributeNode()_JS教程

getAttributeNode方法可以获取一个属性节点对象。语法结构:element.getAttributeNode(attributename)参数解析:(1).element:要获取属性对象节点的元素。(2).attributena

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript hasAttribute()_JS教程

此方法可以判断一个元素节点是否具有指定的属性节点。如果具有则返回true,否则返回false。语法结构:domObj.hasAttribute(name)参数解析:(1).domObj:dom元素对象。(2).name:属性的名称。浏览器支

更新时间:2019-10-26类型:
查看详情人气:68
location.protocol_JS教程

此属性用于设置或返回当前URL的协议。点击可查看更对Location对象的属性和方法。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.protocol=protocol参数解析:(1).prot

更新时间:2019-10-26类型:
查看详情人气:59
JavaScript lastElementChild_JS教程

JavaScript lastElementChild_JS教程

此属性可以返回指定元素的最后一个子元素节点。特别注意,元素节点与节点所涵盖的范围不同,节点包含元素节点。可以结合lastChild属性一起学习,它返回的是最后一个子节点。关于节点更多内容可以参阅JavaScriptnodeType节点类型

更新时间:2019-10-26类型:
查看详情人气:87
location.host_JS教程

此属性可返回或者设置当前URL的主机名称和端口号。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.host浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌

更新时间:2019-10-26类型:
查看详情人气:92
document.createTextNode()_JS教程

document.createTextNode()_JS教程

此方法可以创建并返回一个文本节点对象。参数解析:(1).text:必需,规定文本节点的内容。浏览器支持:(1).IE浏览器支持此方法。(2).edge浏览器支持此方法。(3).谷歌浏览器支持此方法。(4).opera浏览器支持此方法。(5)

更新时间:2019-10-26类型:
查看详情人气:65
SCSS @for 指令_SCSS教程

此指令用于循环输出,具有两种循环方式,下面分别做一下介绍。(1).@for$varfromthrough:此种方式的遍历索引区间是[start,end],代码实例如下:@for$ifrom1thro

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript mousedown 事件_JS教程

当鼠标按键被按下时就会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件。(5)

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript deleteRow()_JS教程

此方法可以删除表格中指定的行。语法结构:tableObject.deleteRow(index)参数解析:(1).tableObject:要删除行的表格对象。(2).index:必需,规定要删除行的索引位置,表格中第一行的索引值是0。浏览器

更新时间:2019-10-26类型:
查看详情人气:79
HTML input file文件域_HTML教程

将标签的type属性值设置为file即可创建一个文件域。当使用文件域file时,form的enctype属性值必须设置为“multipart/form-data”。文件域可以实现文件的上传,比如图片、压缩包等。代码实例: 更新时间:2019-10-26类型:

查看详情人气:85
HTML input image按钮_HTML教程

将标签的type属性值设置为"image"即可创建一个图片按钮。图片按钮和submit提交按钮一样,点击可以提交表单,当然也可以作为普通按钮使用。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:102
JavaScript 三个等号 === 全等运算符_JS教程

JavaScript 三个等号 === 全等运算符_JS教程

判断两个运算数是否相等,有时候使用两个等号(==),有时候使用三个等号(===)。下面介绍一下三个等号(全等运算符)的用法。关于两个等号(等号运算符)参阅JavaScript==等号运算符一章节。全等运算符对操作数的检查更为严格,具体规

更新时间:2019-10-26类型:
查看详情人气:86
JavaScript rows 属性_JS教程

rows可以获取表格中所有行的集合。利用集合的length属性可以获取具体的行数。语法结构:tableObject.rows浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性。(4).o

更新时间:2019-10-26类型:
查看详情人气:90
flex产品列表均匀分布代码实例_布局案例

关于flex弹性布局可以参阅display:flex弹性布局一章节。在实际应用中十分常见的布局效果,尤其是在产品展示类型网站。下面就通过flex弹性布局来实现此功能。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:81
HTML input button按钮_HTML教程

将标签的type属性值设置为"button"即可创建一个按钮。点击按钮可以触发一个事件,通常需要结合JavaScript来对这个事件作出响应。关于JavaScript知识可以参阅JS教程板块。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:76
.htaccess URL目录化_Rewrite重写

目录化的URL据说比较有利于SEO,比如http://www.downzz.com/qiduan/。下面介绍一下如何利用Rewrite实现此功能。代码实例如下:RewriteCond$1!index\.phpRewriteRule^

更新时间:2019-10-26类型:
查看详情人气:99
JavaScript Math.floor()_JS教程

JavaScript Math.floor()_JS教程

Math.floor可以对一个数字进行下舍入操作。返回值是小于等于参数,并与之最接近的整数。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.floor(num)参数解析:(1).num:必需,必须是一

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript setFullYear()_JS教程

JavaScript setFullYear()_JS教程

此方法用于设置年份,且返回值是调整过的日期的毫秒表示。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.setFullYear(year,month,day)参数解析:(1).year:必需,表示年

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript setTime()_JS教程

JavaScript setTime()_JS教程

setTime方法以毫秒(时间戳方式)设置日期和时间。此方法返回值是毫秒参数。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.setTime(millisec)参数解析:(1).millisec:

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript setSeconds()_JS教程

JavaScript setSeconds()_JS教程

setSeconds方法可以设置时间日期对象中的秒或者毫秒。返回值是调整过的时间日期对象中的毫秒表示。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObj.setSeconds(secondsValue[,

更新时间:2019-10-26类型:
查看详情人气:80
getPropertyPriority() 方法_CSS操作

getPropertyPriority() 方法_CSS操作

getPropertyPriority是一个合成词,由get+property+priority构成。很明显意思是获取属性的优先级,由于此方法使用来操作CSS属性,自然是获取CSS属性优先级。如果指定CSS属性具有important,那么就

更新时间:2019-10-26类型:
查看详情人气:66
JavaScript focus 事件_JS教程

当指定元素对象获取焦点时,就会触发此事件。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览器支持此事件

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript setHours()_JS教程

JavaScript setHours()_JS教程

此方法可以设置时间日期对象中的小时字段。并返回调整后的时间日期的时间戳。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.setHours(hour,min,sec,millisec)参数解析:(1

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript * 乘法运算符_JS教程

JavaScript * 乘法运算符_JS教程

JavaScript运算符与数学中的乘法运算符基本一致。代码实例如下:letresult=4*2console.log(result);代码运行效果截图如下:上述代码两个数字相乘,很简单。在处理特殊值时,乘法也有一些特殊行为:(

更新时间:2019-10-26类型:
查看详情人气:84
JavaScript getDate()_JS教程

JavaScript getDate()_JS教程

getDate可以返回当前客户端日期表示天的数字。此数字值介于1-31之间,因为每个月最大的天数是31。更多Date对象内容参阅JavaScriptDate对象一章节。语法结构:dateObject.getDate()代码实例如下:le

更新时间:2019-10-26类型:
查看详情人气:89
HTML 音频_HTML教程

声音在HTML中可以以不同的方式播放。不过在网页上播放音频需要一定的格式,下面就对常用的方式做一下简单介绍。一.使用插件:浏览器插件是一种扩展浏览器标准功能的小型计算机程序。插件可以使用标签,或者标签添加在页面

更新时间:2019-10-26类型:
查看详情人气:94
HTML 视频_HTML教程

在HTML中播放视频的方法有很多种;需要考虑到一定的兼容型问题。一.使用标签:此标签的作用是在HTML页面中嵌入多媒体元素。下面的HTML代码显示嵌入网页的Flash视频: 更新时间:2019-10-26类型:

查看详情人气:86
JavaScript 匿名函数_JS教程

JavaScript 匿名函数_JS教程

JavaScript函数可以分为具名函数与匿名函数。一.具名函数创建:具名函数通过函数声明方式创建,函数声明必须遵守严格的语法规范。代码实例如下:functionfunc(webName){console.log(webName);}上

更新时间:2019-10-26类型:
查看详情人气:105
cssRules 属性_CSS操作

cssRules 属性_CSS操作

此属性可以返回指定样式表中的规则集合。首先搞清楚一个问题,什么是规则,看如下代码片段:div{text-align:center;background-color:red;}#ant{

更新时间:2019-10-26类型:
查看详情人气:69
JavaScript nodeName 属性_JS教程

nodeName属性可以返回指定节点的名称。返回值规则如下:(1).如果是元素节点,返回对应的标签名称。(2).如果是属性节点,返回对应的属性名称。(3).如果是其他节点类型,返回值也会有所不同,可以自行测试。浏览器支持:(1).IE浏览器

更新时间:2019-10-26类型:
查看详情人气:96
JavaScript blur 事件_JS教程

当指定元素失去焦点就会触发此事件,通常应用于表单元素。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3).火狐浏览器支持此事件。(4).Opera浏览

更新时间:2019-10-26类型:
查看详情人气:93
HTML input url域_HTML教程

元素将type属性值设置为"url"即可实现url域。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:84
HTML input date calendar_HTML教程

HTML input date calendar_HTML教程

将标签的type属性值设置为date即可创建日期calendar控件。calendar控件是HTML5新增。代码实例:

更新时间:2019-10-26类型:
查看详情人气:122
JavaScript - 减法运算符_JS教程

JavaScript - 减法运算符_JS教程

减法运算符用一个横杠(-)表示。这个很容易了解了,因为小学一年级就会学到。代码实例如下:leta=5;letb=1;console.log(a-b);代码运行效果截图如下:在处理特殊值时,减法也有一些特殊行为:(1).某个运

更新时间:2019-10-26类型:
查看详情人气:67
JavaScript clientY_JS教程

clientY属性属于事件对象,通常与clientX属性成对使用。返回事件被触发时鼠标指针在浏览器页面(或者客户区)的垂直坐标。此属性非常简单,关键在于理解客户区是哪一部分,具体参阅浏览器客户区一章节。语法结构:event.clientY浏

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript Math.PI_JS教程

Math.PI属性就是π,即圆的周长和它的直径之比。更多内容可以参阅JavaScriptMath对象一章节。语法结构:Math.PI代码实例:console.log(Math.PI)以上代码可以打印出对应的值。

更新时间:2019-10-26类型:
查看详情人气:46
CSS 元素选择器_CSS教程

元素选择器是以标签名称作为选择器,它可以匹配文档中所有对应名称的元素。比如div选择器可以匹配文档中的所有div元素。元素选择器也可以称之为类型选择器。代码片段如下:div{color:green;}span{color:red;}上面代

更新时间:2019-10-26类型:
查看详情人气:87
JavaScript == 等号运算符_JS教程

JavaScript == 等号运算符_JS教程

等号运算符可以比较左右两个运算数是否相等。如果相等则返回true,否则返回false。初学者可能认为此运算符极其简单,这可能太过于轻视此运算符。下面将通过代码实例对它的用法做一下详细介绍。代码实例如下:leta=1,b=2;consol

更新时间:2019-10-26类型:
查看详情人气:81
JavaScript (<) 小于运算符_JS教程

JavaScript (<) 小于运算符_JS教程

小于运算符就是数学中的大于号(<)。数学中的小于运算符功能很简单,就是用来判断运算符左边的数字是否小于右边的数字。代码实例如下:leta=5,b=2;console.log(a 更新时间:2019-10-26类型:

查看详情人气:78
HTML input password 密码框_HTML教程

将标签type设置为"password"即可实现一个密码框。密码框可以说是一种特殊的文本框,文本框中的内容是明文,而密码框输入的内容则是密文(安全措施)。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:201
Math.acosh()方法_ES6教程

返回参数的反双曲余弦。此方法是ES2015新增,更多Math对象新增特性可以参阅ES2015Math对象新增特性一章节。ES5中Math对象相关内容可以参阅JavaScriptMath对象一章节。语法结构:Math.acosh(x)参数

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript reset 事件_JS教程

表单中的重置按钮被点击时触发此事件。此事件可以将表单中所有的表单元素value属性值重置为默认状态。关于事件处理函数注册,可以参阅如何注册事件处理函数一章节。浏览器支持:(1).IE浏览器支持此事件。(2).edge浏览器支持此事件。(3)

更新时间:2019-10-26类型:
查看详情人气:106
JavaScript Math.SQRT1_2_JS教程

Math.SQRT1_2属性返回2的平方根的倒数,此值近似0.7071067811865476。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.SQRT1_2实例代码:console.log(Math

更新时间:2019-10-26类型:
查看详情人气:93
JavaScript Math.ceil()_JS教程

此方法能够将数字进行上舍入。返回值是大于等于参数,并与之最接近的整数。更多关于Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.ceil(x)参数解析:x:必需、必须是一个数值。代码实例:console.l

更新时间:2019-10-26类型:
查看详情人气:79
CSS E[att^="val"]_CSS教程

此选择器匹配具有att属性,且属性值以val开头的元素E。语法结构:E[att^="val"]{Rules}浏览器支持:(1).IE7+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).火狐浏览器支持此选择器。(4).谷歌

更新时间:2019-10-26类型:
查看详情人气:85
deleteRule() 方法_CSS操作

deleteRule方法可以删除样式表中的指定规则。语法结构:stylesheet.deleteRule(index)参数解析:(1).index:必需,被删除规则在样式表中的索引位置。关于stylesheet样式表对象可以参阅CSSSty

更新时间:2019-10-26类型:
查看详情人气:78
.htaccess 伪静态_Rewrite重写

伪静态并不是真正生成.html页面,虽然地址栏显示静态页面,但服务器端仍然通过动态链接来查询。本站教程部分就采用伪静态效果,例如:http://www.downzz.com/article-8342-1.html当在通过上面链接访问页面的时

更新时间:2019-10-26类型:
查看详情人气:101
CSS E::first-letter_CSS教程

E::first-letter是伪对象选择器,能够匹配指定元素内第一个字符。仅作用于块元素,内联元素首先转换成块元素才能使用此选择器。CSS3将伪对象选择器前面单个冒号修改为双冒号以区别伪类选择器,但以前写法仍然有效。语法结构:E:fir

更新时间:2019-10-26类型:
查看详情人气:94
JavaScript (,)逗号操作符_JS教程

JavaScript (,)逗号操作符_JS教程

在JavaScript中,逗号是一个操作符。此操作符可以计算左右两侧操作数,并返回第二个操作数的值。代码实例如下:console.log((1,9));代码运行效果截图如下:逗号两侧数字是操作符,返回第二个操作符的返回值。console.

更新时间:2019-10-26类型:
查看详情人气:101
CSS E[att$="val"] 选择器_CSS教程

此选择器匹配具有att属性,且属性值为以val结尾的元素E。语法结构:E[att$="val"]{Rules}浏览器支持:(1).IE7+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).火狐浏览器支持此选择器。(4).谷

更新时间:2019-10-26类型:
查看详情人气:95
HTML accesskey 属性_HTML教程

此属性规定使元素获得焦点的快捷键(ALT+字母或ALT+Shift+字母)。语法结构:参数解析:character:规定使元素获得焦点的便捷按键。浏览器支持:(1).IE浏览器支

更新时间:2019-10-26类型:
查看详情人气:115
ajax的post或者get服务器请求_AJAX教程

XMLHttpRequest对象用于和服务器交换数据。如果想要将请求发送到服务器,需要使用XMLHttpRequest对象的open()和send()方法。属性描述open(method,url

更新时间:2019-10-26类型:
查看详情人气:81
configurable、enumerable和writable_JS教程

configurable、enumerable和writable_JS教程

对象是JavaScript中最为常见的语法结构。代码实例如下:letantzone={webName:"Downzz.com",show:function(){console.log(this.webName);}}上面是一个对象直接量

更新时间:2019-10-26类型:
查看详情人气:69
JavaScript select length 属性_JS教程

此属性返回下拉列表中的选项数目。语法结构:select.length浏览器兼容:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性。(4).火狐浏览器支持此属性。(5).Opera浏览器支持此属性。

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript select size 属性_JS教程

此属性可以设置或返回下拉列表中的可见选项数目,可读写属性。语法结构:select.size浏览器兼容:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支持此属性。(4).火狐浏览器支持此属性。(5).Ope

更新时间:2019-10-26类型:
查看详情人气:100
JavaScript select text 属性_JS教程

通过此属性可以获取指定的option选项中的文本内容,可读写属性。特别说明:此属性实质上属于option对象。语法结构:option.value浏览器兼容:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器支

更新时间:2019-10-26类型:
查看详情人气:76
XMLHttpRequest send()_AJAX教程

此方法发送请求到服务器。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.send(string)参数解析:string:可选,规定发送的数据,仅用于P

更新时间:2019-10-26类型:
查看详情人气:85
XMLHttpRequest open()_AJAX教程

此方法规定请求的类型、URL、是否应该进行异步处理,以及请求的其他可选属性。调用此方法之后,再调用send方法向服务器发送请求。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:X

更新时间:2019-10-26类型:
查看详情人气:79
XMLHttpRequest abort()_AJAX教程

此方法可以取消当前的请求。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.abort()代码实例:<

更新时间:2019-10-26类型:
查看详情人气:74
HTML id 属性_HTML教程

此属性规定元素的唯一标识。id属性值在同一个文档中是唯一的,否则可能会出现问题。语法结构:参数解析:(1).value:元素id属性值,唯一的。浏览器支持:(1).IE浏览器支持此属性。(2).edg

更新时间:2019-10-26类型:
查看详情人气:80
HTML dir 属性_HTML教程

此属性规定元素内容的文本方向。语法结构:参数解析:(1).ltr:默认,从左向右的文本方向。(2).rtl:从右向左的文本方向。浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支

更新时间:2019-10-26类型:
查看详情人气:85
正则表达式 转义字符_正则教程

正则表达式 转义字符_正则教程

既然是转义字符,自然是将字符原本的意义转换为其他意义。转义字符以反斜杠开头,后面跟着一个或者多个普通字符。代码实例如下:console.log("本站的url地址是:\nhttp://www.downzz.com")代码运行效果截图如下:"

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript isFinite()_JS教程

JavaScript isFinite()_JS教程

finite翻译成汉语是有限的或者有穷的意思。那么isFinite就有判断是否是有限或者是否有穷的意思。恰如其名,isFinite方法可以判断参数是否是有穷的(非无穷大)。更多全局对象可以参阅JavaScriptGlobal对象一章节。

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript isNaN()_JS教程

JavaScript isNaN()_JS教程

isNaN方法可以检测其参数是否为非数值类型。NaN是notanumber的缩写形式。如果参数是NaN或者非数字,此方法返回true,否则返回false。更多全局对象可以参阅JavaScriptGlobal对象一章节。特别说明:ES

更新时间:2019-10-26类型:
查看详情人气:69
insertRule() 方法_CSS操作

insertRule() 方法_CSS操作

insertRule方法可以在样式表中插入新的规则。语法结构:stylesheet.insertRule(rule,index)参数解析:(1).stylesheet:样式表对象,将新规则插入到对应的样式表中。(2).rule:必需,要插

更新时间:2019-10-26类型:
查看详情人气:77
JavaScript apply()_JS教程

JavaScript apply()_JS教程

apply可以修改指定函数的调用对象,函数中的this也会指向新的调用对象。恰当的使用apply可以让繁琐的操作变得更为简单。特别说明:apply对箭头函数无效。语法结构:function.apply(newObj[,argsArray]

更新时间:2019-10-26类型:
查看详情人气:66
JavaScript (>) 大于运算符_JS教程

JavaScript (>) 大于运算符_JS教程

大于运算符就是数学中的大于号(>)。数学中的大于功能实在太简单了,就是用来判断运算符左边的数字是否大于右边的数字。代码实例如下:leta=5,b=2;console.log(a>b);代码运行效果截图如下:如果运算符左侧运算数大于右侧运

更新时间:2019-10-26类型:
查看详情人气:65
let与const区别_ES6教程

let与const区别_ES6教程

let与const都是ES2015新增,两者具体用法参阅如下两篇文章。(1).let可以参阅JavaScriptlet命令一章节。(2).const可以参阅JavaScriptconst命令一章节。两个命令有着诸多共同点,但不在本文

更新时间:2019-10-26类型:
查看详情人气:50
JavaScript 回调函数_JS教程

回调函数并不是一种新函数,而是函数的一种使用方式。应用十分广泛,甚至当我们还不知道回调函数这个概念的时候,已经在代码中应用它。首先看一段代码实例:functioncallback(){console.log("Downzz.com");

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript 数组 length 属性_JS教程

JavaScript 数组 length 属性_JS教程

数组的length属性可以返回数组中元素的数量。更多关于数组内容可以参阅JavaScriptArray数组一章节。语法结构:arr.length代码实例如下:letarr=["Downzz.com",4,"青岛市南区","js教程"]

更新时间:2019-10-26类型:
查看详情人气:79
JavaScript Boolean 对象_JS教程

JavaScript Boolean 对象_JS教程

JavaScript有两个布尔类型的值,分别是true和false。它们是值类型数据,但是可以通过构造函数构建它们对应的Boolean对象。语法结构:newBoolean(value)参数解析:(1).value:可选,如果省略,或者参数

更新时间:2019-10-26类型:
查看详情人气:56
正则表达式 \d元字符_正则教程

正则表达式 \d元字符_正则教程

此元字符可以匹配单个数字字符,功能等价于[0-9]。与\D元字符的功能恰好相反,注意字符d的大小写。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\\d")使用构造函数方式创建正则表达式对象。/\

更新时间:2019-10-26类型:
查看详情人气:81
变量声明带var与不带var的区别_JS教程

变量声明带var与不带var的区别_JS教程

JavaScript声明变量带var与不带var区别的问题在网络上基本已经谈烂了。无论是在网上搜索或者在技术群里请教,基本都能得到满满的回复。回复内容绝大多数如“不带var声明的变量的作用域是全局的,带var声明的变量的作用域是当前所在作用

更新时间:2019-10-26类型:
查看详情人气:84
JavaScript块级作用域声明函数_ES6教程

JavaScript块级作用域声明函数_ES6教程

函数声明是JavaScript中最基本的操作。但在何处声明函数并不是随心所欲的,并且在不同的ES版本规定有所不同。ES3规定函数可以在全局作用域中声明,函数作用域中声明,也可以在块级作用域中声明(ES2015之前没有块级作用域这个概念,这里

更新时间:2019-10-26类型:
查看详情人气:101
JavaScript nodeValue_JS教程

nodeValue属性可以返回或者设置指定节点的值。节点值根据节点类型的不同而有所不同:(1).文本节点:nodeValue属性值就是文本节点的内容。(2).属性节点:nodeValue属性值就是属性节点的值。(3).文档节点和元素节点:n

更新时间:2019-10-26类型:
查看详情人气:58
JavaScript 变量与函数声明前置_JS教程

JavaScript 变量与函数声明前置_JS教程

JavaScript是自上而下按照一定的规则执行的。首先看一段代码实例:leta=1,b=2;letnum;num=a+b;console.log(num);代码运行效果截图如下:非常简单的一段代码,代码由上而下很顺利的执行完毕。

更新时间:2019-10-26类型:
查看详情人气:91
JavaScript insertBefore()_JS教程

JavaScript insertBefore()_JS教程

insert具有插入的意思,before具有前面的意思。那么有理由猜测,此方法的功能是在某个事物的前面插入另一个事物。事实的确如此,此方法可以在指定子节点的前面插入一个新的节点。语法结构:target.insertBefore(newChi

更新时间:2019-10-26类型:
查看详情人气:55
JavaScript delete_JS教程

JavaScript delete_JS教程

从运算符名称可以猜想到,它可以删除一些东西。下面通过代码实例介绍一下此运算符能删除何种东西,有什么限制。一.基本介绍:此运算符通常用于删除对象的属性,也可以在满足一定条件下删除变量。下面分别通过代码实例做一下介绍。(1).运算符可以删除对象

更新时间:2019-10-26类型:
查看详情人气:61
location.reload()_JS教程

reload翻译成汉语具有重新加载的意思。location.reload方法可以重新加载当前页面。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.reload(boolean)参数解析:(1)

更新时间:2019-10-26类型:
查看详情人气:58
location.assign()_JS教程

此方法可以加载一个新的文档。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.assign(URL)参数解析:URL:必需,要加载文档的URL地址。浏览器支持:(1).IE浏览器支持此方法。(2

更新时间:2019-10-26类型:
查看详情人气:68
JavaScript constructor_JS教程

JavaScript constructor_JS教程

constructor翻译成汉语是构造器意思,有图为证:默认,对象实例的constructor属性指向创建此实例的构造器。更多情况下,我们称构造器为构造函数。代码实例如下:functionAntzone(){//code}let

更新时间:2019-10-26类型:
查看详情人气:63
CSS 设置列表样式_CSS教程

CSS 设置列表样式_CSS教程

列表是最为常用的HTML元素之一。通常用于比较有规律性的展示布局,比如新闻列表或者产品列表等。既然使用频繁,那么它的美观性就比较重要,下面介绍一下如何利用CSS设置列表的外观。可以设置列表CSS属性有很多,比如width与height,但是

更新时间:2019-10-26类型:
查看详情人气:75
location.pathname_JS教程

此属性可以设置或者返回URL的路径部分。使用此属性可以设置URL的路径部分,并且加载新设置URL文档的内容。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.pathname=path参数解析:

更新时间:2019-10-26类型:
查看详情人气:60
location.hostname_JS教程

此属性可以返回当前URL的主机名。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.hostname浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览器

更新时间:2019-10-26类型:
查看详情人气:68
HTML <a> 标签_HTML教程

HTML <a> 标签_HTML教程

超链接是网页的核心内容之一。通过超链接可以实现站内页面或者站际页面之间的跳转。没有超链接的网站的可用性必然具有很大的局限性。使用元素可创建一个超链接,代码如下:Downz

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript childNodes_JS教程

JavaScript childNodes_JS教程

此属性可以获取指定元素的所有直接子节点。所谓直接子节点就是第一级子节点,再深层次的后代节点不包括在内。childNodes属性的功能与children属性类似,异同点总结如下:(1).children非W3C标准属性。(2).childNo

更新时间:2019-10-26类型:
查看详情人气:48
CSS 设置table表格样式_CSS教程

CSS 设置table表格样式_CSS教程

随着时间的前进,人可能会意识到自己在何种位置上更加恰当。技术上也是如此,最初,table用来进行页面布局,并且应用十分普遍。但是用table布局的劣势很大,灵活度很差,不容易改版等。现在table已经从“神坛”,逐渐做一些平凡且自己擅长的事

更新时间:2019-10-26类型:
查看详情人气:64
location.href_JS教程

此属性可以返回或者设置当前文档的完整URL。使用此属性设置当前的URL,浏览器会加载此新URL的内容。更多内容可以参阅JavaScriptlocation对象一章节。语法结构:location.href=URL参数解析:URL:可选,规

更新时间:2019-10-26类型:
查看详情人气:74
location.port_JS教程

此属性可以设置或者返回当前URL的端口号。绝大多数URL是80端口,此端口默认可以省略,所以绝大多数情况在网址上都看不到端口。关于location对象更多内容可以参阅JavaScriptlocation对象一章节。语法结构一:locat

更新时间:2019-10-26类型:
查看详情人气:49
CSS E[att]选择器_CSS教程

CSS E[att]选择器_CSS教程

此选择器可以匹配具有att属性的元素,进而设置它们的样式。语法结构:E[att]{Rules}浏览器支持:(1).IE7+浏览器支持此选择器。(2).edge浏览器支持此选择器。(3).火狐浏览器支持此选择器。(4).谷歌浏览器支持此选

更新时间:2019-10-26类型:
查看详情人气:91
JavaScript resizeBy()_JS教程

此方法可以用指定的尺寸来调整窗口的大小,单位是像素(px),属于window对象。采用相对于窗口当前大小来调整该窗口的大小,要以绝对大小方式调整窗口的大小,可使用resizeTo()。特别说明:凡是属于window对象的方法都可以直接使用,

更新时间:2019-10-26类型:
查看详情人气:47
CSS 设置链接样式_CSS教程

链接自然大家很熟悉,通过标签创建。代码实例如下:Downzz.com使用标签定义了一个超链接,点击其中的文本可以跳转到Downzz.com首页。链接是HTML中最为重要的

更新时间:2019-10-26类型:
查看详情人气:83
CSS 设置文本样式_CSS教程

CSS 设置文本样式_CSS教程

文本在页面中通常用于给浏览者提供各种各样的信息。所以文本的外观不仅影响着用户体验,也会给用户传递不同的信息:(1).美观与协调度会影响浏览器者对网站的评价,进而影响网站流量。(2).不同的样式赋予内容不同的含义,比如加粗或者红色字体可能意味

更新时间:2019-10-26类型:
查看详情人气:69
CSS E:active 选择器_CSS教程

此选择器可以匹配被激活的元素。所谓的激活,就是鼠标放置于指定元素,并且鼠标键按下且没有松开的这段时间。通常此选择器用于链接与按钮元素。更多内容可以参阅CSS链接一章节。语法结构:E:active{Rules}浏览器支持:(1).IE浏

更新时间:2019-10-26类型:
查看详情人气:84
CSS E:visited 选择器_CSS教程

此伪类选择器可以匹配被访问过的超链接。被访问过的超链接通俗的讲就是点击过的链接。更多内容可以参阅CSS链接一章节。语法结构:E:visited{Rules}浏览器支持:(1).IE浏览器支持此选择器。(2).edge浏览器支持此选择器

更新时间:2019-10-26类型:
查看详情人气:89
CSS class 类选择器_CSS教程

CSS class 类选择器_CSS教程

类选择器在CSS代码中使用点(.)来规定。代码如下:.fontcolor{color:red;}上面代码中,.fontcolor就是一个类选择器,前面以点起始。它可以匹配class属性值包含"fontcolor"的元素,进而设置它的字体颜色

更新时间:2019-10-26类型:
查看详情人气:64
正则表达式中括号[]字符类_正则教程

正则表达式中括号[]字符类_正则教程

正则表达式字符类使用中括号[]定义。代码演示如下:[abc]中括号中是由一个或者多个字符构成的字符集合。对语法结构名称感性上的理解往往有助于记忆或者概念上的理解。字符类由"字符"+"类"构成,字符很容易理解,比如字母或者数字等都是字符。类可

更新时间:2019-10-26类型:
查看详情人气:88
JavaScript return 语句_JS教程

JavaScript return 语句_JS教程

首先强调一点,return语句只能在函数中应用。函数作为一个独立的功能单位,可以返回一个值或者改变代码的运行状态。代码实例如下:letnum;leta=1,b=2;functioncalculate(a,b){if(a>b){nu

更新时间:2019-10-26类型:
查看详情人气:70
HTTP版本发展历程_HTTP协议

由于互联网渗透到生活的方方面面,每天几乎都有涉及到互联网的操作。最频繁的可能就是访问各类网站,比如访问淘宝购物,浏览新闻资讯网站获取实信息。这些操作无一例外都在遵循着HTTP协议,有条不紊的进行。HTTP协议自其诞生之日起,随着需求的提高,

更新时间:2019-10-26类型:
查看详情人气:124
JavaScript prototype 原型_JS教程

JavaScript prototype 原型_JS教程

JavaScript是面向对象的语言,那么继承自然是其重要特征之一。与标准面向对象语言不同,JavaScript继承主要通过prototype原型实现。ES2015新增class类,继承方式从表面上更加趋近于标准面向对象语言,但实质上还是利

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript setInterval()_JS教程

JavaScript setInterval()_JS教程

本文将通过代码实例循序渐进详细介绍一下setInterval方法的应用。方法的名称都会尽量做到名副其实,一定程度上能够做到见词达意的效果。setInterval由set与interval构成,set具有"设置"意思,interval具有"间

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript 构造函数_JS教程

JavaScript 构造函数_JS教程

函数是JavaScript中使用最为频繁的语法结构。首先看几段代码实例:functionfunc(){console.log("Downzz.com");}func();声明一个具名函数,并调用它,打印出字符串“Downzz.com”

更新时间:2019-10-26类型:
查看详情人气:94
JavaScript this详解_JS教程

JavaScript this详解_JS教程

this是JavaScript中无法回避的一个概念,在很多其他编程语言中也是如此。如果对它没有良好的掌握,那么开发工作将无法进行。下面通过代码实例对它进行一下详细介绍。首先看一段极为简单的代码:varurl="www.downzz.c

更新时间:2019-10-26类型:
查看详情人气:53
CSS 设置<img>图片样式_CSS教程

关于图片基本知识可以参阅HTML元素一章节。下面介绍一下CSS对于图片的常见操作。一.CSS控制图片尺寸: 更新时间:2019-10-26类型:

查看详情人气:142
JavaScript outerHTML_JS教程

JavaScript outerHTML_JS教程

outer翻译成汉语具有“外部的”的意思。结合innerHTML和innerText两个属性有利于对本属性的理解。关于这两个属性基本用法参阅如下两篇文章:(1).innerHTML属性可以参阅JavaScriptinnerHTML一章节。

更新时间:2019-10-26类型:
查看详情人气:67
JavaScript innerText_JS教程

JavaScript innerText_JS教程

首先对它是否是W3C标准属性做一下说明:(1).此属性首先被IE浏览器支持(IE并非总是拦路虎)。(2).2016年,此属性才被标准化,所以很多老旧文章称其非W3C标准支持并非妄言。innerText属性可以获取或者设置指定元素的文本内容。

更新时间:2019-10-26类型:
查看详情人气:55
JavaScript innerHTML_JS教程

JavaScript innerHTML_JS教程

innerHTML属性可以设置或者返回指定元素的HTML内容。此属性使用频繁且极为简单,但是却很容易给初学者造成一些麻烦。这一切的麻烦的起源主要在于如何去理解“HTML内容”。后面会通过代码实例详细做一下介绍。语法结构一:htmlConte

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript previousSibling_JS教程

JavaScript previousSibling_JS教程

此属性可以获取指定元素紧邻的前一个节点。特别说明,此属性对于元素前一个兄弟节点类型没有限制。previousElementSibling属性与之不同,它限定前一个兄弟节点必须是元素节点。关于previousElementSibling用法可

更新时间:2019-10-26类型:
查看详情人气:74
parentStyleSheet属性_CSS操作

parentStyleSheet属性_CSS操作

parentStyleSheet属性可以获取当前样式表的父样式表。如果当前样式本身就是顶层样式表,那么此属性返回null。最常见是一个样式通过@import引入其他样式表,被引入的样式表就不是顶层样式表了。关于样式表对象参阅CSSStyle

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript Date valueOf()_JS教程

JavaScript Date valueOf()_JS教程

valueOf方法可以返回时间日期对象的原始值。这个原始值实质上就是时间日期对象的时间戳,与getTime方法相同。关于getTime用法可以参阅JavaScriptgetTime()一章节。更多内容可以参阅JavaScriptDate

更新时间:2019-10-26类型:
查看详情人气:62
JavaScript setMinutes()_JS教程

JavaScript setMinutes()_JS教程

setMinutes方法用于设置时间的分钟字段。返回值是调整过的时间,也就是时间戳。关于时间戳可以参阅JavaScriptgetTime()一章节。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject

更新时间:2019-10-26类型:
查看详情人气:65
CSS HSLA()_CSS3教程

关于HSL()用法可以参阅CSS3HSL()一章节。HSLA()在HSL()基础上增加了一个透明度效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:60
setProperty()方法_CSS操作

setProperty()方法_CSS操作

setProperty是set(设置)和property(属性)的合成词。可以猜想此方法的作用是用来设置属性值。既然用来操作CSS,那此方法的作用自然是用来设置指定CSS属性的值。语法结构:CSSStyleDeclaration.setPr

更新时间:2019-10-26类型:
查看详情人气:53
JavaScript 深度拷贝和浅拷贝_JS教程

JavaScript 深度拷贝和浅拷贝_JS教程

拷贝是非常容易理解的概念,因为现实生活中拷贝操作实在太多。JavaScript中的操作是将一个数据结构中的数据复制到另一个数据结构。比如将一个对象中的属性拷贝到另一个对象中。代码实例如下:lettarget={webName:"Do

更新时间:2019-10-26类型:
查看详情人气:90
CSS HSL()_CSS3教程

CSS HSL()_CSS3教程

颜色模式有多种,具体参阅CSS颜色值类型一章节。本文介绍一下CSS3新增HSL()颜色模式。如果要设置透明度可以使用HSLA(),具体参阅CSS3HSLA()一章节。HSL是Hue、Saturation和Lightness的缩写。(1).

更新时间:2019-10-26类型:
查看详情人气:62
table细线表格详解_布局案例

table细线表格详解_布局案例

细线表格边框比默认的表格边框更受欢迎,下面分享一个代码实例,并介绍一下它的实现原理。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:66
CSSStyleRule 对象_CSS操作

CSSStyleRule 对象_CSS操作

CSSStyleRule对象用于表示一个CSS规则。那需要先明确什么是一个CSS规则。代码如下:div{text-align:center;background-color:red;}上面代码整体算是一个CSS规则。千万不要误以为一行C

更新时间:2019-10-26类型:
查看详情人气:79
CSSStyleSheet.media 属性_CSS操作

CSSStyleSheet.media 属性_CSS操作

由于媒体的多样性,导致很多CSS样式需要特定针对于某一种媒介。比如CSS专门用于打印效果或者显示器屏幕效果,再或者专门用于放映机。代码实例如下:div{font-s

更新时间:2019-10-26类型:
查看详情人气:84
JavaScript nodeType节点类型_JS教程

JavaScript nodeType节点类型_JS教程

nodeType属性可以返回一个数字,用来标识当前节点的类型。此属性浏览器兼容性良好,当前所有主流浏览器都支持。一.节点类型介绍:JavaScript中有多种节点类型,比如是元素节点,Downzz.com,d

更新时间:2019-10-26类型:
查看详情人气:65
HTML lang 属性_HTML教程

此属性规定元素内容的语言。语法结构:参数解析:language_code:规定元素内容的语言代码。浏览器支持:(1).IE浏览器支持此属性。(2).谷歌浏览器支持此属性。(3).火

更新时间:2019-10-26类型:
查看详情人气:85
HTML contextmenu 属性_HTML教程

HTML contextmenu 属性_HTML教程

此属性规定元素的上下文菜单。当用户右键点击元素时,会出现上下文菜单(HTML5新增)。语法结构:参数解析:menu_id:要打开的元素的id。浏览器支持:(1).IE

更新时间:2019-10-26类型:
查看详情人气:88
HTML draggable 属性_HTML教程

此属性规定元素是否可拖动,链接和图像默认是可拖动的(HTML5新增)。语法结构:参数解析:(1).true:规定元素的可拖动的。(2).false:规定元素不可拖动。

更新时间:2019-10-26类型:
查看详情人气:116
HTML dropzone 属性_HTML教程

此属性规定在元素上拖动数据时,是否拷贝、移动或链接被拖动数据(HTML5新增)。语法结构:参数解析:(1).copy:规定拖动数据会产生被拖动数据的副本。(2).move

更新时间:2019-10-26类型:
查看详情人气:88
HTML hidden属性_HTML教程

此属性设置元素不可见,且不占据空间(HTML5新增)。表现与CSS的display:none相同,此属性的出现目的是为了增强代码的语义性。语法结构:参数解析:hidden:唯一的属性值就是"hidden",

更新时间:2019-10-26类型:
查看详情人气:131
HTML contenteditable 属性_HTML教程

此属性规定元素是否可编辑(HTML5新增)。如果元素未设置contenteditable属性,那么元素会从其父元素继承该属性。语法结构:参数解析:(

更新时间:2019-10-26类型:
查看详情人气:114
JavaScript (+) 正号运算符_JS教程

正号运算符和加法运算符都是用加号(+)表示。运算符位于操作数前面,并转换操作数的符号。代码实例如下:varx=-3;vary=+x;console.log(y);从运行结果可以看出,正号运算符并没有将-3转换为3。这是因为此

更新时间:2019-10-26类型:
查看详情人气:63
jQuery Validate验证触发的方式_Validate教程

表单验证的触发方式有多种,并且我们可以自行配置。如何进行配置可以参阅jQueryValidate全局配置和实例配置一章节。下面分别对几种触发方式做一下介绍:一.onsubmit:配置方式如下:$(".selector").validate

更新时间:2019-10-26类型:
查看详情人气:125
.htaccess 防止图片盗链_Rewrite重写

出于各种原因的考量,网站不希望别人直接引用本站的图片。下面介绍一下如何用Rewrite重写实现此功能。代码实例如下:RewriteEngineOnRewriteCond%{HTTP_REFERER}!^$RewriteCond%

更新时间:2019-10-26类型:
查看详情人气:100
${}占位符用法_ES6教程

${}占位符用法_ES6教程

${}占位符需要和模板字符串配合使用。关于模板字符串可以参阅JavaScript模板字符串一章节。ES2015新增此语法结构。语法结构:${表达式}浏览器支持:(1).IE9+浏览器支持占位符。(2).edge浏览器支持占位符。(3).火

更新时间:2019-10-26类型:
查看详情人气:166
Object.setPrototypeOf()_ES6教程

Object.setPrototypeOf()_ES6教程

此方法可以设置对象的原型。Object.setPrototypeOf方法是针对对象实例的,而不是构造函数(类),此方法修改的是对象实例的内部属性[[Prototype]],也就是__proto__属性所指向的对象,它只是修改了特定对象上的原

更新时间:2019-10-26类型:
查看详情人气:247
Object.create()_JS教程

Object.create()_JS教程

此方法可以创建一个对象实例,并为其指定原型对象和属性。为对象实例添加属性,这一点没有任何异议,给对象实例指定原型对象要特别注意一下,也就是设置对象的__proto__属性值,千万不要误认为是构造函数的prototype原型对象。关于__pr

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript Math.log()_JS教程

JavaScript Math.log()_JS教程

此方法返回一个数的自然对数。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.log(x)参数解析:(1).x:必需、必须是一个数值类型。浏览器兼容:(1).IE浏览器支持此方法。(2).Edge浏览器

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript Math.cos()_JS教程

JavaScript Math.cos()_JS教程

此方法返回指定数字的余弦。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.cos(x)参数解析:(1).x:必需、必须是一个数值。浏览器兼容:(1).IE浏览器支持此方法。(2).Edge浏览器支持此

更新时间:2019-10-26类型:
查看详情人气:63
JavaScript Math.atan2()_JS教程

JavaScript Math.atan2()_JS教程

此方法可返回从x轴到点(x,y)之间的角度。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.atan2(x,y)参数解析:(1).x:必需、指定点的X坐标。(2).y:必需、指定点的Y坐标

更新时间:2019-10-26类型:
查看详情人气:68
JavaScript Math.atan()_JS教程

JavaScript Math.atan()_JS教程

此方法可返回数字的反正切值。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.atan(parameter)参数解析:(1).parameter:必需、必须是一个数值。浏览器兼容:(1).IE浏览器支持

更新时间:2019-10-26类型:
查看详情人气:79
JavaScript Math.asin()_JS教程

JavaScript Math.asin()_JS教程

此方法返回一个数的反正弦值。注:如果参数x超过了-1.0~1.0的范围,那么浏览器将返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.asin(parameter)参数解析:(1).pa

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript Math.acos()_JS教程

JavaScript Math.acos()_JS教程

此方法返回一个数的反余弦。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.acos(parameter)参数解析:(1).parameter:必需,必须是一个数值。浏览器兼容:(1).IE浏览器支持此

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript Math.SQRT2_JS教程

JavaScript Math.SQRT2_JS教程

Math.SQRT2属性返回2的平方根,此值近似为1.4142135623730951。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.SQRT2浏览器兼容:(1).IE浏览器支持此属性。(2).E

更新时间:2019-10-26类型:
查看详情人气:68
JavaScript prompt()_JS教程

JavaScript prompt()_JS教程

调用此方法可以弹出一个对话框,此对话框具有文本输入功能,且具有确定和取消按钮。两个按钮的具体功能后面会有代码实例演示。prompt方法与alert和confirm两个方法类似。异同点如下:(1).都可以弹出一个框。(2).prompt方法

更新时间:2019-10-26类型:
查看详情人气:64
window.parent_JS教程

此属性可以返回当前窗口的父窗口对象。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构:window.parent浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支持此属性。(3).谷歌浏览

更新时间:2019-10-26类型:
查看详情人气:59
window.self_JS教程

self是自身的意思,window.self属性可以返回窗口自身。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构:window.self浏览器支持:(1).IE浏览器支持此属性。(2).edge浏览器支

更新时间:2019-10-26类型:
查看详情人气:64
JavaScript 注册事件处理函数_JS教程

在JavaScript中,为元素注册事件处理函数的方式不止一种。下面分别通过代码实例做一下介绍它们各自的使用方式和优缺点。一.直接在HTML标签内部注册事件处理函数: 更新时间:2019-10-26类型:

查看详情人气:67
JavaScript scrollBy()_JS教程

scrollBy方法可以将文档位置移动指定尺寸,单位是像素(px)window对象方法。方法的命名和其功能密切相关,可以看到scrollBy单词是由scroll+by构成。by意思众多,其中一个意思是表示相差,例如,Wemissedth

更新时间:2019-10-26类型:
查看详情人气:65
location.hash_JS教程

此属性可以返回或者设置URL的锚部分(从#号开始的部分)。更多关于location对象内容可以参阅JavaScriptlocation对象一章节。语法结构:location.hash=anchorname参数解析:(1).anchorn

更新时间:2019-10-26类型:
查看详情人气:58
JavaScript print()_JS教程

调用此方法可以弹出一个打印设置界面。点击打印按钮后,可以打印HTML页面body中的内容。特别说明:凡是window对象方法都可以直接使用,无需使用window对象调用。更多内容可以参阅JavaScriptwindow对象一章节。语法结构

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript Global 对象_JS教程

ECMAScript的Global对象并不能够直接访问。浏览器客户端,全局对象就是window对象,表示Web浏览器窗口。代码实例:varnum=window.parseFloat("123");在浏览器客户端,这个全局对象是window

更新时间:2019-10-26类型:
查看详情人气:80
为什么要使用JSON传输信息_JSON教程

之所以现在使用JSON传输数据如此流行广泛,自然有其原因,下面就做一下简单介绍。从数据结构上看,当前所有的数据都可以分解为以下三种类型:(1).标量:也就是一个单独的字符串或数字,比如"Downzz.com"这个单独的词。(2).序列:也就

更新时间:2019-10-26类型:
查看详情人气:94
Object.assign()方法_ES6教程

Object.assign()方法_ES6教程

assign翻译成汉语是将某事物从一个人转让给另一个人。Object.assign方法功能正如其名,能够将一个或者多个对象的属性拷贝到目标对象。特别说明:(1).可以被拷贝的属性必须是可枚举。(2).同时可以被拷贝的属性必须是自有属性,不能

更新时间:2019-10-26类型:
查看详情人气:138
JavaScript parseInt()_JS教程

JavaScript parseInt()_JS教程

parseInt方法可以将字符串转换为整数。转化需要遵循指定的规则,后面会通过代码实例详细介绍。首先看一段代码实例:console.log(parseInt("8"));代码运行效果截图如下:上述代码利用parseInt方法将字符"8"转换

更新时间:2019-10-26类型:
查看详情人气:64
JavaScript 自动更新时间_特效教程

很多网站的页面某个地方,会有一个能够自动更新的时间,这也算是比较人性化的举措。这里暂且不管此功能有没有实际效果,目的是为了学习其中的一些知识。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:82
JavaScript获取背景图片定位值_特效教程

设置元素背景图片的时候,可以为背景图片定位,代码如下:background:url(img/1.jpg)20px50px;那么该如何获取20px和50px值呢,下面通过代码实例做一下简单介绍。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:85
JavaScript八进制与二进制表示法_ES6教程

JavaScript八进制与二进制表示法_ES6教程

本文将通过代码实例介绍一下JavaScript中八进制与二进制数值表示法。之所以要着重介绍八进制和二进制是因为如下两点:(1).ES2015之前没有二进制表示法。(2).ES不同版本对八进制表示法改变很大。一.八进制介绍:首先看一段代码实例

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript Math.sin()_JS教程

JavaScript Math.sin()_JS教程

此方法返回一个数字的正弦。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.sin(x)参数解析:(1).x:必需,数值类型。浏览器兼容:(1).IE浏览器支持此方法。(2).Edge浏览器支持此方法。

更新时间:2019-10-26类型:
查看详情人气:79
JavaScript Math.sqrt()_JS教程

JavaScript Math.sqrt()_JS教程

此方法返回一个数的平方根。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.sqrt(x)参数解析:(1).x:必需,必须是大于等于0的数。浏览器兼容:(1).IE浏览器支持此方法。(2).Edge浏览

更新时间:2019-10-26类型:
查看详情人气:63
JavaScript Math.tan()_JS教程

JavaScript Math.tan()_JS教程

此方法返回指定数字的正切值。更多Math对象内容参阅JavaScriptMath对象一章节。语法结构:Math.tan(x)参数解析:(1).x:必需,必须是一个数值类型。浏览器兼容:(1).IE浏览器支持此方法。(2).Edge浏览器

更新时间:2019-10-26类型:
查看详情人气:76
Math.random()_JS教程

Math.random()_JS教程

random翻译成汉语有随机的意思。恰如其名,Math.random方法可以生成一个随机数。返回的随机数介于0-1之间。特别说明:返回值不包括1,也就是返回值是大于等于0小于1。更多Math对象内容参阅JavaScriptMath对象一

更新时间:2019-10-26类型:
查看详情人气:51
jQuery单行新闻标题向上滚动详解_特效教程

本章节分享一段代码实例,它实现了单条新闻公告垂直轮播效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:52
新信息提醒标题闪动详解_特效教程

当用户有新的信息提醒的时候,有时候会在标题栏中有闪动效果,非常的醒目,是很人性化的一个举措。下面就介绍一下jQuery如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:71
JavaScript将时间戳转换为年月日格式_特效教程

JavaScript中,时间戳是从1970年一月一日(00:00:00GMT)至当前时间的毫秒数。获取时间戳的方式:vardate=newDate()date.getTime()通过使用getTime()可以获得时间戳。下面是一段代

更新时间:2019-10-26类型:
查看详情人气:81
CSS3旋转加载等待效果_特效教程

如果网站需要加载的内容较多,浏览者打开页面可能会出现长时间卡顿或者大量内容暂时无法显示的现象。这是非常差的用户体验,用户很可能误以为页面出现加载问题,导致潜在用户的流失。较为人性化的网站通常暂时显示一个替代内容,用户提示浏览者,页面正在加载

更新时间:2019-10-26类型:
查看详情人气:131
JavaScript表格排序详解_特效教程

表格是用来组织数据的,如果数量比较大,并且数据种类众多的时候,如果能够按照某种规则进行排序,那么可能会有利于使用者查看对比数据,下面就是一段能够实现此功能的代码实例。代码如下:

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript抽奖效果详解_特效教程

关于更多的抽奖特效可以参阅抽奖特效分区。下面分享一段简单的抽奖效果代码,并详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:107
Object.is()方法_ES6教程

Object.is()方法_ES6教程

Object.is方法用来判断两个值是否相同。如果两个参数相等,方法返回true,否则返回false。ES2015新增此方法。语法结构:Object.is(value1,value2)参数解析:(1).value1:必需,要判断是否相等的

更新时间:2019-10-26类型:
查看详情人气:53
window.screenY_JS教程

此属性可以返回浏览器的上边缘距离显示器屏幕上沿的距离。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构:window.screenY浏览器支持:(1).IE9+浏览器支持此属性。(2).edge浏览器支持

更新时间:2019-10-26类型:
查看详情人气:48
location.search_JS教程

location对象代表当前URL,自然包含了当前URL的相关信息。大家知道编程语言中,属性或者方法的名称通常都是与其功能相关联的,也就是要做到名副其实。search翻译成汉语具有搜索和查询的意思。location.search属性的功能用

更新时间:2019-10-26类型:
查看详情人气:45
window.top_JS教程

此属性可以返回最顶层的祖先窗口。如果窗口是个框架,那么此属性返回引用包含此框架的顶层窗口。属性名称top也从侧面印证了它的功能。更多关于window内容参阅JavaScriptwindow对象一章节。语法结构:window.top浏览器

更新时间:2019-10-26类型:
查看详情人气:43
Object.defineProperties()_JS教程

Object.defineProperties()_JS教程

Object.defineProperty方法一次只能为对象添加或者修改一个属性。在实际应用中,可能需要进行批量操作,Object.defineProperties可以实现。使用方法基本与Object.defineProperty方法相同。

更新时间:2019-10-26类型:
查看详情人气:26
JavaScript alert()_JS教程

JavaScript alert()_JS教程

alert方法会显示一个带有指定信息内容的警告框。它通常用于提示用户当前的操作具有一定的非恰当性或者危险性。特别说明:window对象方法都可以直接使用,无需使用window对象调用。更多关于window内容参阅JavaScriptwin

更新时间:2019-10-26类型:
查看详情人气:31
JavaScript confirm()_JS教程

调用此方法会弹出一个带有指定文本内容和两个按钮的框。两个按钮分别是确定按钮和取消按钮。从方法的名称可以看到,它的作用通常是用来让用户确定是否要执行某些操作。点击确定按钮,返回true,通常意味着确定要执行某些操作,点击取消按钮,返回fals

更新时间:2019-10-26类型:
查看详情人气:31
jQuery双色器随机选号_特效教程

下面分享一段代码实例,它实现了点击按钮可以实现双色球随机选号功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:87
CSS3开关按钮代码实例_特效教程

CSS3开关按钮代码实例_特效教程

本章节分享一段代码实例,它使用css3实现了开关按钮效果。代码和网上实用的相比相对粗陋一点,但是完全能够演示它实现的原理。需要的朋友可以做一下参考,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:86
CSS三角形效果详解_特效教程

CSS三角形效果详解_特效教程

实现三角形效果的方式可能有很多,下面介绍一下利用元素border边框实现此效果。原理极为简单,如果一个元素width和height为0,那么边框最终会呈现三角形。截图如下:白色的部分是尺寸,带有颜色的是边框,尺寸等于0的时候,四边的边框分别

更新时间:2019-10-26类型:
查看详情人气:76
JavaScript reduceRight()_JS教程

JavaScript reduceRight()_JS教程

reduceRight方法与reduce方法的用法几乎一模一样。唯一的区别是reduceRight方法按照数组索引降序方式累计。下面结合代码实例对它进行一下详细分析。更多内容可以参阅JavaScriptArray数组一章节。ES5新增此

更新时间:2019-10-26类型:
查看详情人气:65
Object.isFrozen()_JS教程

Object.isFrozen()_JS教程

Object.isFrozen()方法可以判断一个对象是否已经被冻结。被冻结对象有如下特点:(1).对象不可扩展,也就是不能再为对象添加新的属性或者方法。(2).对象已有属性不能被删除。(3).对象的特性也不能被修改关于属性特性参阅conf

更新时间:2019-10-26类型:
查看详情人气:40
正则表达式 {n,m}量词_正则教程

正则表达式 {n,m}量词_正则教程

{n,m}量词重复前一项匹配至少n次,但是不能够超过m次。采用贪婪匹配模式,也就是尽可能多的匹配内容,比如能重复5次,绝对不重复4次。虽然尽可能多,但是还是有限度的,也就是不能超过m次,当然也不能少于n次。关于贪婪匹配模式可以参阅正则表达式

更新时间:2019-10-26类型:
查看详情人气:69
正则表达式 global属性_正则教程

正则表达式 global属性_正则教程

此属性可以判断正则表示是否采用全局匹配,也就是是否使用g修饰符。如果是全局匹配,那么此属性返回true,否则返回false。关于g修饰符可以参阅正则表达式g修饰符一章节。语法结构:RegExpObject.global浏览器支持:(1).

更新时间:2019-10-26类型:
查看详情人气:246
正则表达式 ignoreCase属性_正则教程

正则表达式 ignoreCase属性_正则教程

此属性可以检测正则表达式是否采用i修饰符,也就是是否忽略大小写。如果采用i修饰符,那么此属性返回true,否则返回false。关于i修饰符可以参阅正则表达式i修饰符一章节。语法结构:RegExpObject.ignoreCase浏览器支

更新时间:2019-10-26类型:
查看详情人气:94
Object.isSealed()_JS教程

Object.isSealed()_JS教程

Object.isSealed方法可以判断一个对象是否是密封的。被密封对象的特点如下:(1).对象不可扩展,也就是不能够添加新的属性或者方法。(2).对象的已有属性不能被删除。(3).对象自有属性特性不可以重新配置,如果属性原本是可写的,那

更新时间:2019-10-26类型:
查看详情人气:53
Object.isExtensible()_JS教程

Object.isExtensible()_JS教程

此方法可以判断对象是否是可以扩展的。也就是判断是否可以为对象添加新的属性。返回值是布尔型,true,说明可以添加,false,说明不能添加。可以通过Object.preventExtensions方法将对象设置为不可扩展。更多内容可以参阅J

更新时间:2019-10-26类型:
查看详情人气:58
Object.defineProperty()_JS教程

Object.defineProperty()_JS教程

JavaScript中,创建对象、为对象添加属性或者修改属性值是极为简单基础的操作。代码实例如下:letantzone={webName:"Downzz.com",url:"http://www.downzz.com",age:4

更新时间:2019-10-26类型:
查看详情人气:49
JavaScript propertyIsEnumerable()_JS教程

JavaScript propertyIsEnumerable()_JS教程

propertyIsEnumerable方法的功能从它名称就可以猜测一二。名称是一个合成词,由property(属性)、Is(是)和Enumerable(可枚举)。由此可以猜测此方法功能很可能是用于判断属性的可枚举性。事实也是如此,pro

更新时间:2019-10-26类型:
查看详情人气:62
正则表达式RegExp.input_正则教程

正则表达式RegExp.input_正则教程

此属性可以返回供正则表达式匹配的完整字符串。特别说明:静态属性,也就是说input的调用者是RegExp构造函数(类)本身,而不是对象实例。此属性也可以表示成$_。语法结构:RegExp.input浏览器支持:(1).IE浏览器支持此属性。

更新时间:2019-10-26类型:
查看详情人气:66
JavaScript find()方法_ES6教程

JavaScript find()方法_ES6教程

find是检索或者查找的意思,find方法功能恰如其名。此方法可以检索数组中满足指定条件的第一个元素。如果检索到满足条件的元素,那么返回此元素,否则返回undefined。检索数组的条件是由find的回调函数规定的,后面会有详细的代码演示。

更新时间:2019-10-26类型:
查看详情人气:40
.htaccess 多域名访问_Rewrite重写

如果所使用的主机不支持多域名,那么使用Rewrite重写可以模拟实现。假设有如下两个域名需要绑定到不同的目录实现多域名访问:(1).www.a.com。(2).www.b.com所要绑定的文件夹分别为a和b,代码实例如下:RewriteCo

更新时间:2019-10-26类型:
查看详情人气:86
CSS3对勾效果详解_特效教程

分享一段代码实例,它利用css3实现了对勾效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:81
div 水平垂直 居中_特效教程

div元素水平居中效果在实际应用中非常常见。下面通过一段代码实例详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:89
HTML 表单概述_HTML教程

网页不可能全部是纯展览型,没有任何的交互功能,绝大多数的网站都有表单元素的使用。表单提供了一个浏览者和网站交互的途径,比如用户注册,用户留言等功能。代码实例: 更新时间:2019-10-26类型:

查看详情人气:104
HTML 块级元素和内联元素_HTML教程

一.块级元素:块级元素一般当做容器使用,既可以容纳内联元素也可以容纳块级元素,例如div和p。默认状态下,块级元素总是占据一整行,除非使用CSS控制。使用display:inline可以把块级元素转换成内联元素。块级元素的特点:(1).块级

更新时间:2019-10-26类型:
查看详情人气:69
剩余运算符与展开运算符的区别_ES6教程

剩余运算符与展开运算符的区别_ES6教程

本文介绍一下ES2015新增剩余运算符与展开运算符之间的区别。通常运算符之间的区别是非常明显的,从"长相"就可以很容易区分。首先看一段代码实例:leta=5,b=2;console.log(a-b);console.log(a+b);

更新时间:2019-10-26类型:
查看详情人气:194
JavaScript 剩余运算符_ES6教程

JavaScript 剩余运算符_ES6教程

JavaScript剩余运算符使用三个点(...)构成,很多教程称之为剩余参数,本站认为非常不妥。参数是函数参数上下文中的一个名词,但是剩余运算符并非只用在函数参数上下文,在函数中通过剩余运算符可以构成剩余参数,但是不能说所有剩余运算符构成

更新时间:2019-10-26类型:
查看详情人气:83
正则表达式 竖杠|选项_正则教程

正则表达式 竖杠|选项_正则教程

先抛开正则不谈,选项是一个大家都很熟悉的概念,生活工作学习中也是无处不在。比如常见的一个场景是,考试中的选择题,有的是多选题,有的是单选题。正则表达式中,也有选项概念,下面通过代码代码实例详细进行介绍。语法结构:/a|b/解析如下:(1).

更新时间:2019-10-26类型:
查看详情人气:89
JavaScript getHours()_JS教程

此方法获取客户端当前时间的小时。返回值是介于0到23之间的一个整数。特别说明:此方法需要Date对象实例调用。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.getHours()浏览器兼容:(1)

更新时间:2019-10-26类型:
查看详情人气:48
JavaScript getYear()_JS教程

JavaScript getYear()_JS教程

此方法可以获取客户端当前日期的年份。但是当前并不推荐使用此方法,往往获取的并非我们所期望。返回的值不总是4位的数字,对于介于1900与1999之间的年份,仅返回两位数字。对于1900之前或1999之后的年份,则返回4位数字。特别说明:此方法

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript getMinutes()_JS教程

此方法返回客户端当前时间的分钟。返回值是介于0到59之间的一个整数。特别说明:此方法需要Date对象实例调用。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.getMinutes()浏览器兼容:(

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript getSeconds()_JS教程

此方法可以获取客户端当前时间的秒。返回值是介于0到59之间的一个整数。特别说明:此方法需要Date对象实例调用。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.getSeconds()浏览器兼容:

更新时间:2019-10-26类型:
查看详情人气:48
JavaScript getMilliseconds()_JS教程

此方法返回客户端当前时间的毫秒。返回值是介于0到999之间的一个整数。特别说明:此方法需要Date对象实例调用。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.getMilliseconds()浏

更新时间:2019-10-26类型:
查看详情人气:52
JavaScript getTime()_JS教程

此方法返回当前时间距1970年1月1日之间的毫秒数,也就是时间戳。特别说明:此方法需要Date对象实例调用。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.getTime()浏览器兼容:(1).I

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript getMonth()_JS教程

此方法返回客户端当前日期的月份。返回值是0-11之间的数字,分别对应1月-12月。特别说明:此方法需要Date对象实例调用。更多内容可以参阅JavaScriptDate对象一章节。语法结构:dateObject.getMonth()浏览

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript getDay()_JS教程

此方法可以获取当前日期的周。返回值是介于0~6之间的一个整数,分别用来表示一周的七天。返回值与周对应关系如下:0、1、2、3、4、5、6。周日、周一、周二、周三、周四、周五、周六。特别说明:此方法需要Date对象实例调用。更多内容可以参

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript Date()_JS教程

JavaScript Date()_JS教程

此函数可以返回客户端当前时间日期字符串。更多内容可以参阅JavaScriptDate对象一章节。语法结构:Date()浏览器兼容:(1).IE浏览器支持此函数。(2).edge浏览器支持此函数。(3).谷歌浏览器支持此函数。(4).火狐

更新时间:2019-10-26类型:
查看详情人气:61
Object.keys()_JS教程

Object.keys()_JS教程

对象和数组都是键值对集合,不同的是,对象是无序键值对集合,数组是有序键值对集合。数组中的键是数组的索引,对象的键是对象的属性名称。代码实例如下:letantzone={webName:"Downzz.com",age:4,address:

更新时间:2019-10-26类型:
查看详情人气:68
Object.preventExtensions()_JS教程

Object.preventExtensions()_JS教程

Object.preventExtensions方法可以设置一个对象为不可扩展。也就是不能再为此对象添加新的属性或者方法。方法返回值是对象本身。更多内容可以参阅JavaScriptObject对象一章节。ES5新增此方法。语法结构:Ob

更新时间:2019-10-26类型:
查看详情人气:53
Object.seal()_JS教程

Object.seal()_JS教程

此方法可以将对象密封起来。密封对象的特点如下:(1).对象不可扩展,也就是不能够添加新属性。(2).对象的现有属性被设置为不可配置,也就是configurable属性值为true。(3).如果对象的属性是可写的,那么属性值可写。(4).对象

更新时间:2019-10-26类型:
查看详情人气:49
JavaScript setMonth()_JS教程

JavaScript setMonth()_JS教程

此方法用于设置月份。返回值是时间日期的时间戳。更多内容可以参阅JavaScriptDate对象一章节。特别说明:此方法需要Date对象实例调用。语法结构:dateObject.setMonth(month,day)参数解析:(1).mo

更新时间:2019-10-26类型:
查看详情人气:68
JavaScript Date.parse()_JS教程

JavaScript Date.parse()_JS教程

此方法可以解析指定的时间日期字符串,然后返回此时间日期的时间戳。更多Date对象内容参阅JavaScriptDate对象一章节。语法结构:Date.parse(datestring)参数解析:(1).datestring:必需,表示日期

更新时间:2019-10-26类型:
查看详情人气:71
正则表达式 y修饰符_正则教程

正则表达式 y修饰符_正则教程

y修饰符规定正则表达式必须从lastIndex规定的位置开始进行匹配。也就是说,如果开始匹配的位置不是从lastIndex规定位置开始,匹配失败,不再继续尝试。上述的讲述或许还不能让您理解此修饰符的作用,不用担心,后面有详细代码实例演示。关

更新时间:2019-10-26类型:
查看详情人气:61
正则表达式 sticky属性_正则教程

正则表达式 sticky属性_正则教程

此属性用来检测正则表达式是否使用y修饰符。如果使用,则返回true,否则返回false。关于y修饰符可以参阅正则表达式y修饰符一章节。ES2015新增此属性。语法结构:RegExp.sticky浏览器支持:(1).IE9+浏览器支持此属性。

更新时间:2019-10-26类型:
查看详情人气:73
JavaScript setDate()_JS教程

JavaScript setDate()_JS教程

此方法用于设置月份中的天。返回值是时间日期的时间戳。更多内容可以参阅JavaScriptDate对象一章节。特别说明:此方法需要Date对象实例调用。语法结构:dateObject.setDate(day)参数解析:(1).day:必需

更新时间:2019-10-26类型:
查看详情人气:90
JavaScript 关键字和保留字_JS教程

在JavaScript中,保留字和关键字不能够用作标识符,也就是不能用作变量或者函数的名称。一.JavaScript关键字:关键字是在JavaScript已经被规定为具有特殊功能的字,比如用于表示控制语句的开始或结束等。关键字的内容并不是一

更新时间:2019-10-26类型:
查看详情人气:133
JavaScript数字上下翻动变化详解_特效教程

分享一段代码实例,它实现了数字上下翻动变化效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:111
HTML <iframe>标签_HTML教程

此标签用于创建一个行内框架,可以引入外部的网页文档。之间可以包含文本,不过这些内容是当浏览器不支持此标签时才会显示。代码实例: 更新时间:2019-10-26类型:

查看详情人气:87
flex结合媒体查询布局代码_布局案例

关于flex弹性布局可以参阅display:flex弹性布局一章节。下面分享一段代码实例,它不但使用了弹性布局,而且利用了媒体查询功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:84
flex圣杯布局代码实例_布局案例

关于flex弹性布局可以参阅display:flex弹性布局一章节。下面分享一个页面布局中比较常见的一个模式,圣杯布局。代码实例如下:

更新时间:2019-10-26类型:
查看详情人气:97
table表头分组代码实例_布局案例

表格组织数据非常便利,有时候分类比较复杂,比如大的分类中还包括小的分类。下面就分享一段类似功能的代码实例。代码如下: 更新时间:2019-10-26类型:

查看详情人气:67
table表格细线且去掉外边框效果_布局案例

分享一段代码实例,它实现实现了细线表格,而且去掉了外边框。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:67
TypeScript 索引类型_TS教程

TypeScript 索引类型_TS教程

索引类型查询操作符keyof可以获取操作数的可访问索引字符串字面量类型。关于keyof可以参阅TypeScriptkeyof用法一章节。代码实例如下:interfaceAntzone{webName:string;age:numb

更新时间:2019-10-26类型:
查看详情人气:144
TypeScript keyof 用法_TS教程

TypeScript keyof 用法_TS教程

keyof是索引类型查询操作符。假设T是一个类型,那么keyofT产生的类型是T的属性名称字符串字面量类型构成的联合类型。特别说明:T是数据类型,并非数据本身。代码实例如下:interfaceItest{webName:string;a

更新时间:2019-10-26类型:
查看详情人气:128
css3气泡动态上升效果_特效教程

分享一段代码实例,它实现了气泡上升效果。虽然上升的东西不像是气泡,但是动作已经非常相像了,只要稍微修改一下即可。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:136
CSS3图片拉近放大效果_特效教程

分享一段代码实例,它实现了鼠标悬浮图片,拉近放大效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:87
表格td单元格合并_布局案例

在使用table表格组织数据的时候,可能出于分类或者便利等原因,需要将某些单元格合并起来,下面就分享一个这样的代码实例,并简单介绍一下它的实现原理。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:53
三行三列布局_布局案例

相当多网站的总体布局在横向上分为左中右三列,在纵向上分为上中下三行。如何实现上中下三行可以参阅一列居中宽度自适应布局一章节。如何实现左中右三列可以参阅三列宽度自适应布局一章节。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:85
HTML <span>标签_HTML教程

元素作用是对一些文本进行修饰。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:150
HTML <hr>水平线标签_HTML教程

可以绘制一条水平线。它是一个自闭和标签,在HTML5规范中,可以省略斜杠。hr的英文全称是horizon(水平线)。代码实例: 更新时间:2019-10-26类型:

查看详情人气:77
HTML 文本格式化元素_HTML教程

文本格式化元素,就是通过标签自身的天然属性给文本一定的格式化效果。一.加粗效果:使用和标签可以使文本加粗,起到强调作用。 更新时间:2019-10-26类型:

查看详情人气:76
HTML p元素_HTML教程

在HTML中,使用p标签来标记一段文字。段落标签会自动换行,并且段落与段落之间有一定的空隙。代码实例: 更新时间:2019-10-26类型:

查看详情人气:82
正则表达式 ??重复量词_正则教程

正则表达式 ??重复量词_正则教程

此匹配量词由两个问号构成。单个问号也是匹配量词,能够重复前一项匹配0次或者1次。具体参阅正则表达式?量词一章节。在匹配量词的右侧再添加一个问号,就构成惰性匹配量词。很自然??与?相比,它采用惰性匹配模式,惰性匹配可以参阅正则表达式惰性匹

更新时间:2019-10-26类型:
查看详情人气:78
JavaScript some()_JS教程

JavaScript some()_JS教程

some结合every方法一起学习有助于理解,ES5新增此方法。两个方法的用法和区别如下:(1).some方法用于判断数组中是否有满足指定条件的元素。(2).every方法用于判断数组元素是否全部满足指定条件。some方法的详细用法后面会通

更新时间:2019-10-26类型:
查看详情人气:67
正则表达式 flags属性_正则教程

正则表达式 flags属性_正则教程

此属性可以返回正则表达式修饰符。关于正则表达式修饰符可以参阅正则表达式修饰符一章节。ES2015新增此属性。语法结构:RegExp.flags浏览器支持:(1).IE9+浏览器支持此属性。(2).edge浏览器支持此属性。(3).火狐浏览器

更新时间:2019-10-26类型:
查看详情人气:92
正则表达式修饰符_正则教程

正则表达式修饰符_正则教程

正则表达式修饰用来规定正则表达式执行匹配的一些方式。首先看一段代码实例:letstr="antzone";letreg=/ANT/i;console.log(str.match(reg));代码运行效果截图如下:正则表达式规定匹配模

更新时间:2019-10-26类型:
查看详情人气:64
正则表达式 {n,}?重复量词_正则教程

正则表达式 {n,}?重复量词_正则教程

{n,}是匹配量词,它会重复前面匹配内容n次或者更多次,会尽可能多的匹配。在{n,}的右侧添加一个问号(?)同样也是一个重复量词,但是他是惰性重复量词。也就是它也可以重复前面匹配内容n次或者更多,但尽可能少重复前面的内容,能重复n次绝不重复

更新时间:2019-10-26类型:
查看详情人气:87
vw移动端适配_移动教程

使用rem为单位进行适配的目的是为了得到一个与屏幕宽度相关的单位,比如1rem=device-width/10,1rem等于十分之一屏幕宽度。其实vw更加合适,1vw等于百分之一的屏幕宽度,随着软硬件设备的更新,现在可以考虑利用vw来实现适

更新时间:2019-10-26类型:
查看详情人气:88
SCSS &父选择器标识符_SCSS教程

关于选择器嵌套可以参阅scss嵌套规则一章节。在使用选择器嵌套的时候有一种情况需要特别注意,先看一段代码实例:articlea{color:blue;:hover{color:red}}也许写此段代码目的是为了将其编译成如下

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript密码强度等级详解_特效教程

本章节分享一段代码实例,它实现了当输入密码的时候,能够提示密码强度等级效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:91
JavaScript点击按钮返回底部详解_特效教程

更多关于返回顶部底部的特效代码可以查看返回顶部板块。下面就分享一段能够返回底部的代码实例,并详细介绍一下它的实现过程。代码实例如下:<

更新时间:2019-10-26类型:
查看详情人气:73
纯css tab选项卡代码实例_特效教程

通常情况下,选项卡效果需要配合js才能够实现,具体可以参阅javascripttab选项卡效果详解一章节。其实通过纯css也是能够实现的,下面就分享一段这样的代码,并给出详细的介绍。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:80
css横向导航栏制作流程详解_特效教程

制作简单横向导航栏是前端人员必须要掌握的技能,对于有经验的人可以说是轻松加愉快的事情,但对于新手则未必如此,下面就通过代码实例介绍一下此效果的实现过程。代码如下: 更新时间:2019-10-26类型:

查看详情人气:98
CSS流程分步代码详解_特效教程

分享一段代码实例,它利用css实现了流程进度效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:84
DOM文档树介绍_HTML教程

DOM文档树介绍_HTML教程

不少前端文章中都有domtree(也就是文档树)概念的涉及。下面再结合图示简单介绍一下。DOM解析:DOM是DocumentObjectModel(文档对象模型)的缩写。它定义HTML文档或者XML文档的逻辑结构或者编程接口。文档逻辑

更新时间:2019-10-26类型:
查看详情人气:63
正则表达式 {n,m}?量词_正则教程

正则表达式 {n,m}?量词_正则教程

{n,m}是正则表达式重复量词。在重复量词的右侧添加问号,就会构成惰性重复量词。关于惰性匹配可以参阅正则表达式惰性匹配一章节。{n,m}?惰性匹配量词可以重复n-m次前面匹配的字符。在保证整个正则表达式匹配成功的前提下,会尽可能少的重复,最

更新时间:2019-10-26类型:
查看详情人气:71
正则表达式 exec()_正则教程

正则表达式 exec()_正则教程

此方法在功能上与match方法非常相似,可以检索字符串中与正则匹配的内容。当然两个方法的区别也比较明显,具体参阅match()与exec()区别一章节。关于match方法的基本用法可以参阅正则表达式match()一章节。exec方法返回一个

更新时间:2019-10-26类型:
查看详情人气:61
正则表达式惰性匹配_正则教程

正则表达式惰性匹配_正则教程

生活中有一种比较达观的生活方式,知足常乐,不贪婪,目的不在于利益最大化。当然如果从消极的眼光看待上面的生活态度,那就是懒惰,不思进取。上面的生活态度可以类比正则表达式的惰性匹配。惰性匹配确实比较“懒惰”,它会尽可能少的去匹配字符串中的内容,

更新时间:2019-10-26类型:
查看详情人气:69
正则表达式贪婪匹配_正则教程

正则表达式贪婪匹配_正则教程

有寡欲之人,必有贪婪之徒。从正面来讲,清心寡欲是一种达观豁达的生活态度,但从另一个角度来看,未免失之消极。相同的道理,贪婪从另一个角度观察,未尝不是积极向上的表现,尤其是作为年轻人的我们。寡欲也好,贪婪也罢,一切的关键在于必须遵守规则底线。

更新时间:2019-10-26类型:
查看详情人气:91
JavaScript forEach()_JS教程

JavaScript forEach()_JS教程

forEach方法功能几乎和map方法一模一样。关于map方法可以参阅JavaScriptmap()方法一章节。两者区别如下:(1).forEach方法是ES3新增,map方法是ES5新增。(2).forEach方法返回值为undefin

更新时间:2019-10-26类型:
查看详情人气:68
CSS 外边距合并_CSS教程

关于外边距的基本用法可以参阅CSSmargin外边距一章节。满足指定条件,外边距会出现合并现象。通俗的讲,外边距合并就是相邻的两个或者多个外边距只会产生一个外边距的效果。下面就通过代码实例来介绍一下出现外边距合并现象的条件,和如何消除外边

更新时间:2019-10-26类型:
查看详情人气:62
正则表达式 点(.)元字符_正则教程

正则表达式 点(.)元字符_正则教程

点(.)元字符比较任性,它几乎可以匹配任意字符。但是任性也是有限度的,总有几个厉害的角色是它不能制服的。此元字符不能够匹配回车符(\r)和换行符(\n)。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp

更新时间:2019-10-26类型:
查看详情人气:197
谷歌浏览器审查编辑DOM元素_谷歌工具

谷歌浏览器审查编辑DOM元素_谷歌工具

一.检查元素:打开谷歌开发者工具Elements面板,下面会显示对应网页的DOM结构。效果截图如下:点击箭头可以展开折叠的节点,并且可以对诸多元素进行编辑,以观察网页的效果。上面是针对整个页面,如果要专注于页面中的某一个元素,可以使用谷歌开

更新时间:2019-10-26类型:
查看详情人气:95
CSS 负外边距_CSS教程

CSS 负外边距_CSS教程

margin属性用来设置元素的外边距。关于它的基本用法可以参阅CSSmargin外边距一章节。外边距应用代码片段如下:div{width:150px;height:150px;margin:10px20px30px40px;}上

更新时间:2019-10-26类型:
查看详情人气:77
同源策略详解_同源策略

同源策略详解_同源策略

同源策略最初由网景公司添加到浏览器,当前所有的浏览器都支持此功能。初始的功能是为了限制非同域网页之间cookie的访问,例如a.html页面无法访问非同域的b.html页面的cookie。两个网页同源需要满足以下三个条件:(1).协议相同。

更新时间:2019-10-26类型:
查看详情人气:78
rewrite实现目录之间的跳转_Rewrite重写

通过rewrite重写可以实现两个链接之间的跳转。现在很多链接实现了目录,下面分享一段代码实例,它实现两个目录之间跳转的功能。代码如下:RewriteCond$1codedown/type-162-1/RewriteRule^(.*

更新时间:2019-10-26类型:
查看详情人气:106
SCSS 嵌套属性_SCSS教程

使用scss不但可以实现选择器的嵌套,属性也可以进行嵌套。首先看一段代码实例:nav{border-style:solid;border-width:1px;border-color:#ccc;}上面是一个最为普通的css代码,它

更新时间:2019-10-26类型:
查看详情人气:0
SCSS 嵌套规则_SCSS教程

在编写css代码的时候,可能由于嵌套的原因,需要多次重复书写选择器。代码如下:#contentarticleh1{color:#333}#contentarticlep{margin-bottom:1.4em}#

更新时间:2019-10-26类型:
查看详情人气:0
ajax与XML文件交互_AJAX教程

通过ajax可以与XML文件进行相互交互。最为典型的应用就是读取XML文件的内容,下面就通过代码实例做一下介绍。代码如下: 更新时间:2019-10-26类型:

查看详情人气:95
JSON 属性必须用双引号_JSON教程

首先强调一点,这里所说的JSON格式数据,并不是指JavaScript对象直接量。关于这方面内容可以参阅是否存在JSON对象一章节。JSON格式数据有严格的语法规定,属性必须由双引号包裹。下面看几段代码实例:letjsonStr={"

更新时间:2019-10-26类型:
查看详情人气:71
JavaScript 展开运算符_ES6教程

JavaScript 展开运算符_ES6教程

展开运算符用三个点(...)表示。很多文章将其称作为扩展运算符,但是从它的功能上看称作展开运算符更加合理。此运算符是ES2015新增。首先看一段代码实例,体会一下它的作用:letarr=["Downzz.com",6,"softw

更新时间:2019-10-26类型:
查看详情人气:74
CSS3动态月食效果详解_特效教程

本章节分享一段代码实例,它利用CSS3实现了动态的月食效果。动画其实比较简单简短,需要的朋友可以自行做一下分析,这里就不多介绍了。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:82
中英文切换导航菜单实现详解_特效教程

分享一段代码实例,它实现了鼠标悬浮中英文切换效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:74
CSS三级下拉导航菜单详解_特效教程

本章节分享一段使用css实现的三级下拉导航菜单效果。并且详细介绍一下它的实现过程,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:82
三列布局中间宽度自适应_布局案例

三列布局的页面效果很多,为了适应不同的分辨率,通常两边的列宽度固定,中间宽度自适应。首先看代码实例: 更新时间:2019-10-26类型:

查看详情人气:79
RegExp.leftContext_正则教程

RegExp.leftContext_正则教程

此属性与RegExp.rightContext属性的使用方式非常类似。leftContext是一个静态属性,直接使用RegExp对象(类)引用,而不是RegExp的对象实例。它可以返回正则表达式最后一次匹配前面(左边)的内容。特别说明:Re

更新时间:2019-10-26类型:
查看详情人气:77
Object.getOwnPropertyNames()_JS教程

Object.getOwnPropertyNames()_JS教程

此方法可以获取对象的属性名称,并存储在数组中。返回值是存放属性名称的数组。特别说明:必须是自有属性,自有属性就是非原型链继承的属性。更多内容参阅JavaScriptObject对象一章节。语法结构:Object.getOwnProper

更新时间:2019-10-26类型:
查看详情人气:69
正则表达式 g修饰符_正则教程

正则表达式 g修饰符_正则教程

此修饰符规定正则表达式执行全局匹配。g是global的缩写形式。语法结构:newRegExp("regexp","g")使用构造函数方式创建正则表达式对象。/regexp/g使用直接量方式创建。更多创建正则表达式内容参阅JavaScrip

更新时间:2019-10-26类型:
查看详情人气:88
正则表达式 \t元字符_正则教程

正则表达式 \t元字符_正则教程

\t元字符用来匹配制表符。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\\t")使用构造函数方式创建正则表达式对象。/\t/使用直接量方式创建。更多创建正则表达式内容参阅JavaScript创建

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript hasOwnProperty()_JS教程

JavaScript hasOwnProperty()_JS教程

此方法可以判断属性是否是对象的自有属性。如果是自有属性,那么返回true,否则返回false。更多内容可以参阅JavaScriptObject对象一章节。下面先解释一下什么是自有属性。代码实例如下:functionAntzone(){

更新时间:2019-10-26类型:
查看详情人气:80
JavaScript while 语句_JS教程

JavaScript while 语句_JS教程

while循环语句与dowhile语句非常类似。关于dowhile语句可以参阅JavaScriptdowhile语句一章节。dowhile语句是先do(做),再去通过while判断条件是否成立。而while是先判断条件是否成立,

更新时间:2019-10-26类型:
查看详情人气:84
JavaScript break与continue语句_JS教程

JavaScript break与continue语句_JS教程

如果想要跳出函数的执行可以使用return语句。代码实例如下:functionfunc(){return;console.log("Downzz.com");}func();代码运行效果截图如下:调用func函数,遇到return语句

更新时间:2019-10-26类型:
查看详情人气:79
Object.getPrototypeOf()_JS教程

Object.getPrototypeOf()_JS教程

此方法可以获取指定对象的原型对象。更多内容可以参阅JavaScriptObject对象一章节。关于原型对象可以参阅JavaScriptprototype原型一章节。ES5新增此方法。Object.getPrototypeOf(obje

更新时间:2019-10-26类型:
查看详情人气:61
正则表达式 i 修饰符_正则教程

正则表达式 i 修饰符_正则教程

默认情况下,字符的匹配是区分大小写的。在实际应用中,可能需要忽略大小写的区分,使用i修饰符即可实现。i是ignore的缩写。语法结构:newRegExp("regexp","i")使用构造函数方式创建正则表达式对象。/regexp/i使用

更新时间:2019-10-26类型:
查看详情人气:194
CSS 透明度_CSS教程

默认情况,元素是全透明的,文本是不透明的。但是在实际应用中,进行一些透明度的设置,比如图片半透明背景的文本说明。阅读本文后可以参阅CSS图片上面添加文字说明一文加强理解。本文将结合代码实例介绍一下CSS有哪几种方式可以实现设置透明度的功能。

更新时间:2019-10-26类型:
查看详情人气:53
JavaScript sort()_JS教程

此方法实现对数组元素的排序功能。注:此方法是对原数组的操作,并没有生成新的数组。更多关于数组内容可以参阅JavaScriptArray数组一章节。语法结构:array.sort(sortby)参数解析:sortby:可选,规定排序规则的

更新时间:2019-10-26类型:
查看详情人气:59
JavaScript every()_JS教程

JavaScript every()_JS教程

此方法可以结合some方法一起学习,ES5新增此方法。some判断数组中是否有满足指定条件的元素,任何一个元素满足条件即可。从方法名称也能猜测出它们的区别,every方法非常严格,必须保证每一个元素都满足才行。更多内容可以参阅JavaScr

更新时间:2019-10-26类型:
查看详情人气:61
Object.freeze()_JS教程

Object.freeze()_JS教程

freeze翻译成汉语有冻结的意思,此方法确实名副其实。此方法能够冻结一个对象,被冻结对象就如同一个人的银行账号被冻结类似,账号中的金钱不仅能存取,各方面信息也被禁止修改(由于作者暂未被冻结过银行账号,猜测大致如此),Object.free

更新时间:2019-10-26类型:
查看详情人气:63
Object.getOwnPropertyDescriptor()_JS教程

Object.getOwnPropertyDescriptor()_JS教程

对象的属性通常是用来描述对象的相关特性。代码实例如下:letantzone={webName:"Downzz.com",age:4,address:"青岛市南区"}上面代码中通过三个属性描述的Downzz.com网站的一些特性。(1).

更新时间:2019-10-26类型:
查看详情人气:67
HTML如何输入多个空格_HTML教程

很多html初学者往往会犯这样的错误,为了让网页显示多个空格,在编辑器连续敲击多次空格键,但是浏览器渲染结果却是不尽如人意,即使添加再多的空格也只能够显示一个空格。下面就简单介绍一下如何输入多个空格,希望能够对初学者带来一定的帮助。下面看一

更新时间:2019-10-26类型:
查看详情人气:111
HTML <label> 标签_HTML教程

此标签可以为元素添加标注;与元素关联起来,实现体验更佳的鼠标操作。比如checkbox复选框,默认直接点击复选框才能实现选中和取消选中,如果与关联起来,那么只要点击即可实现同样的功能。

更新时间:2019-10-26类型:
查看详情人气:70
CSS3开关门效果详解_特效教程

分享一段代码实例,它实现了利用CSS3实现的开关门效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:84
点击链接背景变色效果_特效教程

为了辨识度更高,最简单的方式就是将当前点击的链接背景设置的与其他不同,当再点击其他链接的时候,又会将背景色还原,下面就通过代码实例介绍一下如何实现此效果。代码如下: 更新时间:2019-10-26类型:

查看详情人气:78
jQuery弹幕效果详解_特效教程

本章节分享一段代码实例,它模拟红丝线了弹幕效果功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:84
正则表达式 \0元字符_正则教程

\0元字符用来匹配空字符,即null(NUL),等价于\u0000(Unicode十六进制编码)。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\0")使用构造函数方式创建正则表达式对象。/\0/

更新时间:2019-10-26类型:
查看详情人气:80
正则表达式 {n} 量词_正则教程

正则表达式 {n} 量词_正则教程

{n}量词可以重复前面匹配的内容n次。语法结构:newRegExp("x{n}")使用构造函数方式创建正则表达式对象。/x{n}/使用直接量方式创建。更多创建正则表达式内容参阅JavaScript创建正则表达式一章节。浏览器支持:(1).

更新时间:2019-10-26类型:
查看详情人气:80
正则表达式匹配原理_正则教程

正则表达式匹配原理_正则教程

一.正则表达式引擎:当前正则表达式引擎主要分为两种,这里不做详细介绍,可能绝大多数朋友并不关心这个。只要关心我们当前所使用的正则表达式引擎是如何工作即可。正则表达式引擎主要分类:(1).DFA(Deterministicfiniteau

更新时间:2019-10-26类型:
查看详情人气:98
正则表达式 ^元字符_正则教程

正则表达式 ^元字符_正则教程

^元字符匹配一个字符串的起始位置。以正则表达式的视角,字符串不但有字符元素,也有位置。具体可以参阅正则表达式匹配位置一章节。字符串的起始位置是字符串中多种位置之一,下面就通过代码实例做一下介绍。关于元字符概念可以参阅正则表达式元字符与普通字

更新时间:2019-10-26类型:
查看详情人气:77
正则表达式 split()方法_正则教程

正则表达式 split()方法_正则教程

split方法可以用指定字符串分隔源字符串,并生成一个数组。此方法之所以强大,是因为它的参数不但可以是普通字符串,也可以是正则表达式。参数为普通字符串的应用可以参阅JavaScriptsplit()一章节。语法结构:str.split(R

更新时间:2019-10-26类型:
查看详情人气:74
JavaScript reduce()_JS教程

JavaScript reduce()_JS教程

reduce方法具有累积计算的功能,规则单纯通过理论方式难以清晰描述。后面会通过代码实例对其进行一下详细分析。更多内容可以参阅JavaScriptArray数组一章节。ES5新增此方法。语法结构:array.reduce(callbac

更新时间:2019-10-26类型:
查看详情人气:69
.htaccess 去掉www_Rewrite重写

大多数站点都希望能够带上www,也有不少站点希望直接用主域名访问。代码实例如下:RewriteCond%{HTTP_HOST}^www\.(.*)[NC]RewriteRule^(.*)$http://%1/$1[R=301]

更新时间:2019-10-26类型:
查看详情人气:106
eval() JSON转换 小括号 () 作用_JSON教程

eval() JSON转换 小括号 () 作用_JSON教程

首先简单回顾一下eval方法的作用,它可以将其参数作为一段JavaScript代码执行。代码实例如下:console.log(eval(1+1));代码运行效果截图如下:上述代码将字符串作为一段JavaScript代码执行,进行的是算术加运

更新时间:2019-10-26类型:
查看详情人气:122
HTML <body>标签_HTML教程

标签正如其名,它是网页的身体部分。展现给浏览者的网页信息都是定义在标签之内。代码实例: 更新时间:2019-10-26类型:

查看详情人气:62
HTML H1-H6元素_HTML教程

在HTML中,共有6个级别的标签:~。标题数字越小,字体就会越大,标题的级别也就越高。标题标签的使用对于搜索引擎优化也有着比较重要的作用,这里就不具体介绍了。代码实例: 更新时间:2019-10-26类型:

查看详情人气:103
JavaScript Object 对象_JS教程

ECMAScript中其他对象(类)都是从Object对象(类)继承而来。按照C#或者Java等语言的表述,就是Object是其他所有类的基类。Object对象(类)的所有方法和属性都会被其他的对象所继承。特别说明:在ES2015之前,并没

更新时间:2019-10-26类型:
查看详情人气:77
JavaScript数字分页效果详解_特效教程

更多分页效果可以参阅分页代码模块。下面分享一个js实现的数字分页代码,并详细介绍一下它的实现过程。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:107
网页右下角弹窗详解_特效教程

众多网站有右下角弹窗效果,可以作为广告或公告之用,带有关闭按钮,非常的人性化,能够给用户带来比较良好的体验,下面通过代码实例介绍一下如何实现此效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:69
CSS3 transition-timing-function_CSS3教程

transition-timing-function属性用来设置进行动画过渡类型,也就是属性值过渡以何种曲线进行。更多关于transition内容可以参阅CSS3transition一章节。transition-timing-functi

更新时间:2019-10-26类型:
查看详情人气:76
CSS3 transition-delay_CSS3教程

transition-delay属性用来设置过渡动画执行的延迟时间。更多关于transition内容可以参阅CSS3transition一章节。语法结构:transition-delay:[,]*参数解析:(1

更新时间:2019-10-26类型:
查看详情人气:77
CSS3 transition-duration_CSS3教程

transition-duration属性用来设置动画过渡的持续时间。更多关于transition内容可以参阅CSS3transition一章节。语法结构:transition-duration:[,]*参数解

更新时间:2019-10-26类型:
查看详情人气:46
CSS3 transition-property_CSS3教程

此属性用来设置进行动画过渡的css属性。更多关于transition内容可以参阅CSS3transition一章节。语法结构:transition-property:all|none|[,

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript filter()_JS教程

JavaScript filter()_JS教程

从方法的名称大致可以猜测到它的作用是用来筛选数组元素。事实如此,filter使用回调函数对数组元素进行筛选,并将符合条件的元素存入一个新数组。更多内容可以参阅JavaScriptArray数组一章节。ES5新增此方法。语法结构:arra

更新时间:2019-10-26类型:
查看详情人气:64
正则表达式 \b元字符_正则教程

正则表达式 \b元字符_正则教程

\b元字符可以匹配字符的边界,也就是它匹配的是一个位置,而不是一个真正的字符。此位置一侧是字符,另一侧是非字符或者字符串边界(开始或者结束位置)。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。正则表达式还有其他可以匹配边界的元字符

更新时间:2019-10-26类型:
查看详情人气:111
正则表达式 lastIndex属性_正则教程

正则表达式 lastIndex属性_正则教程

lastIndex属性可以返回或者设置正则表达式新的一次匹配开始的位置。特别说明:(1).正则表达式必须执行全局匹配(g),否则lastIndex属性不会有效。(2).此属性仅对exec方法与test方法有效。关于lastIndex属性在e

更新时间:2019-10-26类型:
查看详情人气:73
CSS3 animation-timing-function_CSS3教程

animation-timing-function属性用于设置animation动画的过渡类型。更多关于animation动画可以参阅CSS3animation一章节。语法结构:animation-timing-function:line

更新时间:2019-10-26类型:
查看详情人气:53
CSS3 animation-fill-mode_CSS3教程

animation-fill-mode属性设置元素动画时间之外的状态。如果提供多个属性值,以逗号进行分隔。语法结构:animation-fill-mode:none|forwards|backwards|both;参数解析:

更新时间:2019-10-26类型:
查看详情人气:56
CSS3 animation-play-state_CSS3教程

animation-play-state属性规定动画正在运行还是暂停。更多关于animation动画可以参阅CSS3animation一章节。语法结构:animation-play-state:paused|running;参数解析:(

更新时间:2019-10-26类型:
查看详情人气:54
CSS3 animation-direction_CSS3教程

animation-direction属性用于设置animation动画是否可以反向运动。更多关于animation动画可以参阅CSS3animation一章节。语法结构:animation-direction:normal|alte

更新时间:2019-10-26类型:
查看详情人气:44
CSS3 animation-delay_CSS3教程

animation-delay属性设置animation动画开始播放的延迟时间。更多关于animation动画可以参阅CSS3animation一章节。语法结构:animation-delay:[,]*参数

更新时间:2019-10-26类型:
查看详情人气:48
CSS3 animation-duration_CSS3教程

animation-duration属性规定动画的持续时间。更多关于animation动画可以参阅CSS3animation一章节。语法结构:animation-duration:[,]*参数解析:time:规

更新时间:2019-10-26类型:
查看详情人气:64
CSS3 animation-name_CSS3教程

animation-name属性规定元素所应用的动画名称,由@keyframes规定。更多关于animation动画可以参阅CSS3animation一章节。语法结构:animation-name:keyframename|none;参

更新时间:2019-10-26类型:
查看详情人气:69
控制台debugger语句_谷歌工具

控制台debugger语句_谷歌工具

本章节简单介绍一下控制台中的debugger语句的作用,希望能够给需要的朋友带来一定的帮助。此语句可以当代码运行到当前行时候,自动停止运行,等待下一步的处理,类似于设置断点。在打开控制台的前提下,控制台会自动跳转到source面板,debu

更新时间:2019-10-26类型:
查看详情人气:125
JSON 与XML相比优点_JSON教程

关于JSON的语法规则可以参阅JSON语法规则一章节。基于自身的特点与优势,JSON成为当前应用最为广泛的数据传输格式。一.JSON与XML各自特点:在JSON之前,主要采用XML进行数据的传输,简单代码演示如下: 更新时间:2019-10-26类型:

查看详情人气:104
JavaScript map()方法_JS教程

JavaScript map()方法_JS教程

map方法遍历数组中的每一个元素,且对其执行一次回调函数。返回一个数组,新数组元素与原数组元素一一对应,值是原数组元素执行回调函数后的返回值。更多内容可以参阅JavaScriptArray数组一章节。ES5新增此方法。语法结构:arra

更新时间:2019-10-26类型:
查看详情人气:80
正则表达式 \xnn元字符_正则教程

正则表达式 \xnn元字符_正则教程

\xnn元字符用以匹配十六进制数nn规定的字符。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\xnn")使用构造函数方式创建正则表达式对象。/\xnn/使用直接量方式创建。更多创建正则表达式内容

更新时间:2019-10-26类型:
查看详情人气:172
CSS3 @keyframes_CSS3教程

CSS3中,主要有两种实现动画效果的属性:(1).transition属性。(2).animation属性。transition翻译成汉语是"过渡"的意思,它能够设置元素指定属性从一个属性值过渡到另一个属性值。由此在视觉上产生动画效果,看一

更新时间:2019-10-26类型:
查看详情人气:57
CSS3空心圆效果_特效教程

分享一段代码实例,它实现了空心圆效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:84
CSS table表格美化_特效教程

表格table虽然在布局上已经退出舞台,但是在实现表格效果方面还是非常好用的。下面就分享一个代码实例,它实现了表格美化效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:79
CSS图片上面添加文字说明_特效教程

网站搭配图片可以有效的提高美观度,那么更有可能获得浏览者的垂青。通常都会以某种形式为图片添加一些文本说明,最为常见的形式之一在图片之上添加文本。首先看一段代码实例: 更新时间:2019-10-26类型:

查看详情人气:83
CSS3 scale3d(x,y,z)_CSS3教程

CSS3 scale3d(x,y,z)_CSS3教程

关于transform变换更多内容可以参阅CSS32D/3D转换一章节。此方法用来规定元素在三维空间中的缩放功能。与二维空间的缩放相比,多了Z轴的缩放,具体可以参阅CSS3scale(x,y)一章节。语法结构:scale3d(x,y,z

更新时间:2019-10-26类型:
查看详情人气:59
JavaScript switch与if else语句的区别_JS教程

JavaScript switch与if else语句的区别_JS教程

switch和ifelse都是流程控制语句,非常相似。关于两者基本用法可以参阅以下两篇文章:(1).switch语句可以参阅JavaScriptswitch语句一章节。(2).ifelse语句可以参阅JavaScriptifel

更新时间:2019-10-26类型:
查看详情人气:85
switch不加break情况分析_JS教程

switch不加break情况分析_JS教程

关于switch语句基本用法可以参阅JavaScriptswitch语句一章节。我们知道使用break语句可以跳出整个switch语句。代码实例如下:letnum=5;switch(num){case7:console.log("数

更新时间:2019-10-26类型:
查看详情人气:133
JavaScript switch 语句_JS教程

JavaScript switch 语句_JS教程

switch是流程控制语句,与ifelse非常类似。可以根据是否满足指定的条件,来决定是否执行指定的语句。相关阅读:(1).if语句可以参阅JavaScriptifelse语句一章节。(2).两者的区别可以参阅JavaScript

更新时间:2019-10-26类型:
查看详情人气:97
JavaScript do while 语句_JS教程

JavaScript do while 语句_JS教程

dowhile是循环语句,满足指定条件可以一直循环执行下去。与while非常类似,但是以do开头,然后才是条件判断while。关于while循环语句可以参阅JavaScriptwhile语句一章节。dowhile循环语句比较“霸气”

更新时间:2019-10-26类型:
查看详情人气:97
JavaScript 字符串 length属性_JS教程

JavaScript 字符串 length属性_JS教程

length属性可以获取字符串中含有字符的数量。更多内容可以参阅JavaScriptString字符串一章节。语法结构:str.length代码实例:letstr="antzone";console.log(str.length)代

更新时间:2019-10-26类型:
查看详情人气:65
JavaScript 转义字符串_JS教程

顾名思义,所谓的转义字符就是能够改变字符原本意义的特殊字符。在实际应用中,总有一些具有特殊含义的字符无法直接输入,比如换行。这时候转义的字符的威力就得以显现,代码实例如下:console.log("网站名称:\nDownzz.com");我

更新时间:2019-10-26类型:
查看详情人气:82
JavaScript match()方法_JS教程

JavaScript match()方法_JS教程

match方法功能非常强大,尤其是配合正则表达式使用。本文只介绍参数为普通字符串的使用方式,此时match方法的返回值是存放首次匹配内容的数组。如果没有找到匹配结果,返回null。参数为正则表达式的使用方式可以参阅正则表达式match()一

更新时间:2019-10-26类型:
查看详情人气:77
JavaScript toLocaleUpperCase()_JS教程

JavaScript toLocaleUpperCase()_JS教程

此方法是用本地方式把字符串转换为大写,并返回一个新的字符串。只有少数几种语言具有地方特有的大小写转换方式,其他情况下与toUpperCase()一样。特别说明:此方法不会改变原字符串,而是产生一个新字符。更多内容可以参阅JavaScript

更新时间:2019-10-26类型:
查看详情人气:61
JavaScript toLocaleLowerCase()_JS教程

JavaScript toLocaleLowerCase()_JS教程

此方法是用本地方式把字符串转换为小写。只有少数几种语言具有地方特有的大小写转换方式,其他情况下与toLowerCase()是一样的。特别说明:此方法不会改变原字符串,而是产生一个新字符。更多内容可以参阅JavaScriptString字

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript copyWithin()方法_ES6教程

JavaScript copyWithin()方法_ES6教程

此方法可以拷贝数组内指定区间元素,然后使用拷贝的元素从指定位置开始替换。为了加深记忆,分析一下此方法的名字copyWithin,由单词copy与within。copy是拷贝的意思,within是在指定结构内部的意思。正如名称表面意思,此方法

更新时间:2019-10-26类型:
查看详情人气:61
JavaScript for in 语句_JS教程

JavaScript for in 语句_JS教程

编程语言中,语法结构的命名通常与其功能存在一定关联。从forin语句这个名称大致猜测出它的功能,for表示进行循环操作,in表示属性所在的对象。那么forin合体可以大致猜测,功能是循环遍历指定对象所具有的属性。代码实例如下:vara

更新时间:2019-10-26类型:
查看详情人气:64
JavaScript new 运算符_JS教程

使用此运算符调用构造函数可以创建一个对象实例。首先看一段代码实例:functionAntzone(){this.age=6;this.webName="Downzz.com";}varantzone=newAntzo

更新时间:2019-10-26类型:
查看详情人气:72
JavaScript firstChild属性_JS教程

此属性能够获取指定元素节点下的第一个子节点。如果元素下没有子节点,那么返回null。特别说明:(1).子节点并不一定都是元素节点,还有可能包含文本节点或者注释节点等节点。(2).空格或者换行被看做文本节点。后面会通过代码实例进行相关演示。关

更新时间:2019-10-26类型:
查看详情人气:49
RegExp.rightContext_正则教程

RegExp.rightContext_正则教程

rightContext属性是RegExp对象(类)的静态属性。直接使用RegExp引用,而不是它的对象实例。RegExp.rightContext可以返回正则表达式最后一次匹配后面(右边)的内容。与此属性相类似的是RegExp.leftC

更新时间:2019-10-26类型:
查看详情人气:82
正则表达式 search()_正则教程

正则表达式 search()_正则教程

search方法的参数可以是普通字符串,也可以是正则表达式。关于普通字符串参数的应用参阅JavaScriptsearch()一章节。语法结构:str.search(regexp)参数解析:(1).regexp:必需,正则表达式。此方法能够

更新时间:2019-10-26类型:
查看详情人气:79
Array.isArray() 方法_JS教程

Array.isArray() 方法_JS教程

此方法功能非常简单,用来判断参数是否是数组,ES5新增。如果是,返回true,否则返回false。ES5之前,判断一个变量是否是参数稍显复杂,完全是由于typeof运算符无力导致。关于typeof可以参阅JavaScripttypeo

更新时间:2019-10-26类型:
查看详情人气:49
HTML <meta>标签_HTML教程

HTML <meta>标签_HTML教程

此标签是标签中最重要的辅助标签之一。几乎任何一个在线网站的页面都有meta标签的使用,截图如下:标签包含了大量的信息,有的是提供给浏览器,有的则是提供给搜索引擎。标签的良好使用,对于一个网站是非常重要,下

更新时间:2019-10-26类型:
查看详情人气:69
HTML <!DOCTYPE>_HTML教程

此标签必须位于html文档的第一行。DOCTYPE声明不属于html标签,它是一条指令,用于告知浏览器,当前html文档使用何种规范书写。HTML4.01中的doctype需要对DTD进行引用,因为HTML4.01基于SGML。HTML5不

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript clientHeight_JS教程

JavaScript clientHeight_JS教程

此属性可以返回指定元素客户区高度,单位默认是像素。客户区高度=height属性值+padding-top+padding-bottom。clientHeight是只读属性,不能进行赋值操作。语法结构:dom.clientHeig

更新时间:2019-10-26类型:
查看详情人气:55
JavaScript localeCompare()_JS教程

此方法可以按照本地排序规则来比较两个字符串。假设我们要比较两个汉字,那么它们比较的就是拼音大小(拼音的大小规则后面会介绍)。更多字符串内容可以参阅JavaScriptString字符串一章节。语法结构:str.localeCompare

更新时间:2019-10-26类型:
查看详情人气:66
HTML 注释_HTML教程

在编写代码的时候,可能会对代码加以说明。当然这个说明不是给浏览器看的,而是便于开发者阅读。浏览器不会显示注释的内容,也不会对网页结构造成影响。注释的结构:注释是以结束,中间是注释的内容。代码实例:

更新时间:2019-10-26类型:
查看详情人气:70
cssText 属性_CSS操作

元素对象的style属性大家都比较非常熟悉,利用它可以设置或者返回CSS属性值。使用方式简单,应用频繁,代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:81
JavaScript if else 语句_JS教程

JavaScript if else 语句_JS教程

ifelse是流程控制语句,是应用最为频繁的语法结构之一。流程给控制语句通俗的讲,就是根据不同的条件做不同的事情。比如一个人只有一把子好力气,可以靠干体力活赚钱,如果有领导才能那么可以带领一个团队。如果只会编程,那就老老实实做码农,比如笔

更新时间:2019-10-26类型:
查看详情人气:74
JavaScript lastChild_JS教程

此属性可以返回指定节点的最后一个子节点。如果元素下没有子节点,那么返回null。特别说明:(1).子节点并不一定都是元素节点,还有可能包含文本、注释等节点。(2).标准浏览器中,空格或者换行被看做文本节点。后面会通过代码实例进行相关演示。语

更新时间:2019-10-26类型:
查看详情人气:77
JavaScript clientWidth_JS教程

JavaScript clientWidth_JS教程

此属性可以返回指定元素客户区宽度,单位默认是像素。客户区宽度=width属性值+padding-left+padding-right。clientWidth是只读属性,不能进行赋值操作。语法结构:dom.clientWidth图示

更新时间:2019-10-26类型:
查看详情人气:68
正则表达式 + 量词_正则教程

正则表达式 + 量词_正则教程

+量词可以重复前面匹配的字符1次或者多次。语法结构:newRegExp("x+")使用构造函数方式创建正则表达式对象。/x+/使用直接量方式创建。更多创建正则表达式内容参阅JavaScript创建正则表达式一章节。浏览器支持:(1).IE

更新时间:2019-10-26类型:
查看详情人气:71
正则表达式 * 量词_正则教程

正则表达式 * 量词_正则教程

*量词可以重复前面匹配的字符0次或者多次。语法结构:newRegExp("x*")使用构造函数方式创建正则表达式对象。/x*/使用直接量方式创建。更多创建正则表达式内容参阅JavaScript创建正则表达式一章节。浏览器支持:(1).IE

更新时间:2019-10-26类型:
查看详情人气:69
jQuery Validate限定输入数字大小的范围_Validate教程

本章节介绍一下如何设置输入数字的大小范围。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:106
jQuery Validate限定输入字符串的长度_Validate教程

本章节介绍一下如何利用Validate限定文本框中字符输入的长度。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:89
meta viewport 详解_移动教程

首先看一个简短的代码实例:上面代码将视口的宽度设置为640px;用来控制移动端viewport视口。关于view

更新时间:2019-10-26类型:
查看详情人气:66
TypeScript 函数重载_TS教程

所谓函数重载就是同一个函数,根据传递的参数不同,会有不同的表现形式。JavaScript本身是没有重载这个概念,不过可以模拟实现。代码实例如下:functionfunc(){if(arguments.length==0){alert(

更新时间:2019-10-26类型:
查看详情人气:137
console.table()方法_谷歌工具

console.table()方法_谷歌工具

咱们这里就不再累赘介绍什么是控制台等概念了。一般关注console.table()函数的话对控制台概念都会有所了解,下面直接介绍一下console.table()函数的用法。此函数可以将某些复合型的数据以表格形式展现。varsite=

更新时间:2019-10-26类型:
查看详情人气:80
console.log() 方法_谷歌工具

console.log() 方法_谷歌工具

方法用于在控制台输出信息,代码实例如下:console.log("Downzz.com");它可以接受多个参数,将它们的结果连接起来输出:console.log(Downzz.com,青岛市南区,4)每一个console.log()执行

更新时间:2019-10-26类型:
查看详情人气:70
JavaScript 数组includes()_ES6教程

JavaScript 数组includes()_ES6教程

ES2015之前,由于没有内置的相关方法,判断数组是否包含指定元素要繁琐一些。只能通过遍历的方式逐一比对,代码实例如下:letarr=[1,2,3,4];functionisHave(ele,arr){for(letindex=0;

更新时间:2019-10-26类型:
查看详情人气:58
正则表达式 \w 元字符_正则教程

正则表达式 \w 元字符_正则教程

\w元字符用来匹配单词字符,等价于"[a-zA-Z0-9_]"。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\\w")使用构造函数方式创建正则表达式对象。/\w/使用直接量方式创建。更多创建正则

更新时间:2019-10-26类型:
查看详情人气:76
正则表达式 \W元字符_正则教程

正则表达式 \W元字符_正则教程

\W(大写)用来匹配非字母数字,它等价于[^a-zA-Z0-9_]。功能恰好与元字符\w相反,注意w的大小写。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\\W")使用构造函数方式创建正则表达式

更新时间:2019-10-26类型:
查看详情人气:104
正则表达式 \s 元字符_正则教程

正则表达式 \s 元字符_正则教程

\s元字符可以匹配空白符。空白符可以包括空格符、制表符、回车符、换行符、垂直换行符和换页符。它的功能与\S元字符相反,注意s的大小写。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:RegExp("\\s")使用构造函数方

更新时间:2019-10-26类型:
查看详情人气:96
正则表达式 \n 元字符_正则教程

正则表达式 \n 元字符_正则教程

\r元字符匹配回车符。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\\r")使用构造函数方式创建正则表达式对象。/\r/使用直接量方式创建。更多创建正则表达式内容参阅JavaScript创建正

更新时间:2019-10-26类型:
查看详情人气:69
正则表达式 \r 元字符_正则教程

正则表达式 \r 元字符_正则教程

\r元字符匹配回车符。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\\r")使用构造函数方式创建正则表达式对象。/\r/使用直接量方式创建。更多创建正则表达式内容参阅JavaScript创建正

更新时间:2019-10-26类型:
查看详情人气:87
正则表达式 \xxx 元字符_正则教程

正则表达式 \xxx 元字符_正则教程

\xxx元字符可以匹配八进制数字xxxx规定的Unicode字符。关于元字符概念可以参阅正则表达式元字符与普通字符一章节。语法结构:newRegExp("\xxx")使用构造函数方式创建正则表达式对象。/\xxx/使用直接量方式创建。更多

更新时间:2019-10-26类型:
查看详情人气:69
JavaScript for of 循环_ES6教程

JavaScript for of 循环_ES6教程

在ES2015之前,遍历数据接口通常采用如下几种常见方式:(1).for循环语句,具体参阅JavaScriptfor循环语句一章节。(2).forin语句,具体参阅JavaScriptforin语句一章节。举一个简单的例子:let

更新时间:2019-10-26类型:
查看详情人气:75
JavaScript (+) 加法运算符_JS教程

JavaScript加法运算符用加号(+)表示。代码实例如下:vara=1;varb=2;console.log(a+b);在处理特殊值时,加法也有一些特殊行为:(1).某个运算数是NaN,那么结果为NaN。(2).-Inf

更新时间:2019-10-26类型:
查看详情人气:61
JavaScript typeof 运算符_JS教程

JavaScript typeof 运算符_JS教程

在JavaScript中,如果要判断数据类型,估计第一个想到的就是typeof运算符。因为它不仅从长相看具有做此事的能力,也确实有一定的执行力。代码实例如下:console.log(typeof5);代码运行效果截图如下:非常的完美,可以

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript in 运算符_JS教程

JavaScript in 运算符_JS教程

此运算符可以判断对象是否含有指定属性。如果从in运算符名称阐述,就是一个属性是否存在于指定的对象内,一个意思。如果存在,返回true,否则返回false。语法结构:propertyinobject参数解析:(1).property:必需

更新时间:2019-10-26类型:
查看详情人气:72
JavaScript for 循环语句_JS教程

JavaScript for 循环语句_JS教程

通过for循环语句可以自动完成一些重复性的工作,比如遍历数组元素。代码实例如下:letarr=["Downzz.com",6,"http://www.downzz.com","青岛市南区"];for(letindex=0;index<

更新时间:2019-10-26类型:
查看详情人气:90
flex一栏宽度固定一栏宽度自适应布局_布局案例

关于flex弹性布局可以参阅display:flex弹性布局一章节。本章节分享一段代码实例,它实现了一栏宽度固定,一栏宽度自适应效果。面就介绍一下如何使用flex弹性布局方式实现类似功能。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:117
CSS3呼吸灯效果_特效教程

下面是一个由CSS3实现的呼吸灯效果,里面涉及到一些CSS3相关属性的应用。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:116
canvas小球碰壁随机运动_特效教程

分享一段代码实例,它利用canvas实现了小球随机运动碰壁效果。代码实例如下: 更新时间:2019-10-26类型:

查看详情人气:73
jQuery Validate errorPlacement()_Validate教程

此方法可以自定义错误信息显示的位置,它在Validate插件中并没有具体的实现,只是给出了接口规范。语法结构:function(error,element)参数解析:(1).error:规定用来放置错误信息的元素,由errorElemen

更新时间:2019-10-26类型:
查看详情人气:103
css删除页面周边空白_布局案例

在默认状态下,页面周边可能存在一些空白,看如下代码实例: 更新时间:2019-10-26类型:

查看详情人气:85
SCSS 注释_SCSS教程

注释便于作者以后解读代码,也便于团队人员或者其他人员解读。在scss中有两种注释方式,下面分别介绍一下。原生css的注释:由于scss是兼容原生css的,所以原生css中的注释也可以在scss代码中使用。代码实例如下:$padding:5

更新时间:2019-10-26类型:
查看详情人气:0
SCSS 的编译_SCSS教程

SCSS 的编译_SCSS教程

编译是将SCSS代码转换成CSS代码,毕竟浏览器看不懂SCSS代码。下面就分步介绍一下如何实现编译功能。假设我们的SCSS代码存储在D盘的antzone/sass目录下。首先进入cmd命令行工具,输入d:命令进入D盘:然后切换到antzon

更新时间:2019-10-26类型:
查看详情人气:0
JavaScript startsWith()_ES6教程

JavaScript startsWith()_ES6教程

从方法的名字就可以猜测它的功能。startsWith方法能够判断字符串是否在指定的位置以指定的子字符串开头。如果是以指定字符串开头,那么方法返回true,否则返回false。ES2015新增方法。语法结构:str.startsWith(se

更新时间:2019-10-26类型:
查看详情人气:43
JavaScript trim()_JS教程

JavaScript trim()_JS教程

trim方法可以清除字符串两端的一个或者多个空格。ES5之前,JavaScript没有内置此方法,算是一个功能欠缺。好在ES5新增此功能,弥补了此缺陷。更多内容可以参阅JavaScriptString字符串一章节。语法结构:str.tr

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript split()_JS教程

JavaScript split()_JS教程

split翻译成汉语是分开、划分的意思。此方法的功能确实和它的名字相符合,能够对字符串进行划分,并生成一个数组。下面将使用代码实例详细分析一下此方法的功能。更多字符串相关内容可以参阅JavaScriptString字符串一章节。正则表达

更新时间:2019-10-26类型:
查看详情人气:60
JavaScript 数组entries()_ES6教程

JavaScript 数组entries()_ES6教程

此方法是及集如下两个方法大成者,功能全面:(1).JavaScript数组keys()一章节。(2).JavaScript数组values()一章节。entries方法会返回一个遍历器对象,能够实现对数组键值的遍历功能。关于遍历器对象

更新时间:2019-10-26类型:
查看详情人气:54
JavaScript findIndex()_ES6教程

JavaScript findIndex()_ES6教程

由名称推测,findIndex方法用来查询数组元素的索引。事实也是如此,它可以返回数组中满足指定条件元素的索引值。ES2015新增此方法。语法结构:arr.findIndex(callback(element,index,array)[,

更新时间:2019-10-26类型:
查看详情人气:56
JavaScript repeat()_ES6教程

JavaScript repeat()_ES6教程

恰如其名,此方法可以重复字符串指定次数,并返回由重复字符串构成的新字符串。repeat方法并不会修改原字符串。ES2015新增此方法。语法结构:newString=string.repeat(count);参数解析:(1).count:

更新时间:2019-10-26类型:
查看详情人气:44
Array.from()方法_ES6教程

Array.from()方法_ES6教程

Array.from方法可以将指定的参数转换为真正的数组。当然并不是任意参数都是可以被转换为数组,可以转换的参数如下:(1).类数组对象。(2).具有遍历器接口的对象。可以使用以下小技巧以便于记忆:Array.from是有Array+for

更新时间:2019-10-26类型:
查看详情人气:52
JavaScript lastIndexOf()_JS教程

JavaScript lastIndexOf()_JS教程

与此方法类似的一个方法是indexOf。indexOf方法可以获取指定元素在数组中首次出现的索引位置。代码实例如下:letarr=[1,2,3,4,2,8];console.log(arr.indexOf(2));代码运行效果截图:

更新时间:2019-10-26类型:
查看详情人气:43
JavaScript push()_JS教程

JavaScript push()_JS教程

我们经常说栈内存是先进后出的,如果添加一个新数据,那么称作将数据压入栈中。push就有压入的意思,和上面的内存数据操作非常相似。此方法是将新元素压入到数组的尾部。更多数组内容参阅JavaScriptArray数组一章节。语法结构:arr

更新时间:2019-10-26类型:
查看详情人气:55
CSS文本环绕图片效果_CSS教程

CSS文本环绕图片效果_CSS教程

CSS实现的文本环绕图片效果其实是比较奇特的布局。文本就像是流水一样,能够被周围的环境塑造它的布局形状。图示如下:下面就通过代码实例介绍一下,如何利用CSS实现此布局效果,并简单介绍一下原理。代码实例如下:<

更新时间:2019-10-26类型:
查看详情人气:91
JavaScript toUpperCase()_JS教程

JavaScript toUpperCase()_JS教程

在实际应用中,可能需要对字符串的字符进行大小写转换。使用toUpperCase方法即可实现此功能。更多内容可以参阅JavaScriptString字符串一章节。语法结构:str.toLowerCase()特别说明:此方法不会修改源字符串

更新时间:2019-10-26类型:
查看详情人气:61
JavaScript reverse()_JS教程

JavaScript reverse()_JS教程

此方法比较简单,调用它可以颠倒数组中元素的顺序。特别说明:reverse直接操作原数组。更多数组内容可以参阅JavaScriptArray数组一章节。语法结构:arr.reverse()浏览器支持:(1).IE浏览器支持此方法。(2).

更新时间:2019-10-26类型