织梦DedeCms按栏目调用tag标签的方法：{dede:sqlsql="select*fromdede_archivesaleftjoindede_taglisttona.id=t.aidwherea.type

在列表页用{dede:list}标签调用文章的时候出现了同一篇文章显示两次的问题，经过一天的奋战最后终于解决了，下面CMS集中营站长简单说下我的解决过程来供各位学友参考：1、怀疑是不是每次添加都会自动生成2篇文章，可是查看了栏目下的文章后

打开/include/taglib/flink.lib.php文件找到$link="url."target=_blank".cn_substr($dbrow-webname,$titlel

织梦教程：arclist标签生成的代码不换行的方法打开include/taglib/arclist.lib.php文件找到$artlist.=$dtp2-GetResult()."\r\n";删除."\r\n"

首页模板{dede:global.cfg_webname/}首页标题{dede:global.cfg_description/}网站描述{dede:global.cfg_keywords/}网站关健词{dede:glo

织梦seo标题格式首页{dede:global.cfg_webname/}{dede:global.cfg_keywords/}{dede:global.cfg_description/}栏目{dede:field.seotitle/}

{dede:global.cfg_webname/}站点名称{dede:global.cfg_basehost/}站点url(后台设置){dede:global.cfg_cmsurl/}站点实际ur{dede:global.cfg_m

由于网站栏目多次需要调用同一栏目下的栏目比如顶级栏目6下级栏目5.4.3.2.1需要分两次分别调出543和21感觉channel就比较吃力了全部写SQL又太多，可能是我还不知道有其他方法吧。row调用不出这种效果所以就把row改为了L

今天用DedeCms帮客户做一个网站时，需要同时限制标题字数又要去掉html属性（比如标题加了颜色，这时把鼠标放在标题上面就会出现类似三大必杀绝技让你轻松交换友情链接这样的东西，很是影响心情

在e/class/userfun.php里面增加//替换正文IMG里的ALT内容functionuser_imgalt($mid,$f,$isadd,$isq,$value,$cs){$title=$_POST['title'

帝国CMS有置顶的功能，可以将信息设置置顶。但列表页、标签调用、JS调用却不支持置顶排前面。这是因为帝国CMS默认没有开启置顶排序功能。通过以下方法开启：系统参数设置--信息设置--开启列表页置顶

帝国CMS6.0版新增了针对会员空间信息调用的灵动标签函数，使会员空间模板增加信息调用更简单，不用写sql查询执行代码。空间的灵动标签函数语法基本同灵动标签。空间的灵动标

灵动标签(e:loop)格式：[e:loop={栏目ID/专题ID,显示条数,操作类型,只显示有标题图片,附加SQL条件,显示排序}]模板代码内容[/e:loop]例子：tablewidth="100%"border="0"c

看到论坛里很多人都在问，如果能在用户投稿的文章后显示该用户的头像，如果能在企业用户发布的信息后显示该企业的其他信息等其实这些功能可以用SQL标签来实现的，现在我们来简单的谈谈SQL多表查询：当然在做多表查询之间，必须

帝国CMS动态页是不支持标签调用的，所以在制作网站时非常不爽，需要手动的进行静态页制作。分享一种利用JS来实现支持栏目导航标签,万能标签,循环子栏目数据标签的方法。第一步：在【模板】下面增加标签模板，标签模板内容如下：页面模板内容(*

灵动标签实现循环子栏目数据——实现 循环子栏目数据标签 (LISTSONCLASS)的效果

修改方法：打开/include/taglib/flink.lib.php文件找到$attlist="type|textall,row|24,titlelen|24,linktype|1,typeid|0";修改为$attlist="ty

DedeCms利用strftime()函数格式化时间的所有参数详解，包括年份日期进制、小时格式等，大家收藏吧，呵．日期时间格式(利用strftime()函数格式化时间)0DedeCms首页时间标签：1、12-27样式([fi

平时看见站长朋友们做站的时候，排序总是一个头痛的问题，DedeCMS默认的文章排序功能已经非常强大了，但是唯一缺少的就是，按指定的id顺序排序，跟版网小编经过左思右想，终于把这个问题解决了，DedeCMS默认的arclist标签有一个idl

在DedeCms发布文章的时候，明明填写了Tag标签和关键字，可是发布之后在文章页面却看不到，试了几次都是这样，后来才发现，原来是因为在DedeCMS中Tag标签的字符数默认限制为12字节，超过12个字节，就无法使用了。可是在实际应用当中，

最近用DedeCms开发网站，需要一篇文章被多个栏目调用，织梦后台有副栏目这个功能，可是在用arclist调用的时候，副栏目却调用不出这篇文章，所以简单修改了下/include/tag/arclist.lib.php文件将295行，296

调动栏目的地址，静态时为静态访问地址，动态浏览时为动态访问地址。$sql="SELECT*FROMdede_arctypewheretopid=0andishidden=0orderbysortrankasc,id

此标签是在上一版本上拓展而来。用途：任意位置调用栏目内容示例：{dede:typecontentinfolen=500typeid=1html=1/}参数：infolen=截取字数typeid

单页文档是DedeCms提供的一种频道模型，位置在后台核心频道模型单页文档管理，单页文档一般用于发布少量不需归类的单独页面，如关于我们页面、联系方式信息页面

下面教大家怎么自己开发一个标签来调用当前作者的所有文章。首先将以下函数放到include/extend.func.php最下边,这个函数是用来获取静态页面的URL地址的。functionGetOneDocUrl($aid){

我们在使用织梦模板TAG标签的时候，总是获取的TAG很短，一个字两个字等，太烦神了，今天小编分享下扩大TAG标签的长度。第一步：修改数据库中的dede_tagindex和dede_taglist的tag字段属性：varchar(12)修改

织梦{dede:fieldname=array/}标签的用法介绍官方的解释：field支持用array获取任意字段的值；(支持标记：文章列表模板的{dede:fieldname=array/}、arclist、arclist

最近用DedeCms开发网站，需要一篇文章被多个栏目调用，织梦后台有副栏目这个功能，可是在用arclist调用的时候，副栏目却调用不出这篇文章，所以简单修改了下/include/tag/arclist.lib.php文件将295行，296

最近用DedeCms开发网站，需要一篇文章被多个栏目调用，织梦后台有副栏目这个功能，可是在用arclist调用的时候，副栏目却调用不出这篇文章，所以简单修改了下/include/tag/arclist.lib.php文件将295行，296

此标签是在上一版本上拓展而来。用途：任意位置调用栏目内容示例：{dede:typecontentinfolen=500typeid=1html=1/}参数：infolen=截取字数typeid

下面教大家怎么自己开发一个标签来调用当前作者的所有文章。首先将以下函数放到include/extend.func.php最下边,这个函数是用来获取静态页面的URL地址的。functionGetOneDocUrl($aid){

在织梦的标签中有时候会用到一些系统写好的工具方法，例如GetDateTimeMK(@me)格式化时间和cn_substr(@me，50)截取字符串等等，如何自定义一个工具方法呢，打开目录\include\helpers文件夹，这个help

单页文档是DedeCms提供的一种频道模型，位置在后台核心频道模型单页文档管理，单页文档一般用于发布少量不需归类的单独页面，如关于我们页面、联系方式信息页面

好织梦小编分享下首页和内容页调用时间的方法，利用strftime()函数格式化时间的所有参数详解包括年份日期进制、小时格式等DedeCms首页时间标签：1、12-27样式1([field:pubdatefunction=strftim

在织梦模板的{dede:arclist/}的标签中，有一个非常有用的，[field:global.autoindex/]，这个标签是一个自增长标签，他的值是从1开始，跟着你的列表自动自增，在我们给网站加入一些效果时候会非常有用。这里再介绍一

1、织梦模板DedeCms在正文页面显示关键词标签的方法如下：{dede:fieldname=keywordsrunphp=yes}if(!empty(@me)){$kws=

好织梦有时候在做文章按照点击次数排行榜的时候需要调用下面分享下织梦调用点击次数标签1、文章模板中动态调用点击数(默认模板中的调用方法，刷新一次，点击数自动加1)scriptsrc={dede:fieldname=

织梦DedeCms系统本身是没有批量或者自动替换图片ALT标签的功能，假如你要是采集的话，就会发现大部分的文章图片是没有alt属性的对优化来说是非常不利于的，如果要手工添加那就奔溃了，那改如何操作？织梦5.7版自动给图片添加alt属性具

好织梦这个教程主要是改一下{dede:pagebreak/}这个标签，好无疑问这是个文章内容分业的标签，但是有一个缺点，就是不管分多少页都分页都显示出来。要是分了15页，假如更多呢，不感想象，自己辛苦花钱做出来的模板就完全走样了！在i

织梦Dedecms的软件模型中，{dede:fieldname=softlinks/}默认状态下，经常会遇到下载地址打开方式的问题和图片下载等文章，今天就DedeCms中{dede:fieldname=softlinks/}下载标签

标签名称：list功能说明：表示列表模板里的分页内容列表适用范围：仅列表模板list_*.htm基本语法：{dede:listcol=titlelen=infolen=imgwidth=imgheight=lis

好织梦小编和大家分享下imgurls标签实现数字自增方法{dede:fieldname=imgurlsalt=图片输出区}[field:imgsrc/]{/dede:field}下面结果

有时候用织梦模板建站需要调用某些数据但是织梦程序没有相应的标签，这就需要对织梦标签进行调整或者使用PHP来实现了。1、在闭合标签中（如：{dede:arclist}{/dede:arclist}）调用系统基本参数我们用{dede:glo

{dede:type}[field:typename/]{/dede:type}其实这个标签在DEDE官方的帮助文档中也有，只是当时没有注意，看来我对DEDE还是不熟啊

织梦的tag标签很好很强大它通过关键词链接可以快速寻找到相关内容，不过很多人希望能够将TAGS静态化这样更加利于SEO，CIT.CN也是对此进行了优化和调整，只不过好织梦小编觉得这种更新内容比较频繁的列表最好采用伪静态的方式，这里就分享下

标签名称：likesgpage|likepage功能说明：单页文档调用标签适用范围：单页文档模板，系统默认为singlepage.htm基本语法：{dede:likespagerow=/}参数说明：row=8调用条数底层模板字段：

标签名称：softmsg功能说明：下载说明标签适用范围：软件内容模板article_soft.htm基本语法：{dede:softmsg/}相关函数：文件\include\taglib\softmsg.lib.php第6行function

标签名称：pagenext功能说明：表示获取文档上一篇／下一篇的链接列表适用范围：仅内容模板article_*.htm基本语法：{dede:prenext/}参数说明：get获取连接类型（5.x以后版本），g

标签名称：pagetitle功能说明：表示获取文档的分页标题适用范围：仅内容模板article_*.htm基本语法：{dede:pagetitlestyle=select/}参数说明：style=表示分页标题的展示样式select表

这个标签用于调用指定的会员信息，我们可以查看默认模板的内容页部分签名称：memberinfos功能说明：文档关连的用户信息适用范围：仅内容模板article_*.htm基本语法：{dede:memberinfosmid=/}参数说

织梦文章也专用fieldlist标签！获取文章分页的标题标签名称：fieldlist功能说明：表示获取文档的分页标题适用范围：仅内容模板article_*.htm基本语法：{dede:fieldlist}[field:name/]：[

标签名称：flink标记简介：功能说明：用于获取友情链接适用范围：全局使用基本语法：{dede:flinkrow=24/}参数说明：type=image或textall，图片链接，text文字链接；row=24链接数量titlele

标签名称：list功能说明：表示列表模板里的分页内容列表适用范围：仅列表模板list_*.htm基本语法：{dede:listcol=titlelen=infolen=imgwidth=imgheight=listtype=

全局获取广告代码调用好织梦小编整理标签名称：myad功能说明：获取广告代码适用范围：全局使用基本语法：{dede:myadname=/}参数说明：typeid=0投放范围,0为全站name=广告标识

标签名称：vote标记简介：功能说明：用于获取一组投票表单适用范围：全局使用基本语法：{dede:voteid=lineheight=22tablewidth=100%titlebgcolor=#EDEDE2titlebackgr

memberlist标签介绍：标签名称：memberlist功能说明：会员信息调用标签适用范围：全局使用基本语法：{dede:memberlistorderby=scoresrow=20}ahref="../member/index

好织梦小编分享channelartlist标签的使用方法希望对织梦模板制作有帮助标签名称：channelartlist标记简介：功能说明：获取当前频道的下级栏目的内容列表标签适用范围：全局使用基本语法：{dede:channelartli

织梦type使用简介有好织梦小编整理标签名称：type功能说明：表示指定的单个栏目的链接适用范围：全局使用基本语法：{dede:type}[field:typename/]/a

好织梦收集了调用任意表的数据标签的使用方法希望你喜欢标签名称：loop标记简介：功能说明：调用任意表的数据标签适用范围：全局使用基本语法：{dede:looptable=dede_archivessort=row=4if=}a

标签名称：channel标记简介：织梦常用标记，通常用于网站顶部以获取站点栏目信息，方便网站会员分类浏览整站信息功能说明：用于获取栏目列表适用范围：全局使用基本语法：{dede:channeltype=toprow=8currents

织梦tag标签调用很多做seo的人对这个标签十分喜爱！标签名称：tag功能说明：TAG调用标签适用范围：全局使用基本语法：{dede:tagsort=newgetall=0}[field:t

好织梦likearticle自动关连文档标签使用方法大全标签名称：likearticle功能说明：自动关连文档标签适用范围：内容页使用基本语法：{dede:likearticlerow=col=titlelen=infolen=}

标签名称：booklist功能说明：连载图书调用适用范围：全局使用基本语法：{dede:booklistrow=12booktype=-1orderby=lastpostauthor=keyword=}ahref=[fie

标签名称：sql功能说明：用于从模板中用一个SQL查询获得其返回内容适用范围：全局使用基本语法：{dede:sqlsql=""}底层模板{/dede:sql}参数说明：sql=""完整的SQL查询语句底层模板字段：SQL语句中查出的所有

分类信息搜索标签做分类的时候会用到好织梦小编在这里介绍下标签名称：infoguide功能说明：分类信息的地区与小分类搜索适用范围：全局使用基本语法：{dede:infoguide/}

标签名称：bookcontentlist功能说明：连载图书最新内容调用适用范围：全局使用基本语法：{dede:bookcontentlistrow=12booktype=-1orderby=lastpostauthor=keyw

本文由好织梦小编整理标签名称：hotwords功能说明：获取网站搜索的热门关键字适用范围：全局使用基本语法：{dede:hotwords/}参数说明：num=6关键词数目subday=365天数maxlength=16关键词最大长度

标签名称：ask功能说明：问答调用标签适用范围：全局使用基本语法：{dede:askrow=6qtype=newtid=0titlelen=24}[ahref

好织梦小编整理希望够全标签名称：arclist标记简介：织梦常用标记，也称为自由列表标记，其中imglist、imginfolist、specart、coolart、autolist都是由该标记所定义的不同属性延伸出来的别名标记。功能说明

标签名称：groupthread功能说明：圈子主题调用标签适用范围：全局使用基本语法：{dede:groupthreadgid=0orderby=datelineorderway=descrow=12titlelen=30}

标签名称：group功能说明：圈子调用标签适用范围：全局使用基本语法：{dede:grouprow=6orderby=threadstitlelen=30}imgstyle="visibility:in

标签名称：adminname功能说明：获得责任编辑名称适用范围：仅内容模板article_*.htm基本语法：{dede:adminname/}

[field:description/]标签如何限制字数?[field:descriptionfunction=cn_substr(@me,80)/]dede里的所有标记都支持这样使用函数的

1DEDE的使用最多的标签技巧详解{dede:arclisttypeid=row=col=titlelen=infolen=imgwidth=imgheight=listtype=orderby=keyword=

DedeCMS的系统TAGS确实是一个非常好的功能，通过关键词链接可以快速寻找到相关内容，不过很多人希望能够将TAGS静态化这样更加利于SEO，CIT.CN也是对此进行了优化和调整，只不过cit小虫觉得这种更新内容比较频繁的列表最好采用伪静

您可以给文件和文件夹添加标签以便于查找。可以给所有文件和文件夹添加标签，不论是将它们储存在Mac上还是将它们保留在iCloud中。给文件和文件夹添加标签您可以为任何文件或文件夹添加多个标签。在Mac上，执行以下任一项操作：给

关键字描述：功能标签选项设置可以文章默认Blog这个用户上次课程我们讲解Wordpress用户的管理，现在我们来看选项的设置。在前面的教程之7的时候，我们简单提到了选项标签下各个子标签的功能，我们就来详细介绍一下。常

p.s.在搜索引擎优化SEO上,百度似乎对关键词TAGS更为偏爱其实就是撰写一个新页面,它要应用一个名为tags.php的自定义模板.tags.php的内容如下

?php/*PluginName:WPJAMHTMLWidgetTitleDescription:让Widget标题支持简单的HTML标签Version:0.1Author:Denis*/add_filter('

本文实例讲述了WordPress实现彩色标签云的方法。分享给大家供大家参考。具体分析如下：彩色标签云我们在很多的网站都可以看到此类效果了,这里就来实现wordpress增加彩色标签云效果.这种彩色标签云效果可以通过修改SimpleTags

本文实例讲述了WordPress分类与标签等存档页实现置顶的方法。分享给大家供大家参考。具体分析如下：在wordpress中默认能置顶文章就是只有首页了,如果我们希望分类/标签等存档页也能置顶文章我们需要二次开发.现在参考wp-includ

网站seo地域标签怎么加　　需要搜索，搜索背后的字样反映在用户的需求中。今天，搜索seo关键词出现在底部推荐“如何添加网站seo区域标签”，暂时，无论是否正常需求，问题本身肯定有搜索需求。　　网站建设的起点在哪里？至少应该由业内用户访问

seo网站标签的优化只需要知道这些标签就可以了　　标签呵呵我就笑了大部分seo面试的时候都会复习一下seo网站标签的应用。　　很多seo在问到这个问题的时候只知道三大标签：titleKeywordsDescriptio

在实际应用中，可能需要动态创建一个内联样式表，注意这里是内联样式表，不是写在元素标签中的内嵌方式。下面就通过代码实例介绍一下如何实现此功能，代码如下:metachars

实际应用中，可能需要动态的创建一个script标签，然后将js代码添加到标签中，并执行。下面就通过代码实例介绍一下如何实现此功能。代码实例如下:metacharset="ut

本章节分享两段代码实例，它们分别实现了html标签的转义和还原功能。一.转义html标签:functionHtmlEncode(text){returntext.replace(/&/g,&).replace(/\"/g,").

本章节分享一段代码实例，它实现了球形标签云效果。能够随着鼠标的方位进行滚动，应用的也比较广泛，可以借鉴使用。代码实例如下:meta

分享一段代码实例，它实现了动态进度条效果。代码实例如下:metaname="author"content="https://

分享一段代码实例，它实现了利用vue.js实现添加tag标签的功能。代码实例如下:metaname="author"conte

在一般的应用中，都会事先知道标签的名称，下面就简单介绍一下如何获取一个对象的标签名称。代码实例如下:window.onload=function(){varthediv=document.getElementById("thediv")

本章节介绍一下如何获取head标签对象，其实它和div等这类标签没有什么区别。代码实例如下:metaname="author"

标签云效果当前运用比较广泛，当然形式也有很多种，比较常见的一种就是3D球形效果。下面就分享一个这样的代码实例，需要的朋友可以做一下参考。代码实例如下：metacharset=

先看看效果图：.dict{margin:20px0;clear:both;text-align:left;font-size:12px;}.dicta{line-height:2

H1标签使用的七大注意事项：1每个页面都应该有H1标签，H1标签是每个网页不可缺少的要素。2使用H1标签的内容应该简洁明了;3H1标签要尽量出现在源文件代码的开头的部分，这样可以让访问

在XHTML标签中有一些标签的作用是相似的，当然这里的相似是指语义相似，以至于很多人都不清楚这些相似的标签如何使用，那么今天的主题就是分解相似的标签，明确各个标签的用途。在前面我们已经讲过了strong与em的区别。除了strong与em

大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。imgsr

从今天开始，我将全面的共享出我所能理解的所有WEB标准方面的知识放在这个WEB标准能有多难？的专栏里。当然由于振之的水平有限，所讲并非是完全正确的。在看了这个专栏的文章的时候要理性的分析，要有自己的判断，欢迎各

第四篇《WEB标准能有多难？》专栏文章将结束关于文本部分的XHTML的讲解。那么这篇主讲的内容涉及链接、标题、插入、删除、上下标、分割线、换行等标签。我们都知道网页的最大特性是链接，是的这个在我们现在看起来习以

关于段落相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事，只要你愿意你随时都可以开始让你的页面代码更为标准化。如果你已经开始跟着《WEB标准能有多难？》在自己的工作中循序渐进地运用WEB标准了，那么这次

原文：http://www.planabc.net/2008/07/24/legend_width/我们在做表单的时候经常会使用到这样的结构：哪些浏览器legend标签设定的宽度有效

CSS网页布局中不推荐使用的HTML标签，请尽量不要使用这些HTML标签。Donotusethesehtmlelementsinhtmlpages.　　Presentationalelementsshouldnot

大家都知道搜索引擎比较喜欢H1。在SEO中H1也是很基础也很重要的一步。但有些时候为了界面风格的原因，很多标题性的文字做成了图片。大多数情况下，切割页面的时候就直接用上了图片。在代码上，H1也就对搜索引擎失去了作用。imgsr

LI代码的格式化:A).运用CSS格式化列表符：ulli{list-style-type:none;}B).如果你想将列表符换成图像，则：ulli{list-style-type:none;list-style-image:url

在制作网页的时候，很流行使用标签的方式进行分类显示，圆角标签具有样式美观、表现方式形象的优点，一般我们都会将圆角标签的背景制作成一张图片，这样做的不足之处是如果标签文字字数变化（如图1），固定的背景图片不能随之进行扩展。这样我们就需要制作很

译自：TutsPlus网页开发人员常常希望能够了解并掌握多种语言，结果是，学习一门语言的所有内容是棘手的，但是却很容易发现你并没有完全利用那些比较特殊却很有用的标签。不幸的是我们到现在还没有涉足的那些比较不

不知道你对ins标签是否熟悉。资料对ins的解释是：定义一个插入的文本。ins有两个标准属性：cite和datetime。cite的值为URL，该URL指向另外的文档，用于解释新文本插入的原因；datetime的值一个时间，用于指定文本插

效果图:HTML和CSS代码如下:===========================!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.

使用标签，并设置其样式如下：pre{white-space:pre-wrap;/*css-3*/white-space:-moz-pre-wrap;/*Mozilla,since1999*/white-sp

CSS内容：@charset"utf-8";/*CSSDocument*//*author:JiYun_Laidate:2011/01/11desc:纯CSS+Div的标签*//*舌签鼠标样式*/.tongu

CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列

a:link{color:#f30;}a:visited{color:#000;}a:hover{color:#fff;}a:active{color:#f99;}原理　　首先伪类的特殊性（应用优先级）是同样的，所以后出现的伪类会覆盖先

这就是meta标签的典型运用。meta标签有多少参数，有什么作用，为什

作为一个页面仔你一定遇到过：当一个HTML页面中含有较少的内容时，Web页面的footer部分随着飘上来，处在页面的半腰中间，给视觉效果带来极大的影响，让你的页面看上去很不好看，特别是现在宽屏越来越多，这种现象

IE6中inline-block与text-indent同时使用时没想到也存在BUG。以前写代码做按钮时喜欢用a标签再给个背景，因为图片上的字体好看所以直接就用了图片，a标签也没有加文本。然而，最近考虑到SEO优化，需要给a标签加上文本，

!doctypehtmlpublic"-//w3c//dtdxhtml1.0transitional//en""http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"

引用：csshover.htc文件body{behavior:url("style/csshover.htc");}注意修改引用文件路径。把以下代码另存为.ht

今天在写一个购物车里面选择发货地址的部分时，多个收货地址用到了UL标签，由于每个地址的后面有个修改地址的功能，而且位于li标签的右边，于是就用到了，position：absolute；right：10px；这

偶然发现，IE6的Li标签左边会多出16px的宽度，即使把list-style-type设置成none。而在Firefox中却是正常的（IE其它版本没测试，不过应该是和Firefox一样的）。经验证，其实是IE6的list-style-

伪类是CSS用于向某些选择器添加特殊的效果。a标签中有四个：link、visited、hover、active未移入a标签链接时：link移入a标签链接时：link、hover点击a标签链接时：link、hober、activ

!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

.pic1:visited{background:url(images/v_puddytat.gif)no-repeat;}用火狐还是ie都无法显示访问后的图片状态。据说:visited存在泄露隐私的顾虑，从Fx4开始，能

1、创建页签，以及页签内容的div。2、编写被选中的页签和页签内容div显示、隐藏的样式。3、编写js方法，根据被选中的页签，显示相应的页签内容。例如：h

a标签样式一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括：总:a表示所有状态下的连接如.myclsa{color:red}①

对所有的块元素都没有意义，块元素的dispaly属性默认值为block，没必要再显式定义除非你之前对块元素的display属性重新定义过。display：block；比较常用于这两个标签&m

当一个链接得到焦点时，默认会有个虚线框。如图：在Firefox里可以用-moz-outline:none;或者outline:none;来将其去掉。所以我们可以这样写：a:focus{outline:none;

以下CSS样式实现了各浏览器的标签禁止选中功能。moz-user-select:-moz-none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;

这里为大家简单介绍在DIV+CSS布局中如何选择HTML标签：1、框架布局（使用DIV标签）在网页中框架布局一般使用DIV布局，无论大小DIV盒子一般均使用DIV标签（）布局。2、列表型布局（使用ulli标签

关于Link标签，相信接触的人都知道相关用法，但是我经常忘记rel的实际作用，这次专门查找了下，记录，以作备用。Link标签有两个作用：1.定义文档与外部资源的关系；2.是链接样式表。下面是链接外部样式表lin

前几天做项目时碰到一个很棘手的问题，在我自己本机的ie8上能正常播放视频的程序（ie6也可以），放用户的电脑上就是不能正常播放（可能是用户的机子系统太老或是别的什么原因，具体的我也不太清楚）。没办法，老大让改，就只能硬着头皮找原因了。我原

表示所有状态下的连接如a{color:red}①a:link：未访问链接,如a:link{color:blue}②a:visited：已访问链接,如a:visited{color:blue}③a:active：激

map标签定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。img标签中的usemap属性可引用的map标签中的

标签pre的css代码，防止代码pre中代码过长等问题，需要的朋友可以看下，有时候我们使用pre的时候对于代码过长的内容可以参考下面的写法：pre{whitewhite-space:pre-wrap;/*css-3*/

有小手状：无小手状：ahref="javascript:void(0)"style="color:#404958;cursor:def

在web设计中，梯形标签页是很常见的一种形式，但是梯形又是一种很难实现的样式，很多开发者会直接用梯形背景图片来生成效果，但是采用背景图片的方式产生了额外的http请求，并不是一种非常理想的方式，这里笔者为大家带来一种直接用css来实现梯形

需求背景目前主流的博客系统、CMS都会有一个TAG标签系统，不仅可以让内容链接的结构化增强，而且可以让文章根据Tag来区分。相比传统老式的Keyword模式，这种Tag模式可以单独的设计一个Map的映射表来增加系统的负载和查询的效率。数据库

append标签：这些append标签需要两个或两个以上的列表作为参数，并追加它们放在一起，如下图所示：

在制作网页的时候，很流行使用标签的方式进行分类显示，圆角标签具有样式美观、表现方式形象的优点，一般我们都会将圆角标签的背景制作成一张图片，这样做的不足之处是如果标签文字字数变化（如图1），固定的背景图片不能随之进行扩展。这样我们就需要制作

CSS中zoom:1的作用兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显

a:link{color:#f30;}a:visited{color:#000;}a:hover{color:#fff;}a:active{color:#f99;}原理　　首先伪类的特殊性（应用优先级）是同样的，所以后出现的伪类会覆盖

这就是meta标签的典型运用。meta标签有多少参数，有什么作用，为什么

!DOCTYPEhtmlPUBLIC"//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd

当一个链接得到焦点时，默认会有个虚线框。如图：在Firefox里可以用mozoutline:none;或者outline:none;来将其去掉。所以我们可以这样写：a:focus{outline:none;

以下CSS样式实现了各浏览器的标签禁止选中功能。mozuserselect:moznone;mozuserselect:none;ouserselect:none;khtmluserselect:none;w

这里为大家简单介绍在DIVCSS布局中如何选择HTML标签：1、框架布局（使用DIV标签）在网页中框架布局一般使用DIV布局，无论大小DIV盒子一般均使用DIV标签（）布局。2、列表型布局（使用ulli标签）遇到

前几天做项目时碰到一个很棘手的问题，在我自己本机的ie8上能正常播放视频的程序（ie6也可以），放用户的电脑上就是不能正常播放（可能是用户的机子系统太老或是别的什么原因，具体的我也不太清楚）。没办法，老大让改，就只能硬着头皮找原因了。我原来

在web设计中，梯形标签页是很常见的一种形式，但是梯形又是一种很难实现的样式，很多开发者会直接用梯形背景图片来生成效果，但是采用背景图片的方式产生了额外的http请求，并不是一种非常理想的方式，这里笔者为大家带来一种直接用css来实现梯形效

系统内置标签语法介绍：操作类型说明：操作类型

万能标签是指“ecmsinfo”标签，它的具体语法如下：[ecmsinfo]栏目ID/专题ID,显示条数,标题截取数,是否显示栏目名,操作类型,模板ID,只显示有标题图片[/ecmsinfo]同其它标签区

自定义模板标签说明：除了系统内置的标签外，用户也可以自定义标签，然后由模板识别增加的标签。自定义标签使用说明：1、登陆后台－》“模板管理”－》“增加标签”，如下图：2、

标签的导入与导出：你可以将标签导出或导入，与别人共享你自定义的标签或导入别人提供的标签。

标签支持按SQL语句调用方法说明：1、标签上面的“操作类型”参数要设为24，然后“栏目id”为SQL语句2、需要开启支持按SQL语句调用：打开e/class/connect.php文件(粗体文字的设置)//部分参数设置$do_thelogi

关键字描述：功能详解聚合标签显示应用安装发布论坛出来　　Discuz!7.0是康盛创想(Comsenz)公司于2008年12月份发布的一款论坛BBS建站产品。标签聚合功能是Discuz!7.0的新功能，当您的UCente

关键字描述：优化标签论坛关键字TAGS整形优惠选择可以国庆　　关于DISCUZ!论坛标签SEO优化需要参考百度指数和第三方统计数据，具体的需要注意一下几点：　　1.参考百度关键字的时候，不要选择过热的关键字。基本上过热的关

安卓chrome现在越做越好玩了，最新版的chromebeta版中，加入用户定制标签功能。这也就意味着我们可以随时随地的在应用中启动chrome，方便我们查看很多内容，也极大的提高的浏览体验。手机谷歌浏览器标签定制教程1

ECSHOP模板系统控制标签介绍说明，本文将为您介绍ecshop中基本的控制函数标签的使用参数和方法，其中包括if标签、foreach标签、for标签等，其实Smarty中的if语句和php中的if语句一样灵活易用，并增加了几

ECSHOP模版系统中显示标签主要是转换HTML代码，该特性使得在表格中交替输出颜色或轮转使用数组中的值变得很容易，或者是根据给定的数据创建选项组，创建日期下拉菜单，它可以显示任意年月日。亦或者是根据给定的数据创建单选按钮组等，本文就给大家

ECSHOP模版系统Assign和Include模版标签介绍，assign用于在模板被执行时为模板变量赋值，Include标签用于在当前模板中包含其它模板.当前模板中的变量在被包含的模板中可用。必须指定file属性，该属性指明模

关键字描述：模板制作专题标签"<articleif/if>classphpcms标签模板及专题模板的制作1.标签模板的制作前面我们已经讲到了每个频道模板的制作，但是我们只是插入对应的标签代码，如何做到显示

关键字描述：说明标签系统channelid首页专题推荐图片文章PHPCMS系统自带标签说明首页最新文章列表articlelist(0,1,0,1,0,0,10,46,0,0,0,1,2,0,0,0,1,1)首页热点下载列表

关键字描述：基础概念频道标签关于 调用一个文章我们phpcms一直是很多站长使用的建站系统，我们今天谈一下phpcms标签和频道的一些基础知识。1、何谓标签？phpcms一直以来采用的是标签调用的方法，

{pc:contentaction="lists"moreinfo="1"catid="$catid"num="25"order="idDESC"page="$page"}{loop$data$r}span

phpcmsV9的标签函数不再像2008那样支持limit="0,5"这样的写法这样就大大的阻碍了我们的调用不知道是不是没有还是我不知道不管怎么样先把我自己写的函数标签奉上来可谓是简单易用前台代码：{pc:contenta

标签设置教程我们从简单到复杂第一种：中文标签这种再简单不过了，就是通过后台设置标签参数调用通过选择读取段来进行调用，这里设置都是中文字，我们都是中国人，也就不多说了。栏目常用变量表示$catid可以用这个变量调用，也可以指定

{pc:getdbsource="jp"sql="SELECT`html_id`,`html_type`,`html_title`FROM`htmlfile`WHERE`html_type`=8ORDERBY`

我们在做内容站的时候，经常需要使用到文章排行榜，但phpcms默认的pc调用标签是需要具体栏目ID的，那么如何调用全站文章的点击排行榜呢？官方不给方法，我们只好自己创造方法了。步骤如下：①打开\phpcms\modules\content\

phpcms标签调用很多时候phpcms是我们做项目的时候用到的最好的内容发布系统了，虽然用别人的东西未免对于高手来说不耻了一些，但是能够有效的提高我们的工作效率未必也不是一件坏事1、调用本系统单条数据，示例（调用ID为1的信息，标题长

全站通用普通标签最新版本请移步到官方开发手册中心阅读标签名称标签含义{$root}网站安装目录{$model}当前模型名称通常为(index|vod|news|special|gb|cm|my){$action}当前操作名称通常为(s

小编了解到，微信小程序成为当下热门话题，下面从多个方面来谈谈支付宝小程序开发之tabBar标签底部栏实现方式。新年的刚开始，支付宝就来了小惊喜，支付宝小程序官方生活号上，支付宝曝光了一张支付宝主UI界面，配文周一见。根据这张曝光图呢，我们可

1，网站标题关键词剖析首要，百度查找：“厦门查找引擎优化”找到厦门查找引擎优化的相关词：厦门SEO优化，厦门网站优化，厦门SEO参谋，厦门SEO招聘,厦门SEO确诊,厦门关键词优化等。从相关词中组成一个一至三个关键词的标题，如：厦门查找引擎

都说现在的社会发展需要依靠科技的发展来推动了，而实际上也是如此。不管是我们现在的日常生活还是工作中需要应用到的种种软件或平台，这些都是需要依靠一定程度的科技来支持的。那么就会有人关心学seo优化和sem有前途吗?　　基本概念介绍　　SE

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

抽象类做为其它派生类的基类使用一般不会直接被实例化。不同于接口，抽象类可以包含成员的实现细节。abstract关键字是用于定义抽象类和在抽象类内部定义抽象方法。下面看一段代码片段：abstractclassAntzone{abst

关于@extend继承的基本用法可以参阅SCSS@extend一章节。首先看一段关于@extend继承的代码实例：.icon{color:red;margin:0.5em;}.error-icon{@extend.icon;

我们知道原生CSS中存在@import命令，它可以引入一个外部CSS文件。不过对于此规则我们要谨慎使用，因为效率并不高，本文不做介绍，具体参阅CSS@import一章节。SCSS也存在一个@import命令，不难猜测，它的功能也是与引入文

如果两个页面的主域名相同，那么只要进行如下设置即可实现跨域访问LocalStorage：document.domain=softwhy.com;将document.domain属性值设置为根域名。关于document.domain参阅J

模板字面量前面可以带有标签，此标签通常是一个函数。String.raw()就是JavaScript内置的标签函数，本文将结合代码实例对其进行详细分析。关于模板字面量标签更多内容可以参阅JavaScript模板字面量标签一章节。一.用作模板

模板字面量是ES2015新增，最初称作模板字符串，现在统一改成模板字面量。可以认为它是JavaScript字符串的加强版本，更多内容可以参阅JavaScript模板字面量一章节。一.模板字面量标签概念：通过反单引号可以创建一个模板字面量，

随着ES版本的更新，很多操作实现起来越来越轻松。本文所要介绍的多行字符串便是如此，ES2015之前实现多行字符串稍微麻烦一点。下面从ES低版本到高版本逐步介绍一下JavaScript如何实现多行字符串。一.ES2015之前：不少初学Java

很多从事前端的朋友应该看到#{}感觉非常眼熟，因为这是ES2015新增的占位符。占位符大括号中可以是任意的合法表达式，能够很方便的实现字符串连接操作。SCSS的#{}与JavaScript中的占位符非常的类似，也具有计算并返回表达式的值和数

记忆与理解此方法可以从其名字收入，padEnd由如下两个单词合成：（1）.pad：翻译成汉语具有"填塞"的意思。（2）.end：翻译成汉语具有"尾部"的意思。标准对于此方法的定义是，在字符串的结尾填充指定字符，最终达到指定长度，功能恰如起名

此方法可以对URI进行编码，并返回编码后的字符串，与encodeURI方法类似，区别也很明显。从方法名称大致猜测出两者的主要区别在哪，本文所要介绍的方法针对URI局部区域编码。而encodeURI则是针对整个URI进行编码，关于两个方法的更

此方法可以对URI进行编码，并返回编码后的字符串，通常为网址进行编码。特别说明：之前通常称网址为URL，当前统一称作为URI，参阅URI、URL与URN一章节。如果要深刻的理解此方法，需要掌握如下几个知识点：（1）.方法对URI哪部分进行编

without和with通常和@at-root配合使用。关于@at-root的用法可以参阅scss@at-root一章节。默认@at-root只会跳出选择器嵌套，而不能跳出@media或@support指令。如果要跳出这两种指令，则需使用

此事件属性可以判断当前事件是否是冒泡类型关于这两种类型事件可以参阅如下两篇文章：（1）.JavaScript事件冒泡一章节。（2）.JavaScript事件捕获一章节。此属性返回一个布尔值，true表示冒泡类型，false表示非冒泡类型

此方法规定指定请求的某个http头。更多关于XMLHttpRequest对象内容可以参阅ajaxXMLHttpRequest一章节。语法结构:XMLHttpRequest.setRequestHeader(strHeader,strVa

此属性可以返回浏览器历史列表中的URL数量。更多关于history对象内容参阅JavaScripthistory对象一章节。语法结构:history.length浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性

如果学习过JavaScript，那么就很好理解scss中的list。scss中的list类似于JavaScript数组，下面就介绍一下list列表的用法。$list:();上面的代码创建一个空的列表。列表分隔符:$list-space:

此方法可对encodeURIComponent方法编码的URI进行解码。此方法属于Global全局对象，更多内容参阅JavaScriptGlobal对象一章节。语法结构：decodeURIComponent(URIstring)参数解析

decodeURI方法可以解码经过encodeURI方法编码过的URI，并返回解码后的字符串。此方法属于Global全局对象，更多内容参阅JavaScriptGlobal对象一章节。语法结构：decodeURI(URIstring)参数

字符串在JavaScript是一个非常简单的概念，内容使用单引号或者双引号包裹。看如下代码实例：letwebName="Downzz.com";letaddress=青岛市南区;上面声明两个变量，并赋值为字符串，分别用双引号和单引号包

是HTML5新增，目的是提高HTML布局的语义化功能。HTML布局语义化概念参阅HMTL语义化布局概述一章节。代表“网页”或“section”的页眉。通常包含h1-h6标签或，作为整个页面或

@each和@for指令类似，同样可以用于循环输出。但是@each指令一般用于对于list或者map的遍历输出。相关阅读:（1）.list可以参阅scsslist列表一章节。（2）.map可以参阅scssmap对象一章节。代码实例如下:

语义化布局不但能够提高代码的可读性，对于搜索引擎优化也有助益。HTML5对语义化布局进行了加强，本文所要介绍的标签就是HTML5新增。关于语义化布局更多内容参阅HMTL语义化布局一章节。标签用于定义页面的主要导航部分。

CSS3之前，制作动画效果没有太好的捷径，基本要借助JavaScript。不但代码量较大，性能也不够优良，CSS3的出现使得制作动画效果更为简单且性能更好。当前，animation与transition属性可以实现动画效果，更为准确的说，t

当元素或者文档的内容超过其width或者height时，会在横向或者纵向出现滚动条。这时可以使用鼠标拖动滚动条调整位置，在触屏移动端则可以使用手指拖动调整位置。JavaScript的scrollTo方法也也可以实现调整规定条位置的功能。语法

标签是HTML5新增，用于增强页面布局的语义化。关于语义化布局更多内容参阅HMTL语义化布局一章节。此标签用于定义文档或者章节的页脚内容，通常是地址、联系方式、版权等信息。在HTML5之前，定义页脚通常使用如下方式： 更新时间：2019-10-26类型：

此属性能够返回XMLHttpRequest对象的状态。更多关于XMLHttpRequest内容参阅AJAXXMLHttpRequest一章节。语法结构：value=XMLHttpRequest.readyState;此属性的返回值是0-4

Validate插件提供了ajax方式的验证，使用remote规则即可。其实他就是对jQueryajax()的一个封装。代码如下:<

正则表达式零宽断言是一个非常重要的概念，通过它可以对匹配设置指定条件。很多朋友感觉此概念有一点难度，其实这是一种错觉，只要理解它的名字，此概念基本就掌握百分之八十。ES2016之前，JavaScript零宽断言是一个阉割版本，与其他语言相比

String.fromCodePoint方法可以返回Unicode码点值对应的字符，ES2015新增。与String.fromCharCode方法的功能相同，但是功能更加完善，能够识别大于0xFFFF的码值。关于String.fromCha

codePointAt方法返回字符串中指定位置字符的Unicode码点值，与charCodeAt方法功能相同。既然已经存在charCodeAt方法，为何还要创建codePointAt方法，下面首先介绍一下此原因。计划不如变化快，生活中或者工

@if指令后面跟一个表达式，如果此表达式的返回值不是false或者null，那么就返回指定的样式。代码实例如下:p{@if1+1==2{border:1pxsolid;}@if5<3{border

此方法可以设置表单元素没有通过规则验证时的样式。Validate提供了此方法的实现，也可以自己配置，参阅jQueryValidate全局配置和实例配置一章节。语法结构：function(element,errorClass,vali

vw是Viewportswidth的缩写形式，1vw永远等于当前视口宽度的百分之一。这里的视口指的是浏览器可视区域，图示如下：代码如下：div{width:50vw;}上面代码表示div的宽度是当前视口宽度的50%。视口宽度尺寸可以通

vh是Viewportsheight的缩写形式，1vh永远等于当前视口高度的百分之一。这里的视口指的是浏览器可视区域，图示如下：代码如下：div{height:50vw;}上面代码表示div的高度是当前视口高度的50%。视口高度尺寸可

分享一段代码实例，它利用CSS3实现了具有立体效果的按钮。代码实例如下: 更新时间：2019-10-26类型：

购物车可能有这样的功能，点击按钮实现商品数量的减少或者增加，并实时计算总的商品价格。下面通过代码实例介绍一下如何实现此功能，当然下面的效果难登大雅之堂，希望能从中得到一些启发或者相关的知识点，代码实例如下:<

addEventListener方法可以为事件注册监听器，也就是注册事件处理函数。本文将解决如下三个问题：（1）.为什么要注册事件监听器（事件处理函数）。（2）.分解方法名称，以便加强理解与记忆。（3）.通过代码实例演示此方法的具体应用方法

Math.asinh方法返回参数的反双曲正弦。语法结构：Math.asinh(x)参数解析：（1）.x：必需，要求反双曲正弦的数字。代码实例：console.log(Math.asinh(1));console.log(Math.asin

本文将通过代码实例详细介绍一下getElementsByClassName方法的应用。class是标签最重要且最为常用的属性之一，通过此属性可以设置元素样式，JS也可以利用此属性检索元素。getElementsByClassName方法可以

掌握一个方法的功能，可以首先从它的名称入手，getElementsByTagName由四个单词合成：（1）.get：具有“获取”的意思。（2）.elements：具有“元素”的意思，是复数形式，由此可以推想此方法不止获取一个元素。（3）.b

分享一段非常实用的代码实例，它实现了网站的公告文本实现上下翻滚效果，并且在每完成一次翻滚之后都有暂停效果，代码实例如下: 更新时间：2019-10-26类型：

将input元素的type属性值设置为"search"可以创建一个搜索域。搜索域是HTML5新增，IE9+和其他标准浏览器支持。从表面上看与普通文本框非常类似，且没有搜索域不影响实现搜索功能。由此很多朋友认为它可有可无，其实并非如此，任何一

通常通过标签引入外部CSS文件，其实也可以利用@import引入。如果CSS文件代码量庞大，那么可以将代码分隔，可以将功能类似的代码单独放置于一个文件中。然后再通过@import引入，不过此方式引入的一些特点可能会影响性能，所以

nextElementSibling属性返回当前节点的下一个兄弟元素节点，HTML5新增。如果不存在一个这样的元素节点，则属性返回null。考虑到低版本IE浏览器的兼容问题，很多时候，通过对nextSibling进行兼容性处理，以达到nex

当前，CSS算不上真正的编程语言，所以相对于真正的编程语言要简单很多。尤其CSS选择器更是简单，无非是按照简单的规则匹配对应的元素。如果勉强说哪几个选择器稍微有点难度，标题中的E:nth-last-of-type(n)算是一个，但与真正的编

生活中，人人都会面对诸多的选择，然而人非圣贤，都可能犯错。就如同站在一个十字路口，走错一条路，只要再回到起点，重新选择正确的路即可。上面好像说的有点轻松随意，总之，大多数情况是有挽回的余地，所以遇到困难的时候不要太灰心。正则表达式的回溯给了

返回一个布尔值标识meta键是否被按键并被保持。特别说明:很多操作系统会拦截meta键，所以不会被检测到。语法结构:event.metaKey返回值解析:（1）.返回true表示meta键按下并保持。（2）.返回false表示没有满足met

offsetWidth属性可以返回元素的偏移宽度，只读属性，不能赋值。无需纠结为什么称作偏移宽度，当然是有原因的，可能越讨论越混乱。我们只需要知道此宽度由哪些要素构成即可，可以结合offsetHeight属性一起学习。既然是偏移宽度，肯定与

初学者对于一个概念的掌握，最好从的名称入手。因为一个概念的名称在很大程度上能够提现或者反映它的功能。此方法可以停止定时器方法setTimeout的执行，现在分解一下两个方法的名称：setTimeout由如下两个单词合成：（1）.set：设置

良好的代码大致有如下几个标准：（1）.正确。（2）.可读性好。（3）.尽可能的简化。HTML标准也是如此要求的，尽可能的简化代码，比如以前需要闭合的标签现在可能就无需闭合。这样会减少代码体积，对于大型项目效果会更为明显，下面对标签是否需要闭

在页面中，推荐使用单引号，不过并不关键。只要单双引号是相互对应即可，代码如下：上面是推荐使用方式，而不是使用双引号。

HTML标签与标签中的属性都建议使用小写形式。Downzz.com上述代码不推荐使用，建议将标签改为小写形式。代码修改如下：Downzz.com对于HTML标签的属性也是如此。看如下代码： 更新时间：2019-10-26类型：

E:nth-of-type(n)是伪类选择器，能够满足如下几个条件的元素：（1）.首先，必须是E类型元素，E表示选择器，并非标签类型。（2）.其次，元素必须位于父元素下同类型标签兄弟元素的第"n"位，n类型有多种。看了上述阐述，可能还有一部

nextSibling属性可以返回当前节点下一个紧邻的兄弟节点，只读属性。再来看MDN文档的阐述，此属性返回当前节点的父节点的childNodes列表中，紧邻其后的节点。上面两端文字包含了如下主要信息：（1）.当前节点与返回节点紧邻，且处于

定时器方法setInterval可以规定每隔指定时间，周期性执行回调函数。默认状态，如果不关闭浏览器，定时器方法将永远执行下去。实际项目中，更多时候会根据需要来决定定时器方法是否继续执行。此时，本文的主角clearInterval方法的功能

推荐无BOM的utf-8编码格式。（1）.在HTML中指定编码。（2）.无需使用@charset指定样式表的编码，它默认为UTF-8。（3）.js文件同样推荐使用utf-8编码方式。代码实例如

clientLeft属性返回指定元素客户区左部与整个元素左部之间的距离，只读属性。特别说明：返回值是一个数值，不带单位（默认单位是像素）。与此属性对应的是clientTop属性，原理一模一样，返回值是上边框的宽度。首先介绍一下元素客户区，它

掌握此属性的功能，首先可以从它的名称入手，scrollTop由scroll与top两个单词合成。scroll具有"滚动"的意思，top具有"上面"的意思，可以猜想，此属性功能与垂直方位的滚动操作有关。属性功能恰如其名，可以返回或者设置元素内

通常，DOM操作非常简单，最让人困扰的因素之一可能是名目繁多的DOM属性。不过，只要明白属性的实质，就会让人感觉原来是如此简单，下面来解析scrollHeight属性。此属性返回元素的内容高度，返回值是一个整数，默认单位是像素，只读属性。特

cookie虽然存在安全性和存储量小等诸多缺点，被很多人诟病。但是在其能力范围之内，可以很方便的完成一些工作，比如存储用户的状态，实现单点登录等。不同域之间的cookie是无法访问的，否则互联网岂不是乱套了。比如Downzz.com与百度之

JavaScript是一种应用于网络编程的脚本语言。设计的初衷是为了实现用户与页面更加人性化的交互，为页面增加简单动态效果。随着时间的推移和软硬件的进步，JavaScript用途用途越来越广泛，是设计之初梦想之所不到。可以肯定，最初Java

标题中的两个方法可以计算出指定代码执行所要花费的时间。通常用于检测JavaScript代码性能的时候使用。functiondone(){varnum=0;for(vari=0;i<100000000;i++){num++;}}co

DOMContentLoaded事件会在文档完全加载和解析之后触发，无需等待CSS文件、图片和子框架加载完毕。看到上述对事件的阐述，肯定有很多朋友会想到window.onload事件，非常相似。两个事件主要区别如下：（1）.DOMCont

此事件属性可返回一个布尔值，指示当事件发生时，"shift"键是否被按下并保持住。语法结构:event.shiftKey返回值解析:（1）.返回true表示"shift"键被按下并保持。（2）.返回false表示"shift"键没有被按下并

此事件属性可返回事件发生时鼠标指针相对于屏幕的水平坐标。语法结构:event.screenX浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.火狐浏览器支持此属性。（4）.Opera浏览器支持此属性。（5）

由名称可以猜测，此属性可以用于规定transform变换的类型。通过此属性可以规定指定元素的子元素的变换效果是位于3D空间，还是被平展于元素的2D空间。仅从上述概念阐述，读者可能还是不能完全理解此属性的作用，不用担心，后面有详细代码演示。特

Math.imul方法返回两个数以32位带符号整数形式相乘的结果，是一个32位的带符号整数。语法结构：Math.imul(a,b)参数解析:（1）.a：必需，第一个数字参数。（2）.b：必需，第二个数字参数。代码实例：co

链接是最为常用的HTML元素之一，通过它可以将页面跳转到指定的地址。利用它非常便利的实现站内或者站际间页面跳转，有利于浏览者获取信息。关于链接的更多内容参阅如下两篇文章：（1）.HTML标签一章节。（2）.CSS设置

Math.cbrt方法计算一个数的立方根。语法结构：Math.cbrt(x)参数解析:（1）.x：必需，要求立方根的数字。代码实例：console.log(Math.cbrt(-1));console.log(Math.cbrt(0));

Math.atanh方法返回参数的双曲正切。语法结构:Math.atanh(x)参数解析:（1）.x:必需，要求反双曲正切的数字。代码实例：console.log(Math.atanh(-2));console.log(Math.atan

Math.log1p(x)方法返回1+x的自然对数，即Math.log(1+x)。如果x小于-1，返回NaN。语法结构：Math.log1p(x)参数解析:（1）.x:必需，数字参数。代码实例：console.log(Math

Math.cosh方法返回参数的反双曲余弦。语法结构：Math.clz32(x)参数解析:（1）.x:必需，要求反双曲余弦的数字。代码实例：console.log(Math.cosh(0));console.log(Math.cosh(1

rem是相对单位，与em非常的类似。em是相对于当前元素字体大小，比如当前div的字体大小是12px，那么1rem=12px。代码实例如下： 更新时间：2019-10-26类型：

JavaScript是一门面向对象的语言，继承方式与C#和Java等迥然不同。尽管受到许多人的诟病，但不能否则JavaScript中的继承更加强大与灵活。ES2015对继承方式做了一些表面的修改，实质依然是通过prototype原型实现。具

Math.clz32方法返回一个数的32位无符号整数形式有多少个前导0。ES2015新增此方法。语法结构：Math.clz32(x)参数解析:（1）.x：必需，要求32位无符号整数形式有多少个前导0的数字。代码实例：console.log(

此属性返回一个布尔值，指示在指定的事件发生时，Alt键是否被按下并保持住。如果true，表示alt键被按下并保持住，否则返回false。语法结构:event.altKey浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此

此事件属性可返回一个布尔值，指示当事件发生时，Ctrl键是否被按下并保持住。语法结构:event.ctrlKey返回值解析:（1）.返回true表示ctrl键被按下并且保持住。（2）.返回false表示ctrl键没有被按下或者没有保持。浏

Math.hypot方法返回所有参数的平方和的平方根。语法结构:Math.hypot([value1[,value2[,...]]])参数解析:（1）.value1,value2,...:必需，数字参数。代码实例:console.l

Math.fround方法返回一个数的单精度浮点数形式。语法结构:Math.fround(x)参数解析:（1）.x:必需，数字参数。代码实例:console.log(Math.fround(0));console.log(Math.fro

Math.expm1(x)返回值等于Math.exp(x)-1。语法结构：Math.expm1(x)参数解析:（1）.x:必需，数字参数。代码实例:console.log(Math.expm1(-1));console.log(Mat

此方法可以把数字转换为指数计数法。更多内容参阅JavaScriptNumber对象一章节。语法结构:NumberObject.toExponential(num)参数解析:num：可选，规定指数计数法中的小数位数，如果省略了该参数，将使

此方法以指定的精度返回该数值对象的字符串表示。根据参数和数字整数部分位数的关系，作用会有所区别，下面将通过实例做一下介绍。更多内容参阅JavaScriptNumber对象一章节。语法结构:NumberObject.toPrecision

Math.round方法会对参数进行舍入操作，并返回一个整数。舍入操作并非简单的四舍五入、上舍入或者下舍入操作，规则会在后面详细介绍，并通过代码演示。特别说明：round方法是Math对象的静态方法，直接使由Math对象调用。更多Math对

vmin的值是当前vw和vh中较小的值，也就是相对于当前视口宽度和高度较小的那一个。1vmin是较小宽度或者高度值的百分一。代码如下：div{height:50vmin;}如果当前视口宽度500px，高度200px，那么以视口高度为参考，

vmax的值是当前vw和vh中较大的值，也就是相对于当前视口宽度和高度较大的那一个。1vmax是较大宽度或者高度值的百分一。代码如下：div{height:50vmax;}如果当前视口宽度500px，高度200px，那么以视口宽度为参考，

本章节分享一段代码示例，它实现了侧栏选项卡的功能。代码实例如下: 更新时间：2019-10-26类型：

此属性可以返回指定元素的根元素，只读属性。语法结构:nodeObject.ownerDocument浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.火狐浏览器支持此属性。（5

super关键字是ES2015新增，是一个多面手，不同上下文扮演不同角色。可以充当的角色分别如下：（1）.父类构造函数。（2）.父类原型对象。（3）.父类。下面将通过代码实例对其所扮演的角色进行详细分析。一.父类构造函数：classF{

new.target返回new运算符后面所调用的构造函数或者类。如果函数并非用作构造函数，返回值为undefined。关于class类更多内容参阅JavaScriptclass类一章节。ES2015新增此属性。代码实例如下：functi

textContent属性可以返回或者设置指定节点的文本内容。上述概念阐述不足以完全涵盖属性所有特点，后面通过代码实例详细介绍。此属性与innerText比较类似，但是区别也是巨大的，参阅如下两篇文章：（1）.JavaScriptinne

JavaScript是一门面向对象的语言，与其他面向对象语言相比具有自己的特点。下面将从总体上对其做一下概述，不会对细节做过多介绍。本文将解决如下几个问题：（1）.什么是面向对象。（2）.对象成员有哪些。（3）.JavaScript实现面向

dataset属性用来管理HTML元素自定义属性。特别说明：仅对符合HTML5规范，通过data-*语法格式规定的自定义属性有效。关于data-*可以参阅data-*自定义属性一章节。一.HTML属性：HTML属性分为内置标准属性与自定义

getAttribute方法可以返回元素指定属性的值。如果对应的属性不存在，那么方法返回null或者空字符串""。特别说明：如果属性不存在，在当前标准浏览器返回null，比较老旧浏览器可能返回""。与此方法对应的是setAttribute，

如果您是一位使用典型面向对象语言进行开发的编程人员。那么对于class类的应用必定非常熟悉，比如创建对象实例，继承或者多态等等。但当您学习JavaScript时候，可能会感觉非常不适应，它的继承模型与典型面向对象语言截然不同。首先看一段代码

E:nth-child(n)是伪类选择器，可以匹配指定类型与位置的元素。被匹配元素具有如下特点：（1）.首先，是E类型元素。（2）.其次，必须是父元素的第n个子元素。特别说明：E并不仅表示元素选择器，也可以是其他CSS选择器。语法结构：E:

E:first-child是伪类选择器，用于匹配父元素中第一位且类型为E的子元素。通常，CSS选择器都是非常容易理解的，从名称大致可以猜测功能。比如E:focus选择器匹配获取焦点的元素，出现歧义的可能性很小。但是对于E:first-chi

E:nth-last-child(n)是伪类选择器，可以匹配指定类型与位置的元素。被匹配元素具有如下特点：（1）.首先，是E类型元素。（2）.其次，必须是父元素的倒数第n个子元素。特别说明：E并不仅表示元素选择器，也可以是其他CSS选择器。

原型链是JavaScript中最重要的概念之一。对于它的深刻理解是必须的，否则开发工作将难以进行。很多初学者感觉某一个概念难以理解，其实并不是概念本身有多难。而是对与此概念相关的周边知识没有良好的掌握。理解原型链关键在于对于prototyp

className是当前（2018-11）最为常用的属性之一。利用它可以操作DOM元素的class属性，从而实现设置元素CSS样式等功能。之所以说它是当前最为常用的属性，是因为在可以预测的将来，很有可能被classList取代。因为clas

元素缓冲运动比匀速运动更为美观，显得更为有张力和弹性，对于浏览者来说可能会产生更好的效果，留住用户的可能性也就更大，下面就通过代码实例简单介绍一下如何实现此效果。代码实例如下: 更新时间：2019-10-26类型：

很多时候，难于理解一个概念，一个很关键因素是惑于它的名称。尤其是在初学阶段，思路不开阔，且周边知识不够丰富的情况下更是如此。标签语句就是一个这样的概念，一旦让它放下身段，就会感觉如此简单平凡。一.标签语句概念：什么是标签语句，通俗的讲就会被

我们说不要以貌取人，在人际交往中这一点非常重要。但是在编程中，建议"以貌取人"，从长相可以大致猜测功能。instanceof由单词instance与of构成，instance是实例的意思，of表示从属关系。它可以判断对象是否是指定构造函数（

此事件属性可返回一个整数，指示当事件被触发时哪个鼠标按键被点击。语法结构:event.button返回值解析:（1）.返回0表示鼠标左键被点击。（2）.返回1表示鼠标中键被点击。（3）.返回2表示鼠标右键被点击。浏览器支持:（1）.IE浏览

scrollLeft属性可以返回或者设置元素内容向左滚动的尺寸。也就是被元素左侧所遮挡的尺寸，或者说滚动条向右滚动的距离。返回或者设置的值都是数字，不能带单位，默认单位是像素。此属性相当有用，比如可以用来制作水平无缝滚动效果，后面会有简单演

clientTop属性返回元素客户区左上角与整个元素左上角的垂直尺寸。这段尺寸不包括上内边距和上外边距，那么可以得出，这段尺寸就是上边框的厚度。此属性与clientLeft属性原理一样，只是获取的尺寸的方位不同。返回值是一个数字，默认单位是

scrollWidth属性可以返回元素的内容宽度，返回一个数值（单位是像素）。现在关键问题出现了，那就是这个"内容宽度"指的元素的哪一部分。对于width属性，大家都很熟悉，它可以返回元素的宽度。但是元素可能会出现滚动条，有些尺寸会被遮挡。

E:focus是伪类选择器。可以匹配获取焦点的指定元素。语法结构：E:focus{Rules}浏览器支持：（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器支持此选择器

E:enabled是伪类选择器。可以匹配处于可用状态的元素。语法结构：E:enabled{Rules}浏览器支持：（1）.IE9+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器

此为分组选择器，选择器之间用逗号分隔。可以同时为多个选择器设置相同的CSS样式规则。语法结构：E,F{Rules}浏览器支持：（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火

此选择器能够匹配E元素后面的所有F兄弟元素。特别说明：既然是兄弟选择器，那么匹配到的必须是同级元素。语法结构：E~F{Rules}浏览器支持:（1）.IE7+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持

将标签的type属性值设置为"color"即可创建一个拾色器。拾色器功能是HTML5新增。代码实例: 更新时间：2019-10-26类型：

此将标签type属性值设置为"number"即可创建一个数字控件。顾名思义，数字控件专门用于输入数值内容，否则会报错。HTML5新增此控件。代码实例如下： 更新时间：2019-10-26类型：

我们说JavaScript是面向对象的语言，基本做到一切皆是对象。通过构造函数可以创建对象实例，代码如下：functionAntzone(){//code}letant=newAntzone()上述代码通过构造函数Antzo

实际应用中，可能需要删除写入本地硬盘的cookie。默认情况下，cookie会在关闭浏览器结束会话的时候自动删除。不过，往往我们需要设定cookie的在硬盘中留存时间，也就是过期时间。超过这个时间，cookie就会被自动删除。通过expir

理解属性，可以从它的名称入手，在一定程度上可以体现它的功能。offsetLeft是合成词，由如下两个单词构成：（1）.offset：翻译成汉语具有偏移量的意思。（2）.left：翻译成汉语具有左侧的意思。可以猜测属性功能与元素左侧方位的偏移

offsetHeight属性返回表示元素高度（不等同于CSS的height属性）的数值，只读属性。可以结合offsetWidth属性一起学习。需要特别说明两点：（1）.返回值不带单位，默认单位值是像素（px）。（2）.此高度值与通过CSS为

Math.log10(x)返回以10为底的x的对数。如果x小于0，则返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.log10(x)参数解析:（1）.x：必需，数字

Math.log2(x)返回以2为底的x的对数。如果x小于0，则返回NaN。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.log2(x)参数解析:（1）.x:必需，参数数字。

Math.sign方法用来判断一个数到底是正数、负数、还是零。计算结果有如下几种情况：（1）.如果参数为正数，返回1。（2）.如果参数为负数，返回-1。（3）.如果参数为0，返回0。（4）.如果参数为-0，返回-0。（5）.如果其他值，返回

返回参数的双曲正弦。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.sinh(x)参数解析:（1）.x:必需，参数数字。代码实例：console.log(Math.sinh(0

返回参数的双曲正切。更多Math对象内容参阅JavaScriptMath对象一章节。此方法是ES2015新增。语法结构：Math.tanh(x)参数解析:（1）.x：必需，参数数字。代码实例:console.log(Math.tanh

E:last-child是伪类选择器，匹配父元素下处于最后一位，且类型为E的子元素。被匹配的元素具有如下几个特点：（1）.首先，被匹配元素是E类型。（2）.其次，必须是父元素的最后一个子元素。特别说明：E并不仅表示元素选择器，也可以是其他C

call方法可以改变其他方法（函数）的调用对象，方法内的this也会指向新的调用对象。此方法与apply方法功能类似，具体参阅JavaScriptapply()一章节。特别说明：apply对箭头函数无效。语法结构：fn.call(this

通过鼠标拖动方式设置值是很方便的操作。将input的type属性值设置为"range"即可创建具有上述功能的控件。此控件是HTML5新增。代码实例如下： 更新时间：2019-10-26类型：

bind方法可以创建与原来函数主体完全一致的新函数。新函数也称作绑定函数，既然被称作绑定函数，自然会向其绑定一些新内容，后面会介绍。此方法是ES5新增。语法结构：fun.bind(thisArg[,arg1[,arg2[,...]]]

E:first-of-type是伪类选择器，匹配父元素下E类型子元素集合中，处于同标签类型第一位的元素。概念分解如下：（1）.首先，元素必须是E类型，E是CSS选择器。（2）.其次，元素必须处于同标签类型元素集合的第一位。特别说明：注意子元

toggle()是HTML5新增，本文将通过代码实例分步详细介绍一下它的用法。此方法属于DOMTokenList类型集合对象，用于切换class样式类的删除与添加。元素的classList属性返回值即是DOMTokenList类型。关于

querySelectorAll方法可以获取与指定选择器匹配的所有元素的集合。如果没有匹配到任何元素，返回null。此方法的工作原理与querySelector几乎完全一样。区别是querySelector获取选择器匹配的第一个元素，而qu

此方法加载浏览历史列表中的指定页面。笔者当年刚接触web的时候，对于此方法并没有真正的理解。只知道history.go(-1)可以返回前一个页面，history.go(1)进入下一个页面。首先解释一下浏览历史记录，当浏览页面的时候，如果没特

E:link是伪类选择器，可以匹配未访问过的链接。更多内容可以参阅CSS链接一章节。语法结构：E:link{Rules}浏览器支持:（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择

此方法可以将参数转换为对应的布尔值，属于全局对象返回值是true或者false。只要参数不为0，false，undefined，null或者NaN，返回值都为true。更多内容参阅JavaScriptGlobal对象一章节。语法结构：B

escape方法可对字符串进行编码，于是就可以在所有的计算机上读取该字符串。此方法不会对ASCII字母和数字进行编码，也不会对后面这些ASCII符号进行编码：*@-_+./。其他所有字符都会被转义序列替换。特别说明：此方法

此方法可以解析一个字符串，并返回一个浮点数。parseFloat方法属于全局对象，所以无需使用对象调用。转换需要遵循一定的规则，规则如下：（1）.如果字符串不包含数数字，转换失败，返回NaN。（2）.如果字符串的起始字符为非数字，转换失败，

此方法可以解码通过escape编码后的字符串。解码原理如下：在字符串中查找%xx和%uxxxx形式的序列，然后将其替换为\u00xx和\uxxxx形式的unicode字符。escape参阅JavaScriptescape()一章节。

previousElementSibling可以获取节点紧邻的上一个同级元素节点。为了便于记忆和理解，previousElementSibling可以分解成三个单词：（1）.previous：前一个。（2）.element：元素。（3）.s

JavaScript操作DOM元素的首要工作是查找对应DOM元素。考虑到浏览器兼容性，过去常用的方法有如下几个：（1）.document.getElementById()一章节。（2）.document.getElementsByName(

假设A国与B国相邻，中间有一条边境线。当某人从A国跨过国境线进入B国，那么两个国家就产生了关联。不同角度可以有不同的理解，例如以下两种阐述：（1）.以A国角度看，此人进入B国。（2）.以B国角度看，此人来自A国。对于JavaScript中的

getPropertyValue由三个单词构成：（1）.get：获取。（2）.property：属性。（3）.value：值。功能的确也名副其实，此方法可以获取指定属性的值。语法结构：letvalue=CSSStyleDeclarat

RegExp.lastparen属性可以返回最近一次与引用型分组匹配的字符串。它是只读属性，不能手动赋值，但在匹配改变时，值自动改变。特别说明：（1）.lastparen是静态属性，也就是调用者是类本身（构造函数）。（2）.$+是其别名，

RegExp.lastMatch属性可以返回最近一次与整个正则表达式匹配的字符串。它是只读属性，不能手动赋值，但在匹配改变时，值自动改变。特别说明：（1）.lastMatch是静态属性，也就是调用者是类本身（构造函数）。（2）.$&是其别名

E:only-child是伪类选择器，匹配父元素仅有，且类型为E的子元素。语法结构：E:only-child{Rules}参数解析：（1）.E：CSS选择器。（2）.Rules：CSS具体规则声明。浏览器支持:（1）.IE9+浏览器支持

JavaScript赋值运算是最为简单的操作之一。甚至可以说，即便最为基础薄弱的学习者，对此操作的应用也是充满信心。代码实例如下：letwebName="Downzz.com";上述代码声明变量webName，并赋值"Downzz.com

编程中，很多概念虽然编写者已经在使用，但自己并没有意识到。生活中也有很多类似的例子，比如著名的苹果落地现象。很少人去思考原因，因为大家会觉得这是理所当然的事情。学过相关物理知识之后，才知道是万有引力原因导致。下面进入本文的主题，首先看一段代

此方法可以阻止事件的默认动作，它的名称也体现了这一点。preventDefault由prevent和default合成，prevent表示"阻止"，default则表示"缺省"或"默认"。默认动作，就是一个事件触发后浏览器默认动作行为。比如

E:only-of-type是一个伪类选择器。此选择器可以匹配父元素下唯一存在的E类型子元素。上述概念陈述有点拗口，分解如下：（1）.首先，要匹配的元素必须是E类型。（2）.其次，此E类型元素必须在父元素下只能存在一个。语法结构：E:on

E:empty是一个伪类选择器。它可以匹配内容为空的E类型元素。语法结构：E:empty{Rules}浏览器支持:（1）.IE9+浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器

E:not()是一个伪类选择器。接受一个选择器参数，能够从E匹配的元素集合中删除选择器参数所匹配的元素。它不会提高选择器的优先级，与其他伪类选择器不同。关于优先级可以参阅CSS优先级一章节。语法结构：E:not(s){sRules}

E:target是一个伪类选择器。链接元素除了能够规定点击跳转的链接地址。也能创建一个锚点，代码片段你如下：Downzz.com一点击上述链接，能够将页面定位到id属性值为"antzon

E:root是一个伪类选择器。它能够匹配文档的根元素，E一般来讲就是HTML。语法结构：E:root{sRules}浏览器支持:（1）.IE浏览器支持此选择器。（2）.edge浏览器支持选择器。（3）.谷歌浏览器支持选择器。（4）.火狐

此选择器可以匹配所有被E包含的F元素集合。语法结构：EF{Rules}浏览器支持:（1）.IE浏览器支持此选择器。（2）.edge浏览器支持此选择器。（3）.谷歌浏览器支持此选择器。（4）.火狐浏览器支持此选择器。（5）.opera浏

标签通常与标签配合使用，HTML5新增。大家知道所有新功能的出现都是由需求推动的，各行各业都是如此。首先介绍一下出现的现实需求。特别说明：下面仅以input文本框为例子，其实它还可以用

E:last-of-type是伪类选择器，匹配父元素下，E类型、相同类型标签元素集合中最后一个子元素。概念分解如下：（1）.首先，元素必须是E类型。（2）.其次，元素必须处于同标签类型元素集合的最后一位。选择器的命名通常与其功能息息相关，选

ul的英文全称是unorderedlists，翻译成汉语就是无序列表的意思。顾名思义，通过元素可以创建无序列表。所谓无序列表，就是列表前面没有采用类似数字之类能够体现先后顺序标识。无序列表和有序列表相对应，具体参阅HTML 更新时间：2019-10-26类型：

此方法可返回指定的数中较大的一个。如果没有参数，则返回-Infinity，如果某个参数为NaN，或是不能转换成数字的非数字值，则返回NaN。更多内容可以参阅JavaScriptMath对象一章节。语法结构：Math.max(x1...x

此方法可以创建并在表格的指定位置插入一个新行。语法结构：tableObject.insertRow(index)参数解析:（1）.tableObject：表格对象。（2）.index：可选，默认值为-1，插入行的位置，新行将会被插入到ind

此属性可以返回浏览器视口（viewport）的宽度，只读属性。如果存在垂直滚动条，那么包括滚动条所占据的宽度。视口也被称作为客户区，具体参阅浏览器客户区是哪块区域一章节。返回值是一个数字，单位是像素（px）。更多内容参阅JavaScript

此伪元素选择器可以匹配被选中的文本。语法结构：E::selection{Rules}浏览器支持:（1）.IE9+浏览器支持此选选择器。（2）.edge浏览器支持此选择器。（3）.火狐浏览器支持此选择器。（4）.谷歌浏览器支持此选择器。（

此属性可以返回被敲击的按键生成的Unicode字符码。对于keydown和keyup事件，它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。语法结构:event.keyCode浏览器支持:（1）.IE浏览器支持此属性。（

此事件属性可返回数值，用以指示发生事件的日期和时间（从epoch开始的毫秒数）。epoch是一个时间参考点，是客户机启动的时间。语法结构:event.timeStamp浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属

__proto__属性外观比较奇特，因为它原本是一个内部属性。不过当前主流浏览器都支持它，并且ES2015将其标准化。此属性可以返回或者设置对象的原型对象。首先回顾一下关于prototype原型的相关知识。代码实例如下：functionF

activeElement由单词active与element构成，翻译成汉语是激活元素的意思。document.activeElement具有返回当前页面激活元素的功能，只读属性。何种元素算是激活元素呢，那就是当前具有焦点的元素。语法结构：

此方法可访问历史列表中当前页面url的下一个url（如果存在的话）。与点击浏览器的前进按钮作用相同。更多内容可以参阅JavaScripthistory对象一章节。语法结构：history.forward()浏览器支持：（1）.IE浏览器

此方法可以加载浏览历史列表中，当前页面的前一个url（如果存在的话）。与点击浏览器的后退按钮作用相同。更多内容可以参阅JavaScripthistory对象一章节。语法结构：history.back()浏览器支持：（1）.IE浏览器支持

JavaScript求余运算符返回第一个操作数对第二个操作数的模。此运算符用百分号(%)表示。代码实例如下：letresult=24%5;console.log(result);代码运行效果截图如下：在处理特殊值时，求余也有一些

target属性可以返回触发事件的元素。此属性与event.currentTarget类似，更多内容可以参阅如下两篇文章：（1）.JavaScriptevent.currentTarget一章节。（2）.event.currentTarg

currentTarget属性返回当前处理该事件的元素，也就是正在执行的事件处理函数所在的元素。此属性与event.target类似，更多内容可以参阅如下两篇文章：（1）.JavaScriptevent.target一章节。（2）.eve

isPrototypeOf方法可以检测一个对象是否在另一个对象的原型链上。如果在，则返回true，否则返回false。结合此方法名称有助于理解，isPrototypeOf由如下几个单词合成：（1）.is：在疑问句大致为"是否"的意思。（2）

removeChild可以删除指定元素的子节点，由它的名称也体现了这一点。如果删除成功，则返回被删除的子节点对象，否则返回null。语法结构：fatherObj.removeChild(childrenObj)参数解析：（1）.childr

select下拉列表由和标签配合使用生成。代码实例如下: 更新时间：2019-10-26类型：

人微言轻，不同身份的人受到的待遇是不同的。同样一句话，VIP人士口中说出，可能得到很好的贯彻，从普通人口中说出可能约等于pi。在CSS中同样如此，被标记为高权重的声明会盖过普通声明。!important就如同一个VIP标签，被贴上此标签CS

此属性返回当前触发事件的类型。语法结构：event.type浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌浏览器支持此属性。（4）.opera浏览器支持此属性。（5）.火狐浏览器支持此属性。（6）.

此方法可以创建并返回此注释节点。语法结构：document.createComment(text)参数解析：（1）.text：必需，注释的文本内容。浏览器支持：（1）.IE浏览器支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览

optional翻译成汉语具有"可选的"的意思。顾名思义，!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段：p{color:red;@extend.notice}由于并不存在一个名为notice的样式类，

此属性可以返回下拉列表的表单类型。下拉列表，类型总是"select-one"或"select-multiple"。如果下拉列表只能一次性选择一项那么类型值就是"select-one"，否则就是"select-multiple"。语法结构：

此方法可以从下拉列表中删除一个选项。语法结构：select.remove(index)参数解析：（1）.select：select对象。（2）.index：必需，规定要删除的选项的索引值。代码实例如下： 更新时间：2019-10-26类型：

add方法可以向下拉列表添加一个项目。语法结构：select.add(option,before)参数解析:（1）.option：必需，要添加选项元素；option或optgroup元素。（2）.before：必需，在指定项之前添加，如果该

value是可读写属性，具有如下两个功能：（1）.返回select下拉列表的值，实质就是被选中option项的value属性值。（2）.设置select下拉列表的值，能够将具有此值的option项设置为选中状态。语法结构：select.va

multiple属性可以设置或返回下拉列表是否可以选择多个项目，可读写属性。如果属性值为true，则可以选择多个项目，如果为false则不能。语法结构：select.multiple=布尔值参数解析：（1）.select：select对象。

selectedIndex是可读写属性，具有如下两个功能：（1）.返回被选中option项的索引值。（2）.将指定索引位置的option项设置为被选中状态。特别说明：索引值是从0开始的，也就是0表示第一个option项，以此类推。语法结构：

此方法可以删除table中指定的单元格。语法结构：tablerowObject.deleteCell(index)参数解析:（1）.tablerowObject：表格行对象。（2）.index：可选，表示要删除td单元格的索引位置，从0开始

某些时候，可能需要限制某些IP的访问，在.htaccess文件中使用如下命令即可实现:denyfrom000.000.000.000000.000.000.000是被封禁的IP地址，如果是：denyfrom218.12.30.10那

document.createAttribute方法可以创建并返回一个属性节点。通常与setAttributeNode方法配合使用。语法结构：document.createAttribute(attributename)参数解析:（1）.a

appendChild可以为指定元素在尾部追加一个子元素。语法结构:target.appendChild(newChild)参数解析:（1）.target：必需，父元素节点。（2）.newChild：必需，此元素节点将被追加到target中

此方法可以判断当前节点是否包含子节点。如果包含，则返回true，否则返回false。语法结构：element.hasChildNodes()浏览器支持:（1）.IE7+浏览器支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览器支

remove方法可以删除节点自身。语法结构：elementNodeReference.remove();浏览器支持:（1）.IE浏览器不支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览器支持此方法。（4）.opera浏览器支持

replaceChild方法可以使用一个节点替换指定子节点。返回值是被替换掉的子节点，如果替换不成功返回值是null。语法结构：nodeObject.replaceChild(new_node,old_node)参数解析:（1）.nodeO

getAttributeNode方法可以获取一个属性节点对象。语法结构：element.getAttributeNode(attributename)参数解析:（1）.element：要获取属性对象节点的元素。（2）.attributena

此方法可以判断一个元素节点是否具有指定的属性节点。如果具有则返回true，否则返回false。语法结构：domObj.hasAttribute(name)参数解析:（1）.domObj:dom元素对象。（2）.name:属性的名称。浏览器支

此属性用于设置或返回当前URL的协议。点击可查看更对Location对象的属性和方法。更多内容可以参阅JavaScriptlocation对象一章节。语法结构：location.protocol=protocol参数解析:（1）.prot

此属性可以返回指定元素的最后一个子元素节点。特别注意，元素节点与节点所涵盖的范围不同，节点包含元素节点。可以结合lastChild属性一起学习，它返回的是最后一个子节点。关于节点更多内容可以参阅JavaScriptnodeType节点类型

此属性可返回或者设置当前URL的主机名称和端口号。更多内容可以参阅JavaScriptlocation对象一章节。语法结构：location.host浏览器支持:（1）.IE浏览器支持此属性。（2）.edge浏览器支持此属性。（3）.谷歌

此方法可以创建并返回一个文本节点对象。参数解析:（1）.text：必需，规定文本节点的内容。浏览器支持：（1）.IE浏览器支持此方法。（2）.edge浏览器支持此方法。（3）.谷歌浏览器支持此方法。（4）.opera浏览器支持此方法。（5）

此指令用于循环输出，具有两种循环方式，下面分别做一下介绍。（1）.@for$varfromthrough:此种方式的遍历索引区间是[start,end]，代码实例如下:@for$ifrom1thro

此方法可以删除表格中指定的行。语法结构：tableObject.deleteRow(index)参数解析:（1）.tableObject：要删除行的表格对象。（2）.index：必需，规定要删除行的索引位置，表格中第一行的索引值是0。浏览器

将标签的type属性值设置为file即可创建一个文件域。当使用文件域file时，form的enctype属性值必须设置为“multipart/form-data”。文件域可以实现文件的上传，比如图片、压缩包等。代码实例: 更新时间：2019-10-26类型：

目录化的URL据说比较有利于SEO，比如http://www.downzz.com/qiduan/。下面介绍一下如何利用Rewrite实现此功能。代码实例如下:RewriteCond$1!index\.phpRewriteRule^