HTML+CSS+JS详解

Web概述

Web三要素:浏览器,服务器,HTTP协议

**HTML工作原理:**HTML是部署在服务器上的文本文件,根据HTTP协议浏览器发出请求给服务器,服务器做出响应给浏览器返回一个HTML,浏览器解释执行HTML,从而显示内容

什么是HTML?

HTML是超文本标记语言(Hyper Text Markup Language),一种纯文本类型的语言,用来设计网页的标记语言,用该语言编写的文件以.html或者.htm为后缀,由浏览器解释执行,在HTML的页面上可以嵌套脚本语言编写程序段,如JavaScript

HTML标签

HTML标签通常也被称为HTML标记,HTML元素;HTML标签是由尖括号包围的关键字,比如,HTML标签通常是成对出现的,比如,标签对中的第一个标签为开始标签,第二个标签为结束标签,开始标签和结束标签也被称为开放标签和闭合标签

HTML注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们

HTML文档类型:

声明:HTML由多个不同的版本,只有完全明白页面中的使用的确切HTML版本,浏览器才能完全正确的显示HTML页面,这就是的意义;

不是HTML的标签,它为浏览器提供一项信息,即HTML是用什么版本所写的

HTML标签:

定义:标签用于定义文档的头部,是所有头部元素的容器,中的元素可以引用脚本,指示浏览器在哪里找到样表式,提供元信息等等

文档的头部描述了文档的各种信息和属性,包括文档的标题,在web中的位置以及和其他文档的关系等,绝大多数文档的头部包含的数据都不会真正的作为内容显示给读者

以下这些标签可用在head部分:,<meta>,<link>,<style>,<script>,<base></p> <h3>文本元素:</h3> <p>**作用:**文本时网页上的重要组成部分,直接书写的文本会用浏览器默认的样式显示</p> <p>**文本元素列表:**是包含在文本元素中的文本,则会被显示为元素所拥有的样式</p> <h3>HTML标题:</h3> <p>标题是通过<h1>~<h6>标签进行定义的,目的是为了能够以醒目的方式显示,<h1>定义最大标题,<h6>定义最小标题</p> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-H0qWULYZ-1613216632726)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192107880.png)]</p> <h3>HTML段落:</h3> <p>段落是通过<p>标签进行定义的,<p>元素提供了结构化文本的一种方式,<p>元素对中的文本会以单独的段落显示,与前后文本换行分开,添加一段额外的垂直空白距离,作为行间距</p> <h3>HTML列表:</h3> <p>列表是将具有相似特征或先后顺序的几行文字进行对齐排列,所有列表都是由列表类型和列表项组成</p> <p><strong>列表类型:</strong></p> <p>有序列表 <ol>:用于列出表面上有特定次序的一些项目,其中只能包含列表项<li></p> <p>无序列表 <ul>:用于列出页面上没有特定次序的一些项目,也只能包含具体列表项元素<li></p> <p>列表项:用来表示列表具体的内容 <li></p> <h3>HTML列表嵌套:将列表元素嵌套使用,可以建多层列表</h3> <p><strong>HTML分区元素</strong>:</p> <p>用于元素的一些分组,常用于页面布局,块分区元素<div></div>,行内分区元素<span></span></p> <p><strong>元素显示方式:</strong></p> <p>​ 块级元素:**默认情况下,块级元素独占一行,即元素前后都会自动换行,比如<p>,<div></p> <p>​ 行内元素:**不会换行,与其他行内元素位于同一行</p> <p>​ <span>元素是内联元素,可用作文本的容器,无特定的含义</p> <p>​ <i>元素定义斜体字</p> <p>​ <em>定义着重文字</p> <p>​ <del>用来定义带删除线的文字</p> <p>​ <u>用来定义带下划线的文字</p> <p>​ 空格折叠:**默认情况下,HTML中的多个空格,多个换行符会压缩成单个空格,即只显示一个空格</p> <p>​ 实体引用:**空格: ;(小于号)<:< (大于号 ) >:>;</p> <h3>HTML图像:</h3> <p>使用<img>元素可以将图片添加到页面</p> <p><strong>语法</strong>:<img src=“url” ></p> <p><strong>常用属性</strong>:width,height</p> <p>src指的是"source",原属性的值是图像的URL地址,但是地址值分为绝对路径和相对路径</p> <p><strong>绝对路径</strong>:文件从最高级目录下开始的完整路径,无论当前路径是什么,使用绝对路径后总能找到要连接的文件</p> <p><strong>相对路径</strong>:文件的位置是相对于当前的文件位置,包括目录名或指向一个可以从当前目录出发找到的文件</p> <h3>HTML超链接:<a href =“url”,target=""></h3> <p><strong>href属性</strong>:链接地址URL <strong>target属性</strong>:目标的打开方式</p> <p>**锚点:**文档中某行的一个记号,用于链接到文档中的某个位置</p> <p>**链接锚点:**在锚点前加 # <strong><a href ="#g1">内容</a></strong></p> <p><strong>定义锚点:<a name=“g1”>内容</a></strong></p> <p><strong>俩者需对应使用,前后呼应</strong></p> <h3>HTML表格</h3> <p>表格是由<table>标签来定义的,通常用来组织结构化信息,是被称作单元格的矩形框,按照从左到右,从上到下的顺序排列在一起而形成的,表格的数据保存在单元格里</p> <p>​ 创建表格:**<table></table></p> <p>​ 创建行:**<tr></tr></p> <p>​ 创建列:**<td></td></p> <p>**表格常用的属性:**border 边框 width/height 宽/高</p> <p>​ align 对齐方式</p> <p>​ padding 边框与文字之间的距离,内边距</p> <p>​ cellspacing:单元格之间的距离</p> <p>​ 跨行属性:rowspan 合并行 colspan 合并列</p> <p>**行分组:**表格看分为3个部分,分别为:表头,表主题,表尾</p> <pre><code class="prism language-HTML"><table> <!--表头--> <thead> <tr> <th></th> </tr> </thead> <!--表主体--> <tbody> <tr> <td></td> </tr> </tbody> <!--表尾--> <tfoot> <tr> <td></td> </tr> </tfoot> </table> </code></pre> <h3>HTML表单:</h3> <p>表单是用于显示收集信息并提交信息到服务器,表单是一个包含表单元素的区域</p> <p>俩要素:form元素,表单控件</p> <p>表单是从浏览器向服务器传输数据的手段</p> <p><strong>表单元素:</strong></p> <p>定义表单使用成对的<form>标记,表示要将此元素中所涵盖的控件中的数据传入到服务器</p> <p>主要属性:</p> <p>​ action:表单提交URL;method:数据提交方式;enctype:表单数据进行编码的方式</p> <p>**表单控件:**由许多不同类型的控件,其是一种HTML元素,是信息输入项,包含</p> <p>input元素(具有不同的外观):文本框,密码框,单选框,按钮…</p> <p>其他元素:标签,文本域,下拉选</p> <p><strong>input元素</strong></p> <p>​ 文本框 <input type = “text”/></p> <p>​ 密码框:<input type = “password”/></p> <p>​ 主要属性:value:由访问者自由输入任何文本</p> <p>**Maxlength:**限制输入的字符数</p> <p>**Readonly:**设置文本控件的只读</p> <p>​ 单选框: <input type =“radio”/></p> <p>​ 复选框:<input type =“checkbox”/></p> <p>​ 属性:value:文本,当提交form时,选中单选按钮,则发送服务器</p> <p>​ Name:实现分组,一组单选框或者复选框名称必须相同</p> <p>​ Check:设置选中</p> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TbR5MTui-1613216632733)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192510057.png)]</p> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-O2MVUjfi-1613216632735)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192521811.png)]</p> <p><strong>提交按钮:</strong><input type = "submit " value=“提交”/>传送表单数据给服务器</p> <p><strong>重置按钮:</strong><input type = “reset” value=“重置”/>清空内容,并 设为最初默认状态</p> <p><strong>普通按钮:</strong><input type = “button” value=""/>执行客户端脚本</p> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U5s5lfzH-1613216632740)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192540715.png)]</p> <p><strong>隐藏域:</strong><input type = “hidden”/>表单中包含但不希望用户所见</p> <p><strong>文件选择框:</strong><input type = “file”/>选择上传的文件</p> <p><strong>其他元素:</strong></p> <p>​ 标签:表单中的文本用于给控件设置显示名称</p> <p>​ 语法:<label for=“控件ID”>文本</label></p> <p>​ 属性:<strong>for</strong>:设置该文本所关联的控件ID,关联后点击标签等同于点击控件</p> <p>​ 文本域:多行文本框</p> <p>​ 语法:<textrea></textrea></p> <p>​ 属性:cols:指定文本域的列数;rows:指定文本域的行数; readonly:该文本域只读</p> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b1qlNISs-1613216632744)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192605362.png)]</p> <p><strong>下拉选</strong></p> <p><strong>语法:</strong></p> <pre><code class="prism language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>select</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>option</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>option</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>select</span><span class="token punctuation">></span></span> </code></pre> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BG5bF3xx-1613216632747)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192623052.png)]</p> <h2><strong>CSS概述</strong></h2> <h3>什么是CSS?</h3> <p>CSS是层叠样式表(Cascading Style Sheets),样式定义了如何显示HTML元素,样式通常储存在样式表中,CSS是HTML的化妆师</p> <h3>如何使用CSS?</h3> <p>内联样式:定义在单个HTML元素中</p> <p>内部样式表 :定义在HTML的头元素中</p> <p>外部样式表:将样式定义在外部的CSS文件中(.css),由HTML页面引用样式表文件</p> <p><strong>内联样式</strong>:定义在HTML元素的属性style里面</p> <p>css语法:只需要将分号隔开的一个或多个属性作为元素的style属性值,属性值之间用冒号(:)连接,多个属性值之间用分号(;)隔开</p> <p>**内部样式表:**在HTML的<head>元素内部添加<style>元素</p> <p>**外部样式表:**样式定义在独立的CSS文件中,一个纯文本文件,后缀为.css,该文件只包含样式规则</p> <p>使用方法:①**创建外部样式表文件</p> <p>②引用该样式文件</p> <p><code><link rel="stylesheet" type="text/css" href="文件地址值"\></code></p> <h3>CSS语法规范:</h3> <p>CSS规则由俩个部分构成:选择器,以及一条或多条样式声明</p> <p>[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-snIlbh1w-1613216632749)(C:\Users\Melody\AppData\Roaming\Typora\typora-user-images\image-20210213192800256.png)]</p> <p>**CSS注释:**CSS注释以 “/*” 开始, 以 “*/” 结束,</p> <p>​ /*这是个注释*/</p> <h3><strong>CSS规则特性</strong></h3> <p><strong>优先级</strong>:同一个元素若存在多个CSS规则,对应冲突的声明以优先级高者为准(就近原则)</p> <p><strong>层叠性</strong>:同一个元素若存在多个CSS规则,对于不冲突的声明可以叠加</p> <p><strong>继承性</strong>:父元素的CSS声明可以被子元素继承,如字体,颜色</p> <h3><strong>CSS选择器</strong></h3> <p>**元素选择器:**能通过元素名来选择CSS作用的目标</p> <p>**类选择器:**能够附带class属性的元素都可以使用此样式声明,将元素的class属性设置为样式类名,可以将类选择器和元素选择器结合使用,以实现对某种元素的中不同样式的细分控制 (.class_name)</p> <p>**ID选择器:**以一种独立于文档元素的方式,它仅作用于id属性的值 (#id_name)</p> <p>**选择器组:**选择器声明为以逗号隔开的选择器列表,将一些相同的规则作用于多个元素</p> <p>**派生选择器:**用来选择子元素</p> <p>分类:后代选择器:选择某元素的后代(子孙)元素</p> <p>子元素选择器:选择某元素的所有子元素</p> <p>**伪类选择器:**用于设置同一个元素在不同状态下的样式</p> <p>常用伪类:</p> <p>​ :link向未被访问的超链接添加样式</p> <p>​ :visited 向已被访问的添加样式</p> <p>​ :active:向未激活的元素添加样式</p> <p>​ :hover:当鼠标悬停到元素上方时,添加样式</p> <p>​ :focus:当元素获取焦点时,向该元素添加样式</p> <p><strong>border</strong>:用来设置元素的边框</p> <p><strong>四边设置</strong>:border:width值 style值 color值</p> <p><strong>单边设置</strong>:border-left border-right border-top border-bottom</p> <p><strong>样式单位</strong>:%:百分比 in:英寸 cm:厘米</p> <p>​ mm:毫米 pt 磅(1pt=1/72 in)</p> <p>​ Px像素 1em 等于当前字体尺寸</p> <p>​ Overflow:当内容溢出元素边框时</p> <p>​ Visible 不裁剪内容,可显示在内容框外</p> <p>​ Hidden 裁剪内容,不提供滚动机制</p> <p>​ Scroll 裁剪内容,提供滚动机制</p> <p>​ Auto 如溢出,提供滚动</p> <h3>Box框模型:</h3> <p>元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。</p> <p>内边距、边框和外边距都是可选的,默认值是零。但是,许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行,也可以使用通用选择器对所有元素进行设置</p> <ul> <li> <p><strong>Margin</strong> - 清除边框区域。Margin没有背景颜色,它是完全透明</p> </li> <li> <p><strong>Border -</strong> 边框周围的填充和内容。边框是受到盒子的背景颜色影响 `</p> </li> <li> <p><strong>Padding</strong> - 清除内容周围的区域。会受到框中填充的背景颜色影响</p> </li> <li> <p><strong>Content</strong> - 盒子的内容,显示文本和图像</p> </li> </ul> <h3>背景色:</h3> <h3>background-color:用于为元素设置背景色,可接受任何合法的颜色值</h3> <p><strong>背景图片:</strong></p> <p>background-image:设置背景图片,默认值为none,表示背景上没有放置任何图像,如需设置,则需要起始字符附带图像的url地址</p> <p>默认情况下,背景图片是在水平和垂直方向上重复出现的</p> <p>​ background-repeate:可控制背景图片的平铺效果</p> <p>​ repeate:在水平和垂直方向重复</p> <p>​ repeate-x:在水平方向重复</p> <p>​ repeate-y:在垂直方向重复</p> <p>​ no repeate:仅显示一次</p> <p>​ background-position:用于改变背景图片在元素中的位置</p> <h2>CSS文本格式化</h2> <h3>控制字体:</h3> <h3>font-family:value 1,value 2 指定字体</h3> <p>font-size:value 字体大小</p> <p>font-weight:normal/bold 字体加粗</p> <p>color:value 文本颜色</p> <p>Text-align:left/right/center 文本排列</p> <p>Line-height:value 行高</p> <p>Text-indent:value 首行文本缩进</p> <h2>表格样式:</h2> <h3><strong>常用属性</strong>:表格同样使用box模型(边框 ,内边距,宽,高)以及文本格式化属性</h3> <h3><strong>表格特有属性</strong>:如果设置了单元格边框,相邻单元格边框 会单独显示,类似于双线边框</h3> <p>border-collapse:合并相邻的边框,设置是否将表格的边框合并为一个边框</p> <h3>显示方式:元素都有自己默认的选择方式</h3> <p>块元素:从上到下显示,可以设置宽高 如:<P>,<div>,<h1></p> <p>行内元素:从左到右显示,不能设置宽高,如:<span>,<a></p> <p>行内块元素:从左到右显示,可以设置宽高,<input>,<img></p> <p>除了默认显示效果外,可以用display属性,修改元素的显示方式</p> <p><strong>具体修改方式</strong>:</p> <p>​ display:none 表示不显示该元素,释放其占用的空间</p> <p>​ display:block 表示将元素的显示方式设置为块</p> <p>​ display:inline 表示将元素的显示方式设置为行内元素</p> <p>​ display:inline-block:表示将元素的显示方式设置为行内块元素</p> <h2>定位:</h2> <p>定义元素框对于其正常位置应该出现的位置或相对于父元素另一个元素相对于浏览器窗口本身的位置</p> <p>**流定位:**页面中的块级元素从上到下依次排列,每一个块级元素都会出现在新的一行,元素框之间的垂直距离,由框的垂直外边距计算得出</p> <p>内联元素:在一行中从左到右,水平排列不需要换行,使用的是水平内边距,边框和外边距调整他们的间距</p> <p>**浮动定位:**将元素排除在普通流之外,将浮动元素放置在包含框的左边或者右边,浮动元素依旧包含于框之外,浮动框可以向左或者向右移动,直到外边缘碰到包含框或者另一个浮动框位为止,如需要设置框浮动在包含框的左边或者右边,可以通过float属性实现具体方向的移动</p> <p>任何元素都是可以移动的 float:none/left/right</p> <p>clear清除浮动所带来的影响:clear:none/left/right/both</p> <p>**相对定位:**元素原本所占的空间不释放,元素框会相对于原来的位置偏移某个距离,设置垂直或者水平,让元素相对于它的起点进行移动</p> <h3>首先需要设置position属性,其值为relative,然后使用left/right/top/bottom设置具体的偏移量</h3> <p>**绝对定位:**将元素的内容从当前定位中清除,释放空间,并使用偏移量来固定元素的位置,相对于最近的祖先元素,若偏移元素没有已定位的元素,那么它的位置就是相对于body元素的位置</p> <p>​ 首先设置position属性,其值为absolute,然后使用left/right/top/bottom设置具体的偏移量</p> <p>**固定定位:**将元素的内容固定在页面的某个位置,元素从普通流中完全移出,不占用页面空间,当用户将页面向下滚动时,元素看不随着移动</p> <p>​ 首先设置position属性,其值为fixed,然后使用left/right/bottom/top设置具体的偏移量</p> <p>**堆叠顺序:**一旦修改元素的定位方式,元素可能发生堆叠,可以使用z-index来控制有元素在框中出现的堆叠数值</p> <p>​ Z-index:value 数值越大,级别越高,越显示在前</p> <h2>列表样式:</h2> <p>List-style-type:用于控制列表中列表项标志的一个样式</p> <p>无序列表:出现在各列旁边的圆点</p> <p>​ 无需列表的取值:none:无标记;disc:实心圆(默认);circle(空心圆);square 实心方块</p> <p>有序列表:可能出现数字,字母或者其他用来排列计数</p> <p>​ 有序列表的取值:none:无标记;decimal:数字;</p> <p>​ lower-roman:小写罗马数字 upper-roman:大写罗马数字</p> <p>​ list-style-image:使用图像替换列表项,取值为url</p> <h2>JavaScript</h2> <p><strong>什么是javaScript?</strong></p> <p>嵌入在HTML中在浏览器中的脚本语言,具有与java和C语言类似的语言,一种网页的编程技术,用来向HTML页面添加交互行为,直接嵌入HTML页面,由浏览器解释执行代码,不进行预编译</p> <p>​ 特点:可以使用任何文本工具编译,由浏览器内置的JavaScript引擎执行代码</p> <p>​ 解析执行:事先不编译,逐行执行</p> <p>​ 基于对象:内置大量线程对象</p> <p>**使用:**客户端的数据计算,客户端表单合法性验证,浏览器事件触发,网页特殊显示效果制作,服务器的异常数据提交</p> <h3>JavaScript程序的用法:</h3> <p>事件定义式:在时间定义时,直接写JavaScript;</p> <p>嵌入式:在使用Script标签</p> <p>文件调用式:代码位于单独的(.js)文件中,html页面引用js文件,在script标签中添加文件的地址(src="")</p> <h3>JavaScript代码错误:</h3> <p>解释性代码,代码错误则页面中无效果,可以打开网页的"检查""错误控制台"来查看错误</p> <h3>JavaScript语法规范:</h3> <p>**基本语法:**由Unicode字符集编写</p> <p>**注释:**单行://注释内容 多行:/*注释内容*/</p> <p>**语句:**表达式,关键字,运算符,大小写敏感,建议使用分号结尾一条语句</p> <p><strong>标识符和关键字:</strong></p> <p>标识符:不以数字开头的字母,数字,下划线和$组成</p> <p>关键字:查看js手册</p> <p>**变量:**使用关键字var声明变量,变量初始化使用"=="来赋值</p> <p>没有初始化的变量自动取值为:undefined</p> <p>变量无类型,统一使用var声明,变量所引用的数据有类型</p> <h3>JavaScript数据类型:</h3> <p>**特殊类型:**null: 空 undefined:未定义</p> <p>**内置对象:**Number:数字 String:字符串 boolean:俩个值 true/false Array数组 function:函数</p> <p>**外部对象:**window:浏览器对象 document:文档对象</p> <p>**自定义对象:**Object:自定义对象</p> <p><strong>String类型:</strong></p> <p>​ 由Unicode字符,数字,标点符号组成的字符序列,直接量需要一对单/双引号括起</p> <p><strong>Number类型:</strong></p> <p>​ 在JavaScript中不区分整型数值和浮点型数值,整型直接量:默认的整数直接量为十进制</p> <p><strong>Boolean类型:</strong></p> <p>​ 仅有俩个值 true/false</p> <p><strong>数据类型转换:</strong></p> <p>​ ①数据类型之间隐式转换</p> <p>​ ②转换函数:</p> <p>**·toString:**所有数据类型均可以转换为String类型</p> <p>·<strong>parseInt()</strong>:强制转换为整数,如不能转换则出现NaN;</p> <p>·<strong>parseFloat()</strong>:强制转换为浮点数,不能转换会出现NaN;</p> <p>·**typeof:**查看当前类型,返回String/Number/boolean/object/Function/undefined</p> <p>·**isNaN():**判断被检测表达式转换后是否不是一个数,若不是数,则为true;否则为fasle</p> <p><strong>特殊数据类型:</strong></p> <p>​ Null:程序中无值/无对象,可以给一个变量赋值为null来清除内容</p> <p>​ Undefined:声明变量,单位赋值/对象属性不存在</p> <h3>运算符:</h3> <p><strong>算数运算</strong>:+,-,*,/,%,++(自增),–(自减)</p> <p><strong>关系运算</strong>:>,>=,<,<=,!=,==</p> <p>​ ===:全等:类型相同,数值相同</p> <p>​ !==:不全等</p> <p><strong>逻辑运算</strong>:与:&&;或:||;非(!)</p> <p><strong>条件运算</strong>:三目运算:表达式?表达式1:表达式2</p> <p><strong>控制语句</strong>:任何复杂的程序都可以通过顺序结构,分支结构,循环结构三种基本程序执行,默认结构为顺序结构</p> <p><strong>分支结构</strong>:if语句;switch-case与break联合使用</p> <p><strong>循环结构</strong>:for循环,while循环,do-while循环</p> <h2>JavaScript对象概述</h2> <p>对象是JavaScript中最重要的API,其中包含最多种对象,比如:内置对象,外部对象(window对象,dom对象),自定义对象</p> <h3>如何使用对象?</h3> <p>对象包含属性和函数,</p> <blockquote> <p>访问对象的属性:对象.属性</p> <p>访问对象的方法: 对象.方法名</p> </blockquote> <p><strong>常见内置对象:</strong></p> <h2>String对象:</h2> <p><strong>创建对象</strong>:var str = ‘‘hello’’; var str=new String (’‘hello’’);</p> <p>**String对象的属性:**length</p> <p>**常用方法:**大小写转换:x.tolowerCase ; x.toUpperCase()</p> <p>**获取指定字符:**x.charAt(index) 返回指定位置的字符</p> <p>​ X.charCodeAt(index):返回指定位置的字符的Unicode编码</p> <p>**查询指定字符串:**x.indexOf(findstr,[index]); x.lastindexOf(findstr,[index])</p> <p>使用说明:findstr:查找的字符串;index:开始查找的位置索引,可以省略,如果没有找到则返回-1;lastindexOf:从后面开始找起</p> <p>**获取子字符串:**x.substring(start,[end])</p> <p>​ 使用说明:start:开始位置;end:结束位置</p> <p>**替换子字符串:**X.replace(findstr,tostr)</p> <p>​ 使用说明:findstr:要找的子字符串;tostr:替换的字符串</p> <p>**拆分字符串:**x.split(bystr,[howmarny])</p> <p>​ 使用说明:bystr分割用的字符串;howmarny返回的数组最大长度</p> <h2>Number对象:</h2> <p>Number对象是数值对象,创建方法为var num=123;</p> <p><strong>常用方法</strong>:toFixed(num)转换为字符串,并保留小数点后一定位数</p> <h2>Array对象:</h2> <p>创建数组对象:</p> <pre><code class="prism language-javascript"><span class="token keyword">var</span> a1 <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Array</span>();<span class="token keyword">var</span> a2 <span class="token operator">=</span><span class="token keyword">new</span> <span class="token class-name">Array</span>(<span class="token number">6</span>); <span class="token keyword">var</span> a3 <span class="token operator">=</span><span class="token keyword">new</span> <span class="token class-name">Array</span>(<span class="token number">100</span>,<span class="token string">"a"</span><span class="token punctuation">,</span><span class="token boolean">true</span>)<span class="token punctuation">;</span> <span class="token keyword">var</span> a4 <span class="token operator">=</span> \<span class="token punctuation">[</span><span class="token number">100</span> <span class="token punctuation">,</span><span class="token number">200</span><span class="token punctuation">,</span><span class="token number">300</span>\<span class="token punctuation">]</span><span class="token punctuation">;</span> </code></pre> <p>获取数组元素的个数:.length;</p> <p>数组长度可变;</p> <p><strong>数组的倒序与排序:</strong></p> <p>X.reverse() 反向数组,改变数组X中数值的顺序</p> <p>X.sort(sortfunc)数组排序:sortfunc:可选项,用来确定元素的函数名称</p> <h2>Math对象:</h2> <p>Math对象用于执行数学任务,无需创建,直接把math作为对象使用可以调用所有的属性和方法</p> <p>三角函数:Math.sin(x),Math.COS(X),math.tan(x)</p> <p>计算函数:Math.log(x)…</p> <p>数值比较函数:</p> <h2>Date对象:</h2> <p>用于处理日期和时间,封装了系统毫秒数</p> <p>创建方法:var now = new Date()</p> <p>常用方法:读写时间毫秒数:getTime();setTime()</p> <p>读写时间分量:getDate();getDay;setDate();setDay;toString…</p> <h2>RegExp对象</h2> <p>表示正则表达式 var rge = new RegExp();</p> <p>常用方法:</p> <p>​ x.replace(regexp,tostr)</p> <p>​ x.match(regexp)</p> <p>​ x.search(regexp)</p> <p>​ exec(str)检索字符串中指定的值,返回找到的值</p> <p>​ test(str)检索字符串中指定的值,返回true或false</p> <p>使用说明:</p> <p>​ regexp代表正则表达式或字符串</p> <p>​ replace返回替换后的结果</p> <p>​ match返回匹配字符串的数组</p> <p>​ search返回匹配字符串的首字符位置索引</p> <h2>Function对象</h2> <p>JS中函数就是Function对象,函数名就是指向Function对象的引用,使用函数名就可以访问函数对象</p> <p>函数的返回值:默认返回undefined,可以使用return返回具体的值</p> <p>函数的参数:JS的函数没有重载;调用时只要函数名一样,无论传入多少个参数,调用的都是同一个函数;没有接收的实参的参数值是undefined;所有的参数传递给arguments数组对象</p> <p>Arguments:是一特殊的对象,在函数代码中,表示函数的参数数组,在函数代码中可以使用arguments访问所有参数</p> <p>–arguments.length函数的参数个数</p> <p>–arguments[i]:第i个参数</p> <p>–可以使用arguments实现可变参数的函数</p> <p>使用Function对象创建函数:</p> <pre><code class="prism language-javascript"><span class="token keyword">var</span> abc <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Function</span>(<span class="token string">"x"</span><span class="token punctuation">,</span><span class="token string">"y"</span><span class="token punctuation">,</span><span class="token string">"return(x+y)"</span>) <span class="token keyword">var</span> result <span class="token operator">=</span> <span class="token function">abc</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">,</span><span class="token number">3</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token function">Alert</span><span class="token punctuation">(</span>result<span class="token punctuation">)</span><span class="token comment">//5</span> <span class="token function">Alert</span><span class="token punctuation">(</span>abc<span class="token punctuation">)</span><span class="token comment">//Function("x","y","return(x+y)")</span> </code></pre> <p>匿名函数:</p> <p><code>Var func = Function(x,y){return(x+y)}</code></p> <p>Eval函数</p> <p>​ Eval用于计算表达式字符串,或用于执行字符串中的JS代码</p> <p>​ 只接收原始字符串作为参数,如果参数中没有合法的表达式和语句,抛出异常</p> <p>​ var s1 = “2+3”; eval(s1) //5</p> <h2>外部对象概述</h2> <p>·BOM(Browser Object Model):</p> <p>​ 浏览器对象模型,用来访问和操作浏览器窗口,是JavaScript有能力和浏览器"对话",通过操作BOM,可以动窗口,更改状态栏文本,执行其他不与页面内容发生直接联系的操作</p> <p>·DOM(Document Object Model)</p> <p>​ 文档对象模型,用来操作文档,定义了访问和操作HTML文档的标准方法</p> <p>·WINDOW对象:表示浏览器窗口</p> <p>常用属性:</p> <p>​ Document:窗口中显示的HTML文档对象</p> <p>​ History:浏览器窗口的历史记录对象</p> <p>​ Location:窗口文件地址对象</p> <p>​ Screen:当前屏幕对象</p> <p>​ Navigator:浏览器相关信息</p> <p>常用方法:</p> <p>​ alert();confirm()</p> <p>​ setTimeout();clearTimeout()</p> <p>​ setInterval();clearInterval()</p> <p><strong>对话框:</strong></p> <p>​ alert(str)提示对话框 ,显示str字符串内容</p> <p>​ confirm(str)确认对话框,显示str字符串内容,按"确定"按钮返回true,其他则返回false</p> <p><strong>定时器:</strong></p> <p>​ 多用于网页的动态时钟,制作倒计时,跑马灯效果等</p> <p>​ 周期性时钟:以一定的间隔执行代码,循环往复</p> <p>​ 一次性时钟:在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行</p> <p><strong>周期性定时器:</strong></p> <p>​ setInterval(exp,time) exp:执行语句 time:时间间隔</p> <p>​ clearInterval(tID)停止启动的定时器</p> <p><strong>一次性定时器:</strong></p> <p>​ setTimeout(exp,time)exp:执行语句 time:时间间隔,返回已经启动的定时器</p> <p>​ clearTimeout(tID)停止启动的定时器</p> <p><strong>常用属性:</strong></p> <p>Screen对象:包含有关客户端显示屏幕的信息,常用于获取屏幕的分辨率和色彩 Width/height/availwidth/availHeight</p> <p><strong>History对象</strong>:包含用户访问过的URL</p> <p>​ length属性:浏览器历史记录列表中的URL数量</p> <p>​ back():等同于后退按钮</p> <p>​ forword():等同于前进按钮</p> <p>​ go(num):等同于单机前后或后退num次</p> <p><strong>Location对象</strong>:</p> <p>​ Location对象包含有关当前的URL信息,常用于获取或改变当前浏览的网址</p> <p>​ href属性:当前窗口正在浏览器的网页地址</p> <p>​ reload():重新载入当前网址,等同于刷新按钮</p> <p><strong>Navigator对象</strong>:</p> <p>​ 包含有关浏览器的信息,常用于获取客户端浏览器和操作系统信息</p> <h2>DOM概述</h2> <p>DOM(document object model)文档对象模型</p> <p>当网页被加载时,浏览器会创建页面的文档对象模型,通过可编程的对象模型。javaScript获得了足够的能力来创建动态的HTML,JavaScript可以改变页面中的所有HTML元素,属性,CSS样式以及对页面中的所有事件做出反应</p> <p><strong>DOM节点树</strong>:DOM模型被构造为对象的数,这棵树的根就是document对象</p> <p><strong>DOM操作包括</strong>:查找节点,读取节点信息,修改节点信息,创建新节点,删除节点</p> <p>读取,修改节点信息:</p> <p>​ nodeName:节点名称</p> <p>​ 元素节点和属性节点:标签或属性的名称</p> <p>​ 文本节点:永远是text</p> <p>​ 文档节点:永远的document</p> <p>nodeType:节点类型</p> <p>​ 返回数值:若是元素节点,返回1;属性节点:2;</p> <p>​ 文本节点:3;注解节点:8;文档节点:9</p> <p><strong>元素节点的内容</strong>:</p> <p>​ innerText:设置或获取位于对象起始和结束标签内的文本</p> <p>​ innerHTML:设置或获取位于对象起始和结束标签内的HTML</p> <p>节点属性:</p> <p>​ getAttribute()方法,根据属性名称获取属性的值</p> <p>​ SetAttribute()方法</p> <p>​ RemoveAttribute()</p> <p>​ 将HTML标记,属性和CSS都对象化</p> <p><strong>元素节点的样式</strong>:</p> <p>​ style属性:node.style.color;node.style.fontsize</p> <p>​ className属性:动态绑定样式</p> <h2>查询</h2> <p><strong>查询节点</strong>:</p> <p>​ 如果需要操作HTML元素,必须首先找到该元素,查询节点的方式有</p> <ol> <li> <p>通过id查询</p> </li> <li> <p>通过层次(节点关系)查询</p> </li> <li> <p>通过标签名称查询</p> </li> <li> <p>通过name属性查询</p> <p><strong>根据元素的id查询节点:</strong></p> <p><code>document.getElementById();</code></p> <p>通过指定的id来返回元素节点,查询整个HTML文档中的任何HTML元素,如果id值错误,返回null</p> </li> </ol> <p><strong>根据层次查询:</strong></p> <p>​ parentNode:遵循文档的上下层次结构,查找单个父节点</p> <p>​ childNodes:遵顼文档的上下层次结构,查找多个子节点</p> <p>根据标签名查询:</p> <p>​ getElementByTagName()根据指定的标签名返回所有元素,查找整个HTML文档的所有元素,如果标签名错误,返回长度为0的节点列表</p> <p>​ 若返回一个节点列表(数组),使用节点列表的length属性获取个数,[index]:定位具体的元素</p> <p><strong>根据name属性查询:</strong></p> <p>​ document.getElementByName():根据标签的name属性的值进行查询</p> <h2>增加</h2> <p>创建新节点:document.createElement(name) name:要创建元素的标签名称,返回新创建的节点</p> <p>添加新节点:parentNode.appendChild(newNode)</p> <p>newNode:新节点作为父节点的最后一个子节点进行添加</p> <p>parentNode.insertBefore(newNode,refNode) refNode是参考节点,新节点位于此节点之前添加</p> <h2>删除</h2> <p>删除节点: node.removeChild(childNode):删除某个子节点,childNode必须是node的子节点</p> <h2>事件</h2> <p>概述:指页面元素状态改变,用户在操作鼠标或者键盘时触发的动作,具体包括:鼠标事件,键盘事件,状态改变事件…</p> <p>Event: 事件触发后会产生一个event对象</p> <p>事件属性:</p> <p>鼠标事件:onclick 单击事件 ondblclick 双击事件</p> <p>onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 onmousedown:鼠标点击事件 onmouseup:鼠标松开事件</p> <p>event对象:</p> <p>​ 任何事件触发后会产生一个event对象,event对象记录事件发生时的鼠标位置,键盘按键状态和触发对象等信息</p> <h2>JQuery</h2> <p>JQuery是一个优秀的JavaScript框架,一个轻量级的JS库,它封装了JS,CSS,DOM提供了一致的,简洁的API,使用户更加方便的处理HTML,实现动画效果,并且方便为网站提供Ajax交互模型,使用户的HTML页面保持代码和HTML内容分离</p> <h3>使用JQuery</h3> <p>JQuery的使用步骤:</p> <ol> <li> <p>引入JQuery的js文件</p> </li> <li> <p>使用选择器定位操作节点</p> </li> <li> <p>调用JQuery的方法进行操作</p> <p>什么是JQuery对象?</p> <p>JQuery对象本质上是一个DOM对象数组,它在该数组上扩展了一些操作数组中元素的方法</p> <p>Obj.length:获取数组的长度</p> <p>Obj.get(index):获取数组中的某一个DOM对象</p> <p>Obj[index]:等价于obj.get(index)</p> <p>DOM对象转换为JQuery对象:$(DOM对象)</p> </li> </ol> <h3>JQuery选择器:</h3> <p>JQuery选择器类似于CSS选择器(定位元素),能够实现定位元素,添加行为,使用JQuery选择器能够将内容与行为分离</p> <p>选择器的分类:基本选择器,层次选择器,过滤选择器,表单选择器</p> <p><strong>基本选择器:</strong></p> <p>​ 元素选择器:根据标签来定位元素 $(“标签名”)</p> <p>​ 类选择器:根据class属性定位元素 $(".class属性名")</p> <p>​ Id选择器:根据id属性定位元素 $("#id属性名")</p> <p>​ 选择器组:定位一组选择器所对应的所有元素 $("#id,name")</p> <p><strong>层次选择器:</strong></p> <p>​ 在select1元素下,选中所有满足select2的子孙(后代)元素 $(“select1 select2”)</p> <p>​ 在select1元素下,选择所有满足select2的子元素</p> <p>​ $(“select1>select2”)</p> <p><strong>过滤选择器:</strong></p> <p>根据元素的基本特征定位元素,常用于表格和列表</p> <p>​ first:第一个元素;last:最后一个元素</p> <p>​ not(selector)把selector排除在外</p> <p>​ even 挑选偶数行 odd 挑选奇数行</p> <p>​ eq(index)下标等于index元素</p> <p>​ gt(index)下标大于index的元素</p> <p>​ lt(index)下标小于index的元素</p> <p><strong>内容过滤选择器:</strong></p> <p>根据文本内容定位元素</p> <p>​ contains(text)匹配包含给定文本的元素</p> <p>​ empty 匹配所有不包含子元素或文本的空元素</p> <p><strong>可见性过滤选择器:</strong></p> <p>​ hidden:匹配所有不可见元素</p> <p>​ visible:匹配所有的可见元素</p> <p><strong>属性过滤选择器:</strong></p> <p>​ 根据属性定位元素</p> <p>​ [attribute]匹配具有attribute属性的元素</p> <p><strong>状态过滤选择器</strong>:</p> <p>​ 根据状态定位元素</p> <p><strong>表单选择器</strong>:</p> <p>​ 包括:text:匹配文本框 password:匹配密码框…</p> <p><strong>读写节点</strong>:</p> <p>读写节点的HTML内容:</p> <p>​ 读入:obj.html() 写出:obj.html(“写出内容”)</p> <p>读写节点的文本内容:</p> <p>​ 读入:obj.text() 写出:obj.text(“写出内容”)</p> <p>读写节点的value属性值 :</p> <p>​ 读入:obj.val() 写出:obj.val(“写出内容”)</p> <p>读写节点的属性值:</p> <p>​ 读入:obj.attr(“属性名”) 写出:obj.attr(“属性名”,“属性值”)</p> <p><strong>增删节点</strong>:</p> <p>创建DOM节点:$(’‘节点内容’’)</p> <p>插入DOM节点:</p> <p>​ parent.append(obj) 作为最后一个子节点添加</p> <p>​ parent.prepend(obj) 作为第一个子节点添加</p> <p>删除DOM节点:</p> <p>​ Obj.remove() 删除节点</p> <p>​ Obj.remove(selector) 只删除满足selector的节点</p> <p>​ Obj.empty() 清空节点</p> <p><strong>样式:</strong></p> <p>​ addClass(" ")追加样式</p> <p>​ removeClass(" ")移出指定样式</p> <p>​ removeClass() 移出所有样式</p> <p>​ toggleClass(" ")切换样式</p> <p>​ hasClass("")判断是否有这个样式</p> <p>​ css("")读取css的值</p> <p>​ css("","")设置多个样式</p> <p><strong>遍历节点:</strong></p> <p>children()取得一个包含匹配的元素集合中的每一个元素的所有子元素的元素集合</p> <p>parent() 父节点</p> <p><strong>事件处理:参考手册</strong></p> <p><strong>等待页面加载完毕后执行:$(function(){…})</strong></p> <p>获得事件对象event</p> <p>只需要对事件处理函数传递一个参数 如:$obj.click(function(e){…}); e 就是事件对象,已经经过了JQuery的底层事件对象的封装,封装后的事件对象可以方便的兼容各浏览器</p> <p>事件的常用属性:</p> <p>​ 获取事件源:e.target 返回值就是DOM对象</p> <p>:匹配所有的可见元素</p> <p><strong>属性过滤选择器:</strong></p> <p>​ 根据属性定位元素</p> <p>​ [attribute]匹配具有attribute属性的元素</p> <p><strong>状态过滤选择器</strong>:</p> <p>​ 根据状态定位元素</p> <p><strong>表单选择器</strong>:</p> <p>​ 包括:text:匹配文本框 password:匹配密码框…</p> <p><strong>读写节点</strong>:</p> <p>读写节点的HTML内容:</p> <p>​ 读入:obj.html() 写出:obj.html(“写出内容”)</p> <p>读写节点的文本内容:</p> <p>​ 读入:obj.text() 写出:obj.text(“写出内容”)</p> <p>读写节点的value属性值 :</p> <p>​ 读入:obj.val() 写出:obj.val(“写出内容”)</p> <p>读写节点的属性值:</p> <p>​ 读入:obj.attr(“属性名”) 写出:obj.attr(“属性名”,“属性值”)</p> <p><strong>增删节点</strong>:</p> <p>创建DOM节点:$(’‘节点内容’’)</p> <p>插入DOM节点:</p> <p>​ parent.append(obj) 作为最后一个子节点添加</p> <p>​ parent.prepend(obj) 作为第一个子节点添加</p> <p>删除DOM节点:</p> <p>​ Obj.remove() 删除节点</p> <p>​ Obj.remove(selector) 只删除满足selector的节点</p> <p>​ Obj.empty() 清空节点</p> <p><strong>样式:</strong></p> <p>​ addClass(" ")追加样式</p> <p>​ removeClass(" ")移出指定样式</p> <p>​ removeClass() 移出所有样式</p> <p>​ toggleClass(" ")切换样式</p> <p>​ hasClass("")判断是否有这个样式</p> <p>​ css("")读取css的值</p> <p>​ css("","")设置多个样式</p> <p><strong>遍历节点:</strong></p> <p>children()取得一个包含匹配的元素集合中的每一个元素的所有子元素的元素集合</p> <p>parent() 父节点</p> <p><strong>事件处理:参考手册</strong></p> <p><strong>等待页面加载完毕后执行:$(function(){…})</strong></p> <p>获得事件对象event</p> <p>只需要对事件处理函数传递一个参数 如:$obj.click(function(e){…}); e 就是事件对象,已经经过了JQuery的底层事件对象的封装,封装后的事件对象可以方便的兼容各浏览器</p> <p>事件的常用属性:</p> <p>​ 获取事件源:e.target 返回值就是DOM对象</p> <p>​ 获取鼠标点击的坐标 e.pageX e.pageY</p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1360780801330929664"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(自我总结,html,js,css,javascript,jquery)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1903080931586011136.htm" title="js计算指定日期的前一天的日期" target="_blank">js计算指定日期的前一天的日期</a> <span class="text-muted">小智玩前端</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>标准时间是不能计算的,要先把时间转化成时间戳:时间戳是指从1970年01月01日00时00分00秒起至现在的总秒数(毫秒ms)假设计算2021-10-01的前一天的日期,也就是2021-09-30:先把日期转化为标准时间:letdate1=newDate('2021-10-01')使用getTime()把标准时间转化成时间戳,然后减去一天的毫秒数,即可得到前一天的时间戳:letdate2=newD</div> </li> <li><a href="/article/1903077403597533184.htm" title="后端框架模块化" target="_blank">后端框架模块化</a> <span class="text-muted">GIS程序媛—椰子</span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>后端框架的模块化设计旨在简化开发流程、提高可维护性,并通过分层解耦降低复杂性。以下是常见的后端模块及其在不同语言(Node.js、Java、Python)中的实现方式:目录1.路由(Routing)2.中间件(Middleware)3.数据库与ORM(models)4.迁移(Migration)5.服务层(ServiceLayer)6.配置管理(Configuration)7.依赖注入(DI)8.</div> </li> <li><a href="/article/1903076899203117056.htm" title="基于cesium的二三维地图" target="_blank">基于cesium的二三维地图</a> <span class="text-muted">程序员小美</span> <a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a><a class="tag" taget="_blank" href="/search/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1/1.htm">毕业设计</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E5%88%86%E4%BA%AB/1.htm">源码分享</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>一、项目简介基于cesium的二三维地图二、实现功能支持虚线和阴影支持以标注的方式显示属性支持要素查询支持二三维度地球显示支持小数据量文件矢量动态切片三、技术选型Cesiumproj4jsturftext-encodinggeojson-topojsonshpjs四、界面展示五、源码地址回复:地图</div> </li> <li><a href="/article/1903075262237569024.htm" title="9种JavaScript数组去重的高阶方法" target="_blank">9种JavaScript数组去重的高阶方法</a> <span class="text-muted">2501_90226133</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>给定一个数组[1,2,2,4,null,null,‘3’,‘abc’,3,5,4,1,2,2,4,null,null,‘3’,‘abc’,3,5,4]去除重复项。letarr=[1,2,2,4,null,null,‘3’,‘abc’,3,5,4,1,2,2,4,null,null,‘3’,‘abc’,3,5,4]1、利用对象的key唯一众所周知,对象的key不可重复,否则后者将覆盖前者。利用该特性</div> </li> <li><a href="/article/1903073090431152128.htm" title="Ark-TS 语言:鸿蒙生态的高效开发利器,让我们用大白话说一说" target="_blank">Ark-TS 语言:鸿蒙生态的高效开发利器,让我们用大白话说一说</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/harmonyos-next/1.htm">harmonyos-next</a> <div>Ark-TS(华为专门为鸿蒙系统——就是华为自己的手机、平板、智能设备操作系统——设计的编程语言,基于TypeScript,一种比普通JavaScript更严格、能减少错误的语言)是鸿蒙应用开发的主力工具。它就像给开发者配备了一套趁手的工具包,让写代码又快又稳。简单来说,Ark-TS有几个厉害的地方:静态类型检查(写代码时必须给变量指定类型,比如数字、文字,这样电脑能在运行前就发现类型错误,避免程</div> </li> <li><a href="/article/1903070434291675136.htm" title="单例模式实现" target="_blank">单例模式实现</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a> <div>一、是什么单例模式(SingletonPattern):创建型模式,提供了一种创建对象的最佳方式,这种模式涉及到一个单一的类,该类负责创建自己的对象,同时确保只有单个对象被创建在应用程序运行期间,单例模式只会在全局作用域下创建一次实例对象,让所有需要调用的地方都共享这一单例对象,如下图所示:二、实现在javascript中,实现一个单例模式可以用一个变量来标志当前的类已经创建过对象,如果下次获取当</div> </li> <li><a href="/article/1903067945920163840.htm" title="html 中加载pdf,在HTML中嵌入PDF的推荐方法?" target="_blank">html 中加载pdf,在HTML中嵌入PDF的推荐方法?</a> <span class="text-muted">梧桐应恨夜来霜</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E5%8A%A0%E8%BD%BDpdf/1.htm">中加载pdf</a> <div>GeorgeMahar..9我们的问题是,出于法律原因,我们不允许在硬盘上临时存储PDF.此外,在浏览器中将PDF显示为"预览"时,不应重新加载整个页面.首先我们尝试了PDF.jS.它适用于Firefox和Chrome浏览器中的Base64.但是,我们的PDF格式慢得令人无法接受.IE/Edge根本不起作用.因此,我们在HTML对象标记中使用Base64字符串进行了尝试.这再次对IE/Edge不起</div> </li> <li><a href="/article/1903067315654684672.htm" title="【css酷炫效果】css酷炫效果100篇合集" target="_blank">【css酷炫效果】css酷炫效果100篇合集</a> <span class="text-muted">冰夏之夜影</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>【css酷炫效果】纯CSS实现立体纸张折叠动效缘创作背景动画效果合集【css酷炫效果】实现鱼群游动动态效果【css酷炫效果】纯CSS实现无限旋转加载动画【css酷炫效果】纯CSS实现悬浮放大卡片【css酷炫效果】纯CSS创建流体渐变背景动画【css酷炫效果】纯CSS实现3D翻转卡片动画【css酷炫效果】纯CSS实现文字逐字显现打字效果【css酷炫效果】纯CSS实现霓虹文字呼吸灯效果【css酷炫效果</div> </li> <li><a href="/article/1903063651842060288.htm" title="JavaScript HTML DOM 节点列表" target="_blank">JavaScript HTML DOM 节点列表</a> <span class="text-muted">宇哥资料</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>NodeList对象是一个从文档中获取的节点列表(集合)。NodeList对象类似HTMLCollection对象。一些旧版本浏览器中的方法(如:getElementsByClassName())返回的是NodeList对象,而不是HTMLCollection对象。所有浏览器的childNodes属性返回的是NodeList对象。大部分浏览器的querySelectorAll()返回NodeLis</div> </li> <li><a href="/article/1903062518021025792.htm" title="js知识点-拓展运算符和剩余运算符" target="_blank">js知识点-拓展运算符和剩余运算符</a> <span class="text-muted">lmryBC49</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a> <div>概述在现代JavaScript开发中,ES6引入的拓展运算符(SpreadOperator)和剩余运算符(RestOperator)让代码更加简洁和灵活。无论是数组、对象的拆分与合并,还是函数参数的处理,这两个运算符都是非常实用的工具。拓展运算符1.什么是拓展运算符?拓展运算符(SpreadOperator)由三个连续的点...表示,用于将一个可迭代对象(例如数组、字符串等)展开成多个元素。拓展运</div> </li> <li><a href="/article/1903060498388152320.htm" title="nextjs 实现rag知识库检索增强的ai问答app" target="_blank">nextjs 实现rag知识库检索增强的ai问答app</a> <span class="text-muted">*goliter *</span> <a class="tag" taget="_blank" href="/search/web%E5%BC%80%E5%8F%91%E5%AD%A6%E4%B9%A0/1.htm">web开发学习</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>AI-Chat-一个基于LLM大语言模型的知识库问答系统项目源码:https://github.com/goliter/ai-chat项目简介AI-Chat是一个基于Next.js和React开发的现代化大语言模型的知识库问答系统。该平台提供了简易的对话界面,支持上传文件进行知识库的构建,让用户在与大语言模型进行问答时给与大模型知识库内的相关内容。主要功能上传文件构建属于自己的知识库支持doc,t</div> </li> <li><a href="/article/1903057726821429248.htm" title="(教程)如何在HTML网页里嵌入PDF文件?" target="_blank">(教程)如何在HTML网页里嵌入PDF文件?</a> <span class="text-muted">IDRSolutions_CN</span> <a class="tag" taget="_blank" href="/search/pdf/1.htm">pdf</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E5%83%8F%E5%A4%84%E7%90%86/1.htm">图像处理</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F%E5%BC%80%E5%8F%91/1.htm">团队开发</a> <div>开发者可以使用不同的标签在HTML中嵌入PDF文件,常见的有、和。它们都能在网页应用中显示PDF,但哪种方式更好?有没有比这更好的方式来在浏览器中显示PDF?方法1:使用标签如果不需要回退内容,可以使用标签。缺点:不常用,因为如果浏览器不支持PDF,显示会是一片空白。YourbrowserdoesnotsupportPDFfiles.Downloadthefileinstead方法2:使用标签标签</div> </li> <li><a href="/article/1903050155028967424.htm" title="Vue.js 中的 Memoization:提升性能的缓存技术" target="_blank">Vue.js 中的 Memoization:提升性能的缓存技术</a> <span class="text-muted">vvilkim</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在现代前端开发中,性能优化是一个永恒的话题。随着应用规模的增大,复杂的计算和频繁的函数调用可能会导致性能瓶颈。Vue.js作为一个流行的前端框架,提供了多种优化手段,其中memoization(记忆化)就是一种非常有效的技术。本文将详细介绍Vue.js中的memoization,以及如何利用它来提升应用性能。什么是Memoization?Memoization是一种优化技术,通过缓存函数的结果来避</div> </li> <li><a href="/article/1903050152067788800.htm" title="Vue.js 性能优化:虚拟 DOM 与虚拟滚动" target="_blank">Vue.js 性能优化:虚拟 DOM 与虚拟滚动</a> <span class="text-muted">vvilkim</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>在现代前端开发中,性能优化是一个永恒的话题。Vue.js作为一款流行的前端框架,提供了许多强大的工具和技术来提升应用的性能。其中,虚拟DOM和虚拟滚动是两个非常重要的概念。本文将深入探讨它们的原理、优势以及如何在Vue.js中使用它们来优化性能。什么是虚拟DOM?虚拟DOM(VirtualDOM)是Vue.js用于提升性能的核心技术之一。它是一个轻量级的JavaScript对象树,用于表示真实DO</div> </li> <li><a href="/article/1903044105169072128.htm" title="用python执行js代码:PyExecJS库详解" target="_blank">用python执行js代码:PyExecJS库详解</a> <span class="text-muted">数据知道</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E5%92%8C%E9%80%86%E5%90%91%E6%95%99%E7%A8%8B/1.htm">2025年爬虫和逆向教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E9%87%87%E9%9B%86/1.htm">数据采集</a><a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>更多内容请见:爬虫和逆向教程-专栏介绍和目录文章目录1.介绍和安装1.1PyExecJS介绍1.2安装JavaScript运行时1.3安装PyExecJS2.PyExecJS的基本使用2.1执行简单的JavaScript代码2.2使用外部JavaScript文件2.3先编译、后调用2.4传递参数和获取返回值3.PyExecJS的高级功能3.1指定JavaScript运行时3.2处理异步JavaSc</div> </li> <li><a href="/article/1903043097965686784.htm" title="响应式数据 和 Pinia 状态" target="_blank">响应式数据 和 Pinia 状态</a> <span class="text-muted">肉肉不吃 肉</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/pinia/1.htm">pinia</a> <div>响应式数据和Pinia状态是Vue.js应用中用于管理数据的两种重要机制,它们之间有密切的关系。以下是它们的定义、特点以及关系:1.响应式数据定义响应式数据是Vue.js的核心特性之一,指的是当数据发生变化时,视图会自动更新。Vue.js通过Proxy或Object.defineProperty实现数据的响应式。特点自动更新:当数据变化时,依赖该数据的视图会自动更新。声明式:开发者只需关注数据本身</div> </li> <li><a href="/article/1903042214976614400.htm" title="【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计:从上手到骨折" target="_blank">【 <二> 丹方改良:Spring 时代的 JavaWeb】之 Spring Boot 中的 RESTful API 设计:从上手到骨折</a> <span class="text-muted">Foyo Designer</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/restful/1.htm">restful</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/MVC/1.htm">MVC</a><a class="tag" taget="_blank" href="/search/Async/1.htm">Async</a><a class="tag" taget="_blank" href="/search/CrossOrigin/1.htm">CrossOrigin</a> <div>点击此处查看合集https://blog.csdn.net/foyodesigner/category_12907601.html?fromshare=blogcolumn&sharetype=blogcolumn&sharerId=12907601&sharerefer=PC&sharesource=FoyoDesigner&sharefrom=from_link一、开篇整活儿咱今儿个唠唠Spr</div> </li> <li><a href="/article/1903035030670733312.htm" title="$.ajax()方法详解" target="_blank">$.ajax()方法详解</a> <span class="text-muted">小二爱编程·</span> <a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>jquery中的ajax方法参数总是记不住,这里记录一下。目录1.url2.type3.timeout4.async5.cache6.data7.dataType8.beforeSend9.complete10.success11.error12.contentType13.dataFilter14.dataFilter15.global16.ifModified17.jsonp18.userna</div> </li> <li><a href="/article/1903034521893269504.htm" title="全网最详细!vue中使用flv.js 播放直播监控视频流" target="_blank">全网最详细!vue中使用flv.js 播放直播监控视频流</a> <span class="text-muted">抄一下你代码</span> <a class="tag" taget="_blank" href="/search/%E5%9C%A8vue%E4%B8%AD%E4%BD%BF%E7%94%A8flv.js/1.htm">在vue中使用flv.js</a><a class="tag" taget="_blank" href="/search/%E6%92%AD%E6%94%BE%E7%9B%91%E6%8E%A7%E6%91%84%E5%83%8F%E5%A4%B4%2F%E7%9B%B4%E6%92%AD/1.htm">播放监控摄像头/直播</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>老规矩,先安装flv.js插件npminstallflv.js在组件中的使用**注意事项放后面我怕你们不看呐!!!!1.必须在dom加载完成后再执行直播视频流的填充方法!2.在一个网页中最多同时容纳6个监控视频播放!第七个绝对加载不出来!3.在离开这个页面的时候必须销毁播放容器,不然会占用TCP个数,导致其他页面的监控也播放不了**importflvjsfrom"flv.js";//页面代码//1</div> </li> <li><a href="/article/1903032506702163968.htm" title="JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库" target="_blank">JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库</a> <span class="text-muted">瑞致网络</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库JAVA毕业设计BS架构考研交流学习平台设计与实现计算机源码+lw文档+系统+调试部署+数据库本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、JDK1.8数据库:</div> </li> <li><a href="/article/1903030992545837056.htm" title="5-1 使用ECharts将MySQL数据库中的数据可视化" target="_blank">5-1 使用ECharts将MySQL数据库中的数据可视化</a> <span class="text-muted">上课的牛马</span> <a class="tag" taget="_blank" href="/search/%E5%AE%9E%E8%AE%AD/1.htm">实训</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a> <div>方法一:使用PythonFlask框架搭建API对于技术小白来说,使用ECharts将MySQL数据库中的数据可视化需要分步骤完成。以下是详细的实现流程:一、技术架构‌后端服务‌:使用PythonFlask框架搭建API(简单易学,适合新手)数据库连接‌:通过Python的pymysql库连接MySQL前端可视化‌:HTML+JavaScript+ECharts数据流向‌:MySQL数据库→Pyt</div> </li> <li><a href="/article/1903030101478535168.htm" title="计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档)" target="_blank">计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档)</a> <span class="text-muted">毅铭科技</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档)计算机毕业设计JavaBS景区票务管理系统设计与实现(源码+系统+mysql数据库+lw文档)本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、JDK1.8数据库:</div> </li> <li><a href="/article/1903025553070419968.htm" title="金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑?" target="_blank">金融、教育等行业如何高效利用wangEditor实现word文档网页化编辑?</a> <span class="text-muted">2501_90699850</span> <a class="tag" taget="_blank" href="/search/%E9%87%91%E8%9E%8D/1.htm">金融</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a> <div>要求:开源,免费,技术支持编辑器:wangEditor前端:vue2,vue3,vue-cli,html5后端:java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体:学生,个人用户,外包,自由职业者,中小型网站,博客,场景:数字门户,数字中台,站群,内网,外网,信创国产化环境,web截屏行业:医疗,教育,建筑,政府,党政,国</div> </li> <li><a href="/article/1903025549899526144.htm" title="网页编辑器能否满足Word公式与图片的直接复制粘贴?" target="_blank">网页编辑器能否满足Word公式与图片的直接复制粘贴?</a> <span class="text-muted">2501_90699800</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E8%BE%91%E5%99%A8/1.htm">编辑器</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a><a class="tag" taget="_blank" href="/search/umeditor%E7%B2%98%E8%B4%B4word/1.htm">umeditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E7%B2%98%E8%B4%B4word/1.htm">ueditor粘贴word</a><a class="tag" taget="_blank" href="/search/ueditor%E5%A4%8D%E5%88%B6word/1.htm">ueditor复制word</a><a class="tag" taget="_blank" href="/search/ueditor%E4%B8%8A%E4%BC%A0word%E5%9B%BE%E7%89%87/1.htm">ueditor上传word图片</a><a class="tag" taget="_blank" href="/search/ueditor%E5%AF%BC%E5%85%A5word/1.htm">ueditor导入word</a> <div>要求:开源,免费,技术支持编辑器:百度ueditor前端:vue2,vue3,vue-cli,react,html5用户体验:Ctrl+V快捷键操作功能:导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台:Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,</div> </li> <li><a href="/article/1903023152464719872.htm" title="亿级分布式系统架构演进实战(五)- 横向扩展(缓存策略设计)" target="_blank">亿级分布式系统架构演进实战(五)- 横向扩展(缓存策略设计)</a> <span class="text-muted">power-辰南</span> <a class="tag" taget="_blank" href="/search/java%E6%8A%80%E6%9C%AF%E6%9E%B6%E6%9E%84%E5%B8%88%E6%88%90%E9%95%BF%E4%B8%93%E6%A0%8F/1.htm">java技术架构师成长专栏</a><a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%A7%E7%BC%93%E5%AD%98%E7%AD%96%E7%95%A5/1.htm">多级缓存策略</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/cloud/1.htm">cloud</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E5%B8%83%E5%BC%8F%E7%B3%BB%E7%BB%9F/1.htm">分布式系统</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98%E4%B8%80%E8%87%B4%E6%80%A7/1.htm">缓存一致性</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/%E7%BC%93%E5%AD%98%E9%97%AE%E9%A2%98%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/1.htm">缓存问题解决方案</a> <div>亿级分布式系统架构演进实战(一)-总体概要亿级分布式系统架构演进实战(二)-横向扩展(服务无状态化)亿级分布式系统架构演进实战(三)-横向扩展(数据库读写分离)亿级分布式系统架构演进实战(四)-横向扩展(负载均衡与弹性伸缩)核心目标降低数据库读压力,提升响应速度一、多级缓存架构客户端CDN/浏览器缓存本地应用缓存分布式缓存数据库缓冲池1.1客户端缓存缓存数据类型:•静态资源(JS/CSS/图片)•</div> </li> <li><a href="/article/1903021893179469824.htm" title="数据分析面临的三大挑战该如何解决" target="_blank">数据分析面临的三大挑战该如何解决</a> <span class="text-muted">銨靜菂等芐紶</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE/1.htm">大数据</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a> <div>转载自品略图书馆http://www.pinlue.com/article/2020/09/0712/2611202048648.html有效的分析已成为决定性因素,很明显,掌握它的人会蓬勃发展。但是,实现这一目标的过程并非没有障碍。最常见的数据分析挑战是什么?公司如何自信地应对它们?下面就来介绍一下。1、浏览预算限制数据分析领导者需要在当下采取行动,但同时也需要考虑未来。平衡这些需求要求他们在制</div> </li> <li><a href="/article/1903015587223760896.htm" title="HTML5响应式使用css媒体查询" target="_blank">HTML5响应式使用css媒体查询</a> <span class="text-muted">前段技术人</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%AA%92%E4%BD%93/1.htm">媒体</a> <div>HTML负责搭建页面结构,CSS负责样式设计,并且通过媒体查询实现了较好的响应式效果,能够适应不同屏幕尺寸下面就是写了一个详细的实例。CSS部分*{margin:0;padding:0;box-sizing:border-box;}*是通配选择器,会选中页面上的所有元素。margin:0;将所有元素的外边距设置为0。padding:0;将所有元素的内边距设置为0。box-sizing:border</div> </li> <li><a href="/article/1903015207043657728.htm" title="前端面试:[React] Recoil 里面 selector 支持哪些参数?" target="_blank">前端面试:[React] Recoil 里面 selector 支持哪些参数?</a> <span class="text-muted">returnShitBoy</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>在Recoil中,selector用于派生状态并可以通过传递不同的参数来实现更强大的功能。创建selector时,可以传入以下参数:1.key类型:string描述:是selector的唯一标识符。每个selector和atom都必须有一个唯一的key,否则会抛出错误。这个key用于在Recoil状态树中进行识别。示例:javascriptconstmySelector=selector({key</div> </li> <li><a href="/article/1903010923061243904.htm" title="Python Textract库:文本提取" target="_blank">Python Textract库:文本提取</a> <span class="text-muted">程序员喵哥</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>更多Python学习内容:ipengtao.comTextract是一个强大的Python库,用于从各种文件格式中提取文本。无论是PDF、Word文档、Excel电子表格、HTML页面还是图像,Textract都能有效地提取其中的文本内容。Textract通过集成多种开源工具和库,实现了对多种文件格式的支持,使得文本提取变得简单而高效。本文将详细介绍Textract库的安装、主要功能、基本操作、高</div> </li> <li><a href="/article/1903004853030940672.htm" title="使用Three.js渲染器创建炫酷3D场景" target="_blank">使用Three.js渲染器创建炫酷3D场景</a> <span class="text-muted"></span> <div>引言在当今数字化的时代,3D图形技术正以其独特的魅力在各个领域掀起波澜。从影视制作到游戏开发,从虚拟现实到网页交互,3D场景以其强烈的视觉冲击力和沉浸式的体验,成为了吸引用户、传达信息的重要手段。而Three.js,作为一款功能强大且广受欢迎的JavaScript3D库,为我们提供了便捷、高效的途径来创建令人炫目的3D场景。本文将深入探讨使用Three.js渲染器创建炫酷3D场景的方方面面,带领读</div> </li> <li><a href="/article/98.htm" title="微信开发者验证接口开发" target="_blank">微信开发者验证接口开发</a> <span class="text-muted">362217990</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1+%E5%BC%80%E5%8F%91%E8%80%85+token+%E9%AA%8C%E8%AF%81/1.htm">微信 开发者 token 验证</a> <div>微信开发者接口验证。 Token,自己随便定义,与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步:填写服务器配置 第二步:验证服务器地址的有效性 第三步:依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个</div> </li> <li><a href="/article/225.htm" title="一个小编程题-类似约瑟夫环问题" target="_blank">一个小编程题-类似约瑟夫环问题</a> <span class="text-muted">BrokenDreams</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a> <div>        今天群友出了一题:         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &</div> </li> <li><a href="/article/352.htm" title="linux复习笔记之bash shell (5) 关于减号-的作用" target="_blank">linux复习笔记之bash shell (5) 关于减号-的作用</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E2%80%9C-%E2%80%9D%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于减号“-”的含义</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E2%80%9C-%E2%80%9D%E7%9A%84%E7%94%A8%E9%80%94/1.htm">linux关于减号“-”的用途</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E2%80%9C-%E2%80%9D%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于“-”的含义</a><a class="tag" taget="_blank" href="/search/linux%E5%85%B3%E4%BA%8E%E5%87%8F%E5%8F%B7%E7%9A%84%E5%90%AB%E4%B9%89/1.htm">linux关于减号的含义</a> <div>    转载请出自出处: http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的,尤其在使用到前一个命令的studout(标准输出)作为这次的stdin(标准输入)时,就显得太重要了,某些命令需要用到文件名,例如上篇文档的的切割命令(split)、还有</div> </li> <li><a href="/article/479.htm" title="Unix(3)" target="_blank">Unix(3)</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/unix+ksh/1.htm">unix ksh</a> <div>1)若该变量需要在其他子进程执行,则可用"$变量名称"或${变量}累加内容 什么是子进程?在我目前这个shell情况下,去打开一个新的shell,新的那个shell就是子进程。一般状态下,父进程的自定义变量是无法在子进程内使用的,但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断: &&代表and  ||代表or&nbs</div> </li> <li><a href="/article/606.htm" title="关于ListView中性能优化中图片加载问题" target="_blank">关于ListView中性能优化中图片加载问题</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/ListView/1.htm">ListView</a> <div>ListView的性能优化网上很多信息,但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重,可能会出现listview滚动是很卡的情况,还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识,然后设置图</div> </li> <li><a href="/article/733.htm" title="德国总理默多克:给国人的一堂“震撼教育”课" target="_blank">德国总理默多克:给国人的一堂“震撼教育”课</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a> <div>http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克:给国人的一堂“震撼教育”课  安吉拉—默克尔,一位经历过社会主义的东德人,她利用自己的博客,发表一番来华前的谈话,该说的话,都在上面说了,全世界想看想传播——去看看默克尔总理的博客吧!   德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂</div> </li> <li><a href="/article/860.htm" title="关于Java继承的一个小问题。。。" target="_blank">关于Java继承的一个小问题。。。</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>今天看Java 编程思想的时候遇见一个问题,运行的结果和自己想想的完全不一样。先把代码贴出来! //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr</div> </li> <li><a href="/article/987.htm" title="23种基本的设计模式" target="_blank">23种基本的设计模式</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>Abstract Factory:提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类。   Adapter:将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。   Bridge:将抽象部分与它的实现部分分离,使它们都可以独立地变化。   Builder:将一个复杂对象的构建与它的表示分离,使得同</div> </li> <li><a href="/article/1114.htm" title="《周鸿祎自述:我的互联网方法论》读书笔记" target="_blank">《周鸿祎自述:我的互联网方法论》读书笔记</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%AF%BB%E4%B9%A6%E7%AC%94%E8%AE%B0/1.htm">读书笔记</a> <div>从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求</div> </li> <li><a href="/article/1241.htm" title="JavaScript动态改变样式访问技术" target="_blank">JavaScript动态改变样式访问技术</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/style%E5%B1%9E%E6%80%A7/1.htm">style属性</a><a class="tag" taget="_blank" href="/search/ClassName%E5%B1%9E%E6%80%A7/1.htm">ClassName属性</a> <div>  一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l</div> </li> <li><a href="/article/1368.htm" title="jQuery的deferred对象详解" target="_blank">jQuery的deferred对象详解</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/deferred%E5%AF%B9%E8%B1%A1/1.htm">deferred对象</a> <div>        jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。         每个版本都会引入一些新功能,从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb</div> </li> <li><a href="/article/1495.htm" title="淘宝开放平台TOP" target="_blank">淘宝开放平台TOP</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/%E7%89%A9%E6%B5%81/1.htm">物流</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a> <div>淘宝网开放平台首页:http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品,TOP即TaoBao Open Platform, 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为:    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务;  &</div> </li> <li><a href="/article/1622.htm" title="【大型网站架构一】大型网站架构概述" target="_blank">【大型网站架构一】大型网站架构概述</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%AB%99%E6%9E%B6%E6%9E%84/1.htm">网站架构</a> <div>大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题: 1.对于订单系统这种事务型系统,如</div> </li> <li><a href="/article/1749.htm" title="eclipse插件hibernate tools安装" target="_blank">eclipse插件hibernate tools安装</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a> <div> eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址: http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装:hibernate tools在All Jboss tool</div> </li> <li><a href="/article/1876.htm" title="Jquery easyui Form表单提交注意事项" target="_blank">Jquery easyui Form表单提交注意事项</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/jquery+easyui/1.htm">jquery easyui</a> <div>jquery easyui对表单的提交进行了封装,提交的方式采用的是ajax的方式,在开发的时候应该注意的事项如下:         1、在定义form标签的时候,要将method属性设置成post或者get,特别是进行大字段的文本信息提交的时候,要将method设置成post方式提交,否则页面会抛出跨域访问等异常。所以这个要</div> </li> <li><a href="/article/2003.htm" title="Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量" target="_blank">Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a> <div> import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna</div> </li> <li><a href="/article/2130.htm" title="html css 鼠标形状样式汇总" target="_blank">html css 鼠标形状样式汇总</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>css鼠标手型cursor中hand与pointer  Example:CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example:CSS鼠标手型效果 <a href="#" style=&qu</div> </li> <li><a href="/article/2257.htm" title="[IT与投资]IT投资的几个原则" target="_blank">[IT与投资]IT投资的几个原则</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/it/1.htm">it</a> <div>       无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    </div> </li> <li><a href="/article/2384.htm" title="oracle with语句详解" target="_blank">oracle with语句详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/with/1.htm">with</a><a class="tag" taget="_blank" href="/search/with+as/1.htm">with as</a> <div>oracle with语句详解 转 在oracle中,select 查询语句,可以使用with,就是一个子查询,oracle 会把子查询的结果放到临时表中,可以反复使用 例子:注意,这是sql语句,不是pl/sql语句, 可以直接放到jdbc执行的 ----------------------------------------------------------------</div> </li> <li><a href="/article/2511.htm" title="hbase的简单操作" target="_blank">hbase的简单操作</a> <span class="text-muted">deng520159</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/hbase/1.htm">hbase</a> <div>近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1)查看有哪些表 hbase(main)> list 2)创建表   # 语法:create <table>, {NAME => <family&g</div> </li> <li><a href="/article/2638.htm" title="C语言scanf继续学习、算术运算符学习和逻辑运算符" target="_blank">C语言scanf继续学习、算术运算符学习和逻辑运算符</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>/* 2013年3月11日20:37:32 地点:北京潘家园 功能:完成用户格式化输入多个值 目的:学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用</div> </li> <li><a href="/article/2765.htm" title="2015越来越好" target="_blank">2015越来越好</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E6%AD%8C%E6%9B%B2/1.htm">歌曲</a> <div>越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显</div> </li> <li><a href="/article/2892.htm" title="java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim" target="_blank">java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim</a> <span class="text-muted">feiteyizu</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>数据表中有记录的time字段(属性为timestamp)其值为:“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常: java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu</div> </li> <li><a href="/article/3019.htm" title="Ehcache(07)——Ehcache对并发的支持" target="_blank">Ehcache(07)——Ehcache对并发的支持</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/%E5%B9%B6%E5%8F%91/1.htm">并发</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E9%94%81/1.htm">锁</a><a class="tag" taget="_blank" href="/search/ReadLock/1.htm">ReadLock</a><a class="tag" taget="_blank" href="/search/WriteLock/1.htm">WriteLock</a> <div>Ehcache对并发的支持          在高并发的情况下,使用Ehcache缓存时,由于并发的读与写,我们读的数据有可能是错误的,我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read(读)、Write(写)锁。当一个线程获取了某一Key的Read锁之后,其它线程获取针对于同</div> </li> <li><a href="/article/3146.htm" title="mysql中blob,text字段的合成索引" target="_blank">mysql中blob,text字段的合成索引</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>  在mysql中,原来有一个叫合成索引的,可以提高blob,text字段的效率性能, 但只能用在精确查询,核心是增加一个列,然后可以用md5进行散列,用散列值查找 则速度快 比如: create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep</div> </li> <li><a href="/article/3273.htm" title="逻辑运算与移位运算" target="_blank">逻辑运算与移位运算</a> <span class="text-muted">latty</span> <a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/%E9%80%BB%E8%BE%91%E8%BF%90%E7%AE%97/1.htm">逻辑运算</a> <div>源码:正数的补码与原码相同例+7 源码:00000111 补码 :00000111 (用8位二进制表示一个数) 负数的补码: 符号位为1,其余位为该数绝对值的原码按位取反;然后整个数加1。   -7 源码: 10000111 ,其绝对值为00000111  取反加一:11111001 为-7补码 已知一个数的补码,求原码的操作分两种情况:</div> </li> <li><a href="/article/3400.htm" title="利用XSD 验证XML文件" target="_blank">利用XSD 验证XML文件</a> <span class="text-muted">newerdragon</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/xsd/1.htm">xsd</a> <div>XSD文件 (XML Schema 语言也称作 XML Schema 定义(XML Schema Definition,XSD)。 具体使用方法和定义请参看: http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持,使用起来也很方便。 以下代码可用在J</div> </li> <li><a href="/article/3527.htm" title="搭建 CentOS 6 服务器(12) - Samba" target="_blank">搭建 CentOS 6 服务器(12) - Samba</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>(1)安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… (2)Home文件夹 # mkdir /etc</div> </li> <li><a href="/article/3654.htm" title="Learn Nodejs 01" target="_blank">Learn Nodejs 01</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a> <div>(1)下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     (2)安装nodejs 安装的方式比较多,请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 (1)上传服务器 (2)解压 tar -zxvf  node-v0.12.</div> </li> <li><a href="/article/3781.htm" title="jquery控制自动刷新的代码举例" target="_blank">jquery控制自动刷新的代码举例</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>