html标签查询,css性性查询,javascript函数查询

我了大家的方便,我整理了下前端常用的html标签查询,css性性查询,javascript函数查询,希望对大家的工作有帮助!

****************************************************************************************************************************************************************************************************

HTML 标签 查询

http://www.w3school.com.cn/tags/tag_object.asp
 
1. 基础标签 
标签 描述 
 定义文档类型。 
定义 HTML 文档。 
定义文档的标题。 <br> <body> 定义文档的主体。 <br> <h1> to <h6> 定义 HTML 标题。 <br> <p> 定义段落。 <br> <br> 定义简单的折行。 <br> <hr> 定义水平线。 <br> <!--...--> 定义注释。 <br> 2. 格式标签 <br> 标签 描述 <br> <acronym> 定义只取首字母的缩写。 <br> <abbr> 定义缩写。 <br> <address> 定义文档作者或拥有者的联系信息。 <br> <b> 定义粗体文本。 <br> <bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。 <br> <bdo> 定义文字方向。 <br> <big> 定义大号文本。 <br> <blockquote> 定义长的引用。 <br> <center> 不赞成使用。定义居中文本。 <br> <cite> 定义引用(citation)。 <br> <code> 定义计算机代码文本。 <br> <del> 定义被删除文本。 <br> <dfn> 定义定义项目。 <br> <em> 定义强调文本。 <br> <font> 不赞成使用。定义文本的字体、尺寸和颜色 <br> <i> 定义斜体文本。 <br> <ins> 定义被插入文本。 <br> <kbd> 定义键盘文本。 <br> <mark> 定义有记号的文本。 <br> <meter> 定义预定义范围内的度量。 <br> <pre> 定义预格式文本。 <br> <progress> 定义任何类型的任务的进度。 <br> <q> 定义短的引用。 <br> <rp> 定义若浏览器不支持 ruby 元素显示的内容。 <br> <rt> 定义 ruby 注释的解释。 <br> <ruby> 定义 ruby 注释。 <br> <s> 不赞成使用。定义加删除线的文本。 <br> <samp> 定义计算机代码样本。 <br> <small> 定义小号文本。 <br> <strike> 不赞成使用。定义加删除线文本。 <br> <strong> 定义语气更为强烈的强调文本。 <br> <sup> 定义上标文本。 <br> <sub> 定义下标文本。 <br> <time> 定义日期/时间。 <br> <tt> 定义打字机文本。 <br> <u> 不赞成使用。定义下划线文本。 <br> <var> 定义文本的变量部分。 <br> <wbr> 定义视频。 <br> 3. 表单标签 <br> 标签 描述 <br> <form> 定义供用户输入的 HTML 表单。 <br> <input> 定义输入控件。 <br> <textarea> 定义多行的文本输入控件。 <br> <button> 定义按钮。 <br> <select> 定义选择列表(下拉列表)。 <br> <optgroup> 定义选择列表中相关选项的组合。 <br> <option> 定义选择列表中的选项。 <br> <label> 定义 input 元素的标注。 <br> <fieldset> 定义围绕表单中元素的边框。 <br> <legend> 定义 fieldset 元素的标题。 <br> <isindex> 不赞成使用。定义与文档相关的可搜索索引。 <br> <datalist> 定义下拉列表。 <br> <keygen> 定义生成密钥。 <br> <output> 定义输出的一些类型。 <br> 4. 框架标签 <br> 标签 描述 <br> <frame> 定义框架集的窗口或框架。 <br> <frameset> 定义框架集。 <br> <noframes> 定义针对不支持框架的用户的替代内容。 <br> <iframe> 定义内联框架。 <br> 5. 图像标签 <br> 标签 描述 <br> <img> 定义图像。 <br> <map> 定义图像映射。 <br> <area> 定义图像地图内部的区域。 <br> <canvas> 定义图形。 <br> <figcaption> 定义 figure 元素的标题。 <br> <figure> 定义媒介内容的分组,以及它们的标题。 <br> 6. 音频/视频标签 <br> 标签 描述 <br> <audio> 定义声音内容。 <br> <source> 定义媒介源。 <br> <track> 定义用在媒体播放器中的文本轨道。 <br> <video> 定义视频。 <br> 7. 链接标签 <br> 标签 描述 <br> <a> 定义锚。 <br> <link> 定义文档与外部资源的关系。 <br> <nav> 定义导航链接。 <br> 8. 列表标签 <br> 标签 描述 <br> <ul> 定义无序列表。 <br> <ol> 定义有序列表。 <br> <li> 定义列表的项目。 <br> <dir> 不赞成使用。定义目录列表。 <br> <dl> 定义定义列表。 <br> <dt> 定义定义列表中的项目。 <br> <dd> 定义定义列表中项目的描述。 <br> <menu> 定义命令的菜单/列表。 <br> <menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。 <br> <command> 定义命令按钮。 <br> 9. 表格标签 <br> 标签 描述 <br> <table> 定义表格 <br> <caption> 定义表格标题。 <br> <th> 定义表格中的表头单元格。 <br> <tr> 定义表格中的行。 <br> <td> 定义表格中的单元。 <br> <thead> 定义表格中的表头内容。 <br> <tbody> 定义表格中的主体内容。 <br> <tfoot> 定义表格中的表注内容(脚注)。 <br> <col> 定义表格中一个或多个列的属性值。 <br> <colgroup> 定义表格中供格式化的列组。 <br> 10. 样式/节标签 <br> 标签 描述 <br> <style> 定义文档的样式信息。 <br> <div> 定义文档中的节。 <br> <span> 定义文档中的节。 <br> <header> 定义 section 或 page 的页眉。 <br> <footer> 定义 section 或 page 的页脚。 <br> <section> 定义 section。 <br> <article> 定义文章。 <br> <aside> 定义页面内容之外的内容。 <br> <details> 定义元素的细节。 <br> <dialog> 定义对话框或窗口。 <br> <summary> 为 <details> 元素定义可见的标题。 <br> 11. 元信息标签 <br> 标签 描述 <br> <head> 定义关于文档的信息。 <br> <meta> 定义关于 HTML 文档的元信息。 <br> <base> 定义页面中所有链接的默认地址或默认目标。 <br> <basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 <br> 12. 编程标签 <br> 标签 描述 <br> <script> 定义客户端脚本。 <br> <noscript> 定义针对不支持客户端脚本的用户的替代内容。 <br> <applet> 不赞成使用。定义嵌入的 applet。 <br> <embed> 为外部应用程序(非 HTML)定义容器。 <br> <object> 定义嵌入的对象。 <br> <param> 定义对象的参数。 </p> <p>*******************************************************************************************************************************************************************************************</p> <p>                                                                                                   <span style="color:#ff0000;"><strong><span style="font-size:18px;">CSS 属性速查表</span></strong> </span></p> <p><span style="color:#ff0000;">http://www.w3school.com.cn/cssref/pr_outline-offset.asp<br></span>下表中"CSS" 列指示该属性是在哪个 CSS 版本(CSS1、CSS2 或 CSS3)中定义的。 <br> 1. CSS3 动画属性(Animation) <br> 属性 描述 CSS <br> @keyframes 规定动画。 3 <br> animation 所有动画属性的简写属性,除了 animation-play-state 属性。 <br> 3 <br> animation-name 规定 @keyframes 动画的名称。 3 <br> animation-duration 规定动画完成一个周期所花费的秒或毫秒。 3 <br> animation-timing-function 规定动画的速度曲线。 3 <br> animation-delay 规定动画何时开始。 3 <br> animation-iteration-count 规定动画被播放的次数。 3 <br> animation-direction 规定动画是否在下一周期逆向地播放。 3 <br> animation-play-state 规定动画是否正在运行或暂停。 3 <br> animation-fill-mode 规定对象动画时间之外的状态。 3 <br> 2. CSS 背景属性(Background) <br> 属性 描述 CSS <br> background 在一个声明中设置所有的背景属性。 1 <br> background-attachment 设置背景图像是否固定或者随着页面的其余部分滚 动。 <br> 1 <br> background-color 设置元素的背景颜色。 1 <br> background-image 设置元素的背景图像。 1 <br> background-position 设置背景图像的开始位置。 1 <br> background-repeat 设置是否及如何重复背景图像。 1 <br> background-clip 规定背景的绘制区域。 3 <br> background-origin 规定背景图片的定位区域。 3 <br> background-size 规定背景图片的尺寸。 3 <br> 3. CSS 边框属性(Border 和 Outline) <br> 属性 描述 CSS <br> border 在一个声明中设置所有的边框属性。 1 <br> border-bottom 在一个声明中设置所有的下边框属性。 1 <br> border-bottom-color 设置下边框的颜色。 2 <br> border-bottom-style 设置下边框的样式。 2 <br> border-bottom-width 设置下边框的宽度。 1 <br> border-color 设置四条边框的颜色。 1 <br> border-left 在一个声明中设置所有的左边框属性。 1 <br> border-left-color 设置左边框的颜色。 2 <br> border-left-style 设置左边框的样式。 2 <br> border-left-width 设置左边框的宽度。 1 <br> border-right 在一个声明中设置所有的右边框属性。 1 <br> border-right-color 设置右边框的颜色。 2 <br> border-right-style 设置右边框的样式。 2 <br> border-right-width 设置右边框的宽度。 1 <br> border-style 设置四条边框的样式。 1 <br> border-top 在一个声明中设置所有的上边框属性。 1 <br> border-top-color 设置上边框的颜色。 2 <br> border-top-style 设置上边框的样式。 2 <br> border-top-width 设置上边框的宽度。 1 <br> border-width 设置四条边框的宽度。 1 <br> outline 在一个声明中设置所有的轮廓属性。 2 <br> outline-color 设置轮廓的颜色。 2 <br> outline-style 设置轮廓的样式。 2 <br> outline-width 设置轮廓的宽度。 2 <br> border-bottom-left-radius 定义边框左下角的形状。 3 <br> border-bottom-right-radius 定义边框右下角的形状。 3 <br> border-image 简写属性,设置所有 border-image-* 属性。 3 <br> border-image-outset 规定边框图像区域超出边框的量。 3 <br> border-image-repeat 图像边框是否应平铺(repeated)、铺满 (rounded)或拉伸(stretched)。 <br> 3 <br> border-image-slice 规定图像边框的向内偏移。 3 <br> border-image-source 规定用作边框的图片。 3 <br> border-image-width 规定图片边框的宽度。 3 <br> border-radius 简写属性,设置所有四个 border-*-radius 属 性。 <br> 3 <br> border-top-left-radius 定义边框左上角的形状。 3 <br> border-top-right-radius 定义边框右下角的形状。 3 <br> box-decoration-break  3 <br> box-shadow 向方框添加一个或多个阴影。 3 <br> 4. Box 属性 <br> 属性 描述 CSS <br> overflow-x 如果内容溢出了元素内容区域,是否对内容的左/右边缘 进行裁剪。 <br> 3 <br> overflow-y 如果内容溢出了元素内容区域,是否对内容的上/下边缘 进行裁剪。 <br> 3 <br> overflow-style 规定溢出元素的首选滚动方法。 3 <br> rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3 <br> rotation-point 定义距离上左边框边缘的偏移点。 3 <br> 5. Color 属性 <br> 属性 描述 CSS <br> color-profile 允许使用源的颜色配置文件的默认以外的规范。 3 <br> opacity 规定书签的级别。 3 <br> rendering-intent 允许使用颜色配置文件渲染意图的默认以外的规范。 3 <br> 6. Content for Paged Media 属性 <br> 属性 描述 CSS <br> bookmark-label 规定书签的标记。 3 <br> bookmark-level 规定书签的级别。 3 <br> bookmark-target 规定书签链接的目标。 3 <br> float-offset 将元素放在 float 属性通常放置的位置的相反方向。 3 <br> hyphenate-after 规定连字单词中连字符之后的最小字符数。 3 <br> hyphenate-before 规定连字单词中连字符之前的最小字符数。 3 <br> hyphenate-character 规定当发生断字时显示的字符串。 3 <br> hyphenate-lines 指示元素中连续断字连线的最大数。 3 <br> hyphenate-resource 规定帮助浏览器确定断字点的外部资源(逗号分隔的列 表)。 <br> 3 <br> hyphens 设置如何对单词进行拆分,以改善段落的布局。 3 <br> image-resolution 规定图像的正确分辨率。 3 <br> marks 向文档添加裁切标记或十字标记。 3 <br> 7. CSS 尺寸属性(Dimension) <br> 属性 描述 CSS <br> height 设置元素高度。 1 <br> max-height 设置元素的最大高度。 2 <br> max-width 设置元素的最大宽度。 2 <br> min-height 设置元素的最小高度。 2 <br> min-width 设置元素的最小宽度。 2 <br> width 设置元素的宽度。 1 <br> 8. 可伸缩框属性(Flexible Box) <br> 属性 描述 CSS <br> box-align 规定如何对齐框的子元素。 3 <br> box-direction 规定框的子元素的显示方向。 3 <br> box-flex 规定框的子元素是否可伸缩。 3 <br> box-flex-group 将可伸缩元素分配到柔性分组。 3 <br> box-lines 规定当超出父元素框的空间时,是否换行显示。 3 <br> box-ordinal-group 规定框的子元素的显示次序。 3 <br> box-orient 规定框的子元素是否应水平或垂直排列。 3 <br> box-pack 规定水平框中的水平位置或者垂直框中的垂直位置。 3 <br> 9. CSS 字体属性(Font) <br> 属性 描述 CSS <br> font 在一个声明中设置所有字体属性。 1 <br> font-family 规定文本的字体系列。 1 <br> font-size 规定文本的字体尺寸。 1 <br> font-size-adjust 为元素规定 aspect 值。 2 <br> font-stretch 收缩或拉伸当前的字体系列。 2 <br> font-style 规定文本的字体样式。 1 <br> font-variant 规定是否以小型大写字母的字体显示文本。 1 <br> font-weight 规定字体的粗细。 1 <br> 10. 内容生成(Generated Content) <br> 属性 描述 CSS <br> content 与 :before 以及 :after 伪元素配合使用,来插入生成 内容。 <br> 2 <br> counter-increment 递增或递减一个或多个计数器。 2 <br> counter-reset 创建或重置一个或多个计数器。 2 <br> quotes 设置嵌套引用的引号类型。 2 <br> crop 允许被替换元素仅仅是对象的矩形区域,而不是整个对 象。 <br> 3 <br> move-to 从流中删除元素,然后在文档中后面的点上重新插入。 3 <br> page-policy 确定元素基于页面的 occurrence 应用于计数器还是 字符串值。 <br> 3 <br> 11. Grid 属性 <br> 属性 描述 CSS <br> grid-columns 规定网格中每个列的宽度。 3 <br> grid-rows 规定网格中每个列的高度。 3 <br> 12. Hyperlink 属性 <br> 属性 描述 CSS <br> target 简写属性,设置 target-name、target-new 以及 target-position 属性。 <br> 3 <br> target-name 规定在何处打开链接(链接的目标)。 3 <br> target-new 规定目标链接在新窗口还是在已有窗口的新标签页中打 开。 <br> 3 <br> target-position 规定在何处放置新的目标链接。 3 <br> 13. CSS 列表属性(List) <br> 属性 描述 CSS <br> list-style 在一个声明中设置所有的列表属性。 1 <br> list-style-image 将图象设置为列表项标记。 1 <br> list-style-position 设置列表项标记的放置位置。 1 <br> list-style-type 设置列表项标记的类型。 1 <br> 14. CSS 外边距属性(Margin) <br> 属性 描述 CSS <br> margin 在一个声明中设置所有外边距属性。 1 <br> margin-bottom 设置元素的下外边距。 1 <br> margin-left 设置元素的左外边距。 1 <br> margin-right 设置元素的右外边距。 1 <br> margin-top 设置元素的上外边距。 1 <br> 15. Marquee 属性 <br> 属性 描述 CSS <br> marquee-direction 设置移动内容的方向。 3 <br> marquee-play-count 设置内容移动多少次。 3 <br> marquee-speed 设置内容滚动得多快。 3 <br> marquee-style 设置移动内容的样式。 3 <br> 16. 多列属性(Multi-column) <br> 属性 描述 CSS <br> column-count 规定元素应该被分隔的列数。 3 <br> column-fill 规定如何填充列。 3 <br> column-gap 规定列之间的间隔。 3 <br> column-rule 设置所有 column-rule-* 属性的简写属性。 3 <br> column-rule-color 规定列之间规则的颜色。 3 <br> column-rule-style 规定列之间规则的样式。 3 <br> column-rule-width 规定列之间规则的宽度。 3 <br> column-span 规定元素应该横跨的列数。 3 <br> column-width 规定列的宽度。 3 <br> columns 规定设置 column-width 和 column-count 的简写 属性。 <br> 3 <br> 17. CSS 内边距属性(Padding) <br> 属性 描述 CSS <br> padding 在一个声明中设置所有内边距属性。 1 <br> padding-bottom 设置元素的下内边距。 1 <br> padding-left 设置元素的左内边距。 1 <br> padding-right 设置元素的右内边距。 1 <br> padding-top 设置元素的上内边距。 1 <br> 18. Paged Media 属性 <br> 属性 描述 CSS <br> fit 示意如何对width和height 属性均不是auto的被替换 元素进行缩放。 <br> 3 <br> fit-position 定义盒内对象的对齐方式。 3 <br> image-orientation 规定用户代理应用于图像的顺时针方向旋转。 3 <br> page 规定元素应该被显示的页面特定类型。 3 <br> size 规定页面内容包含框的尺寸和方向。 3 <br> 19. CSS 定位属性(Positioning) <br> 属性 描述 CSS <br> bottom 设置定位元素下外边距边界与其包含块下边界之间的偏 移。 <br> 2 <br> clear 规定元素的哪一侧不允许其他浮动元素。 1 <br> clip 剪裁绝对定位元素。 2 <br> cursor 规定要显示的光标的类型(形状)。 2 <br> display 规定元素应该生成的框的类型。 1 <br> float 规定框是否应该浮动。 1 <br> left 设置定位元素左外边距边界与其包含块左边界之间的偏 移。 <br> 2 <br> overflow 规定当内容溢出元素框时发生的事情。 2 <br> position 规定元素的定位类型。 2 <br> right 设置定位元素右外边距边界与其包含块右边界之间的偏 移。 <br> 2 <br> top 设置定位元素的上外边距边界与其包含块上边界之间的 偏移。 <br> 2 <br> vertical-align 设置元素的垂直对齐方式。 1 <br> visibility 规定元素是否可见。 2 <br> z-index 设置元素的堆叠顺序。 2 <br> 20. CSS 打印属性(Print) <br> 属性 描述 CSS <br> orphans 设置当元素内部发生分页时必须在页面底部保留的最少 行数。 <br> 2 <br> page-break-after 设置元素后的分页行为。 2 <br> page-break-before 设置元素前的分页行为。 2 <br> page-break-inside 设置元素内部的分页行为。 2 <br> widows 设置当元素内部发生分页时必须在页面顶部保留的最少 行数。 <br> 2 <br> 21. CSS 表格属性(Table) <br> 属性 描述 CSS <br> border-collapse 规定是否合并表格边框。 2 <br> border-spacing 规定相邻单元格边框之间的距离。 2 <br> caption-side 规定表格标题的位置。 2 <br> empty-cells 规定是否显示表格中的空单元格上的边框和背景。 2 <br> table-layout 设置用于表格的布局算法。 2 <br> 22. CSS 文本属性(Text) <br> 属性 描述 CSS <br> color 设置文本的颜色。 1 <br> direction 规定文本的方向 / 书写方向。 2 <br> letter-spacing 设置字符间距。 1 <br> line-height 设置行高。 1 <br> text-align 规定文本的水平对齐方式。 1 <br> text-decoration 规定添加到文本的装饰效果。 1 <br> text-indent 规定文本块首行的缩进。 1 <br> text-shadow 规定添加到文本的阴影效果。 2 <br> text-transform 控制文本的大小写。 1 <br> unicode-bidi 设置文本方向。 2 <br> white-space 规定如何处理元素中的空白。 1 <br> word-spacing 设置单词间距。 1 <br> hanging-punctuation 规定标点字符是否位于线框之外。 3 <br> punctuation-trim 规定是否对标点字符进行修剪。 3 <br> text-align-last 设置如何对齐最后一行或紧挨着强制换行符之前的行。 3 <br> text-emphasis 向元素的文本应用重点标记以及重点标记的前景色。 3 <br> text-justify 规定当 text-align 设置为 "justify" 时所使用的对齐 方法。 <br> 3 <br> text-outline 规定文本的轮廓。 3 <br> text-overflow 规定当文本溢出包含元素时发生的事情。 3 <br> text-shadow 向文本添加阴影。 3 <br> text-wrap 规定文本的换行规则。 3 <br> word-break 规定非中日韩文本的换行规则。 3 <br> word-wrap 允许对长的不可分割的单词进行分割并换行到下一行。 3 <br> 23. 2D/3D 转换属性(Transform) <br> 属性 描述 CSS <br> transform 向元素应用 2D 或 3D 转换。 3 <br> transform-origin 允许你改变被转换元素的位置。 3 <br> transform-style 规定被嵌套元素如何在 3D 空间中显示。 3 <br> perspective 规定 3D 元素的透视效果。 3 <br> perspective-origin 规定 3D 元素的底部位置。 3 <br> backface-visibility 定义元素在不面对屏幕时是否可见。 3 <br> 24. 过渡属性(Transition) <br> 属性 描述 CSS <br> transition 简写属性,用于在一个属性中设置四个过渡属性。 3 <br> transition-property 规定应用过渡的 CSS 属性的名称。 3 <br> transition-duration 定义过渡效果花费的时间。 3 <br> transition-timing-function 规定过渡效果的时间曲线。 3 <br> transition-delay 规定过渡效果何时开始。 3 <br> 25. 用户界面属性(User-interface) <br> 属性 描述 CSS <br> appearance 允许您将元素设置为标准用户界面元素的外观 3 <br> box-sizing 允许您以确切的方式定义适应某个区域的具体内容。 3 <br> icon 为创作者提供使用图标化等价物来设置元素样式的能 力。 <br> 3 <br> nav-down 规定在使用 arrow-down 导航键时向何处导航。 3 <br> nav-index 设置元素的 tab 键控制次序。 3 <br> nav-left 规定在使用 arrow-left 导航键时向何处导航。 3 <br> nav-right 规定在使用 arrow-right 导航键时向何处导航。 3 <br> nav-up 规定在使用 arrow-up 导航键时向何处导航。 3 <br> outline-offset 对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。 3 <br> resize 规定是否可由用户对元素的尺寸进行调整。 3 <br>  <br>  <br></p> <p>*********************************************************************************************************************************************************************************************</p> <p><span></span><strong><span style="font-size:18px;color:#ff0000;">JavaScript 函数速查手册 </span></strong></p> <p><span style="color:#ff0000;"><span style="font-size:18px;"><strong>http://www.w3school.com.cn/b.asp<br></strong></span></span>1.常规函数 <br> javascript 常规函数包括以下 9 个函数:  (1) alert 函数:显示一个警告对话框,包括一个 OK 按钮。  (2) confirm 函数:显示一个确认对话框,包括 OK、Cancel 按钮。  (3) escape 函数:将字符转换成 Unicode 码。  (4) eval 函数:计算表达式的结果。  (5) isNaN 函数:测试是(true)否(false)不是一个数字。  (6) parseFloat 函数:将字符串转换成符点数字形式。  (7) parseInt 函数:将符串转换成整数数字形式(可指定几进制)。  (8) prompt 函数:显示一个输入对话框,提示等待用户输入。例如:  <script language="javascript">  < !--  alert("输入错误");  prompt("请输入您的姓名","姓名");  confirm("确定否!");  //-->  script>  (9)unescape 函数:解码由 escape 函数编码的字符。</p> <p>  2.数组函数  <br> javascript 数组函数包括以下 4 个函数:  (1)join 函数:转换并连接数组中的所有元素为一个字符串。例:  function JoinDemo()  {  var a, b;  a = new Array(0,1,2,3,4);  b = a.join("-");//分隔符  return(b);//返回的 b=="0-1-2-3-4"  }  (2)length 函数:返回数组的长度。例:  function LengthDemo()  {  var a, l;  a = new Array(0,1,2,3,4);  l = a.length;  return(l);//l==5  }  (3)reverse 函数:将数组元素顺序颠倒。例:  function ReverseDemo()  <br> {  var a, l;  a = new Array(0,1,2,3,4);  l = a.reverse();  return(l);  }  (4)sort 函数:将数组元素重新排序。例:  function SortDemo()  {  var a, l;  a = new Array("X" ,"y" ,"d", "Z", "v","m","r");  l = a.sort();  return(l);  }  </p> <p>3.日期函数  <br> javascript 日期函数包括以下 20 个函数:  (1)getDate 函数:返回日期的"日"部分,值为 1~31。例:  function DateDemo()  {  var d, s = "Today's date is: ";  d = new Date();  s += (d.getMonth() + 1) + "/";  s += d.getDate() + "/";  s += d.getYear();  return(s);  }  (2)getDay 函数:返回星期几,值为 0~6,其中 0 表示星期日,1 表示星期一,...,6 表示星 期六。例:  function DateDemo()  {  var d, day, x, s = "Today is: ";  var x = new Array("Sunday", "Monday", "Tuesday");  var x = x.concat("Wednesday","Thursday", "Friday");  var x = x.concat("Saturday");  d = new Date();  day = d.getDay();  return(s += x[day]);  }  (3)getHouse 函数:返回日期的"小时"部分,值为 0~23。例。  function TimeDemo()  {  var d, s = "The current local time is: ";  var c = ":";  <br> d = new Date();  s += d.getHours() + c;  s += d.getMinutes() + c;  s += d.getSeconds() + c;  s += d.getMilliseconds();  return(s);  }  (4)getMinutes 函数:返回日期的"分钟"部分,值为 0~59。见上例。  (5)getMonth 函数:返回日期的"月"部分,值为 0~11。其中 0 表示 1 月,2 表示 3 月,..., 11 表示 12 月。见前面的例子。  (6)getSeconds 函数:返回日期的"秒"部分,值为 0~59。见前面的例子。  (7)getTime 函数:返回系统时间。  function GetTimeTest()  {  var d, s, t;  var MinMilli = 1000 * 60;  var HrMilli = MinMilli * 60;  var DyMilli = HrMilli * 24;  d = new Date();  t = d.getTime();  s = "It's been "  s += Math.round(t / DyMilli) + " days since 1/1/70";  return(s);  }  (8)getTimezoneOffset 函数:返回此地区的时差(当地时间与 GMT 格林威治标准时间的地区时 差),单位为分钟。  function TZDemo()  {  var d, tz, s = "The current local time is ";  d = new Date();  tz = d.getTimezoneOffset();  if (tz < 0)  s += tz / 60 + " hours before GMT";  else if (tz == 0)  s += "GMT";  else  s += tz / 60 + " hours after GMT";  return(s);  }  (9)getYear 函数:返回日期的"年"部分。返回值以 1900 年为基数,例如 1999 年为 99。前面 有例子。  (10)parse 函数:返回从 1970 年 1 月 1 日零时整算起的毫秒数(当地时间)。  function GetTimeTest(testdate)  {  <br> var d, s, t;  var MinMilli = 1000 * 60;  var HrMilli = MinMilli * 60;  var DyMilli = HrMilli * 24;  d = new Date();  t = Date.parse(testdate);  s = "There are "  s += Math.round(Math.abs(t / DyMilli)) + " days "  s += "between " + testdate + " and 1/1/70";  return(s);  }  (11)setDate 函数:设定日期的"日"部分,值为 0~31。  (12)setHours 函数:设定日期的"小时"部分,值为 0~23。  (13)setMinutes 函数:设定日期的"分钟"部分,值为 0~59。  (14)setMonth 函数:设定日期的"月"部分,值为 0~11。其中 0 表示 1 月,...,11 表示 12 月。  (15)setSeconds 函数:设定日期的"秒"部分,值为 0~59。  (16)setTime 函数:设定时间。时间数值为 1970 年 1 月 1 日零时整算起的毫秒数。  (17)setYear 函数:设定日期的"年"部分。  (18)toGMTString 函数:转换日期成为字符串,为 GMT 格林威治标准时间。  (19)setLocaleString 函数:转换日期成为字符串,为当地时间。  (20)UTC 函数:返回从 1970 年 1 月 1 日零时整算起的毫秒数,以 GMT 格林威治标准时间计 算。 </p> <p> 4.数学函数  <br> javascript 数学函数其实就是 Math 对象,它包括属性和函数(或称方法)两部分。其中,属性 主要有下列内容。  Math.e:e(自然对数)、Math.LN2(2 的自然对数)、Math.LN10(10 的自然对数)、Math.LOG2E(e 的对数,底数为 2)、Math.LOG10E(e 的对数,底数为 10)、Math.PI(π)、Math.SQRT1_2(1/2 的平方根值)、Math.SQRT2 (2 的平方根值)。  函数有以下 18 个:  (1)abs 函数:即 Math.abs(以下同),返回一个数字的绝对值。  (2)acos 函数:返回一个数字的反余弦值,结果为 0~π弧度(radians)。  (3)asin 函数:返回一个数字的反正弦值,结果为-π/2~π/2 弧度。  (4)atan 函数:返回一个数字的反正切值,结果为-π/2~π/2 弧度。  (5)atan2 函数:返回一个坐标的极坐标角度值。  (6)ceil 函数:返回一个数字的最小整数值(大于或等于)。  (7)cos 函数:返回一个数字的余弦值,结果为-1~1。  (8)exp 函数:返回 e(自然对数)的乘方值。  (9)floor 函数:返回一个数字的最大整数值(小于或等于)。  (10)log 函数:自然对数函数,返回一个数字的自然对数(e)值。  (11)max 函数:返回两个数的最大值。  (12)min 函数:返回两个数的最小值。  (13)pow 函数:返回一个数字的乘方值。  <br> (14)random 函数:返回一个 0~1 的随机数值。  (15)round 函数:返回一个数字的四舍五入值,类型是整数。  (16)sin 函数:返回一个数字的正弦值,结果为-1~1。  (17)sqrt 函数:返回一个数字的平方根值。  (18)tan 函数:返回一个数字的正切值。 </p> <p> 5.字符串函数  javascript 字符串函数完成对字符串的字体大小、颜色、长度和查找等操作,共包括以下 20 个函数:  (1)anchor函数:产生一个链接点(anchor)以作超级链接用。anchor函数设定的链接点的名称, 另一个函数 link 设定的 URL 地址。  (2)big 函数:将字体加到一号,与...标签结果相同。  (3)blink 函数:使字符串闪烁,与...标签结果相同。  (4)bold 函数:使字体加粗,与...标签结果相同。  (5)charAt 函数:返回字符串中指定的某个字符。  (6)fixed 函数:将字体设定为固定宽度字体,与...标签结果相同。  (7)fontcolor 函数:设定字体颜色,与标签结果相同。  (8)fontsize 函数:设定字体大小,与标签结果相同。  (9)indexOf 函数:返回字符串中第一个查找到的下标 index,从左边开始查找。  (10)italics 函数:使字体成为斜体字,与...标签结果相同。  (11)lastIndexOf 函数:返回字符串中第一个查找到的下标 index,从右边开始查找。  (12)length 函数:返回字符串的长度。(不用带括号)  (13)link 函数:产生一个超级链接,相当于设定的 URL 地址。  (14)small 函数:将字体减小一号,与...标签结果相同。  (15)strike 函数:在文本的中间加一条横线,与...标签结果相同。  (16)sub 函数:显示字符串为下标字(subscript)。  (17)substring 函数:返回字符串中指定的几个字符。  (18)sup 函数:显示字符串为上标字(superscript)。  (19)toLowerCase 函数:将字符串转换为小写。  (20)toUpperCase 函数:将字符串转换为大写<br></p> <p>http://www.w3school.com.cn/quality/index.asp<br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1296714736615890944"></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">你可能感兴趣的:(WEB)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1894670686719373312.htm" title="Nodejs + MongoDB 快速构建Web应用 (入门级教程)" target="_blank">Nodejs + MongoDB 快速构建Web应用 (入门级教程)</a> <span class="text-muted">AI天才研究院</span> <a class="tag" taget="_blank" href="/search/Python%E5%AE%9E%E6%88%98/1.htm">Python实战</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0%E5%AE%9E%E6%88%98/1.htm">深度学习实战</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E5%AE%9E%E8%B7%B5/1.htm">编程实践</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/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a> <div>作者:禅与计算机程序设计艺术1.简介本教程从零开始,带领大家学习如何使用Nodejs和MongoDB快速搭建一个简单的Web应用程序。涵盖的内容包括:使用Nodejs搭建本地服务器安装MongoDB并连接到本地服务器使用Express构建后端API接口配置路由和中间件使用Mongoose连接数据库和管理数据模型使用模板引擎(EJS)渲染视图页面用户注册、登录和身份验证文件上传与下载功能通过Sock</div> </li> <li><a href="/article/1894670178210344960.htm" title="【SpringBoot】——如何在Spring Boot中使用ThreadLocal来存储和获取用户详情信息以及实体类参数验证" target="_blank">【SpringBoot】——如何在Spring Boot中使用ThreadLocal来存储和获取用户详情信息以及实体类参数验证</a> <span class="text-muted">Y小夜</span> <a class="tag" taget="_blank" href="/search/Springboot/1.htm">Springboot</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/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>个人主页:【Y小夜】作者简介:一位双非学校的大二学生,编程爱好者,专注于基础和实战分享,欢迎私信咨询!入门专栏:【MySQL,Java基础,Rust】热门专栏:【Python,Javaweb,Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持!❤️目录ThreadLocal如何在SpringBoot中使用ThreadLocal来存储和获取用户详情信息创建用户详情类使用拦截器或过滤器</div> </li> <li><a href="/article/1894661475662884864.htm" title="在k8s中,如何在argocd中添加proxy" target="_blank">在k8s中,如何在argocd中添加proxy</a> <span class="text-muted">网络飞鸥</span> <a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/argocd/1.htm">argocd</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a> <div>在Kubernetes的ArgoCD中添加代理(Proxy)设置,你可以从多个层面进行操作,下面分别介绍不同组件设置代理的方法。1.ArgoCDServer代理设置ArgoCDServer负责提供WebUI和API服务,要为其设置代理,可以通过修改ArgoCDServer的部署配置来实现。步骤:编辑ArgoCDServer部署kubectleditdeploymentargocd-server-n</div> </li> <li><a href="/article/1894659837833310208.htm" title="Python爬虫selenium框架基本使用" target="_blank">Python爬虫selenium框架基本使用</a> <span class="text-muted">啧不应该啊</span> <a class="tag" taget="_blank" href="/search/Python%E7%88%AC%E8%99%AB/1.htm">Python爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>一、安装导入使用包管理器安装pip3installselenium二、WebDriver工具要使用这个工具我们需要保证安装了一个浏览器的驱动器。Python的WebDriver是一个用于自动化Web浏览器操作的工具,它属于Selenium的一部分,特别是Selenium2.0及以后版本中,WebDriver已经成为了Selenium的主要组件。WebDriver为Web自动化提供了一个简单的接口,</div> </li> <li><a href="/article/1894659585239740416.htm" title="Flask实现高并发解决方案:探究Python高并发服务器性能" target="_blank">Flask实现高并发解决方案:探究Python高并发服务器性能</a> <span class="text-muted">NfsVerilog</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>随着互联网的快速发展,高并发成为了现代网络应用开发中的一个重要问题。在Python中,Flask是一个轻量级的Web框架,被广泛用于构建Web应用。虽然Flask本身并不是为高并发设计的,但通过一些优化和调整,我们可以使其支持处理百万级的并发请求。本文将介绍一些在Flask中实现高并发解决方案的方法,并提供相应的源代码。1.使用Gunicorn作为Flask的Web服务器默认情况下,Flask自带</div> </li> <li><a href="/article/1894657313512419328.htm" title="深入探究:Python 如何实现 100 个并发请求" target="_blank">深入探究:Python 如何实现 100 个并发请求</a> <span class="text-muted">anan15879942866</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><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/c%E8%AF%AD%E8%A8%80/1.htm">c语言</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>在Web开发和数据抓取等领域,并发请求是提高效率和性能的重要手段。Python作为一门强大的编程语言,提供了多种方式来实现并发请求。本文将深入探讨如何使用Python实现100个并发请求,并分析其中的关键技术和注意事项。一、Python并发请求的基础在Python中,实现并发请求通常依赖于异步编程和多线程/多进程技术。以下是几种常见的方法:多线程(Threading):Python的threadi</div> </li> <li><a href="/article/1894655928414826496.htm" title="Web安全攻防入门教程——hvv行动详解" target="_blank">Web安全攻防入门教程——hvv行动详解</a> <span class="text-muted">白帽子黑客罗哥</span> <a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E5%AE%89%E5%85%A8/1.htm">系统安全</a><a class="tag" taget="_blank" href="/search/%E7%BA%A2%E8%93%9D%E5%AF%B9%E6%8A%97/1.htm">红蓝对抗</a> <div>Web安全攻防入门教程Web安全攻防是指在Web应用程序的开发、部署和运行过程中,保护Web应用免受攻击和恶意行为的技术与策略。这个领域不仅涉及防御措施的实现,还包括通过渗透测试、漏洞挖掘和模拟攻击来识别潜在的安全问题。本教程将带你入门Web安全攻防的基础概念、常见攻击类型、防御技术以及一些实战方法。一、Web安全基础Web应用安全的三大核心目标(CIA三原则)机密性(Confidentialit</div> </li> <li><a href="/article/1894653409252929536.htm" title="ChatGPT免费背后的技术暗战 国产数字孪生如何打造“虚实共生”新生态?" target="_blank">ChatGPT免费背后的技术暗战 国产数字孪生如何打造“虚实共生”新生态?</a> <span class="text-muted">wlsjdszls</span> <a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E5%8F%AF%E8%A7%86%E5%8C%96/1.htm">信息可视化</a> <div>当ChatGPT搜索功能向全球免费开放,AI技术的平民化时代正式来临。在这场看似“让利”的商业策略背后,实则是全球科技话语权的重新洗牌。国产厂商如何在这场博弈中占据主动?数字孪生技术的场景化落地提供了破局方向。据中国信通院认证,凡拓数创的FT-Earth引擎可实现城市级孪生场景的Web端秒级加载,其在北京车展上推出的“AI孪生营销助手”,单日互动量突破10万。数字孪生赛道升温,国产厂商技术突围随着</div> </li> <li><a href="/article/1894637396457222144.htm" title="springboot毕设项目自驾旅游网站的设计与实现gah85(java+VUE+Mybatis+Maven+Mysql)" target="_blank">springboot毕设项目自驾旅游网站的设计与实现gah85(java+VUE+Mybatis+Maven+Mysql)</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/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>springboot毕设项目自驾旅游网站的设计与实现gah85(java+VUE+Mybatis+Maven+Mysql)项目运行环境配置:Jdk1.8+Tomcat8.5+Mysql+HBuilderX(Webstorm也行)+Eclispe(IntelliJIDEA,Eclispe,MyEclispe,Sts都支持)。项目技术:Springboot+mybatis+Maven+Vue等等组成,</div> </li> <li><a href="/article/1894634568208674816.htm" title="用JavaScript在React中实现Word文档和Markdown互转" target="_blank">用JavaScript在React中实现Word文档和Markdown互转</a> <span class="text-muted"></span> <div>在现代Web开发的世界里,React作为构建用户界面的领先库,经常需要处理各种类型的数据转换和展示任务。将Word文档与Markdown文件相互转换的能力不仅能够增强用户体验,还能极大地提高内容管理的效率。这种互转功能对于那些需要频繁更新内容或协作编辑的平台尤为重要,比如博客、技术文档网站或是在线教育平台。通过直接在React应用中实现这一功能,开发者可以为用户提供更加无缝的编辑体验,使得无论是习</div> </li> <li><a href="/article/1894631721610047488.htm" title="深度学习笔记线性代数方面,记录一些每日学习到的知识" target="_blank">深度学习笔记线性代数方面,记录一些每日学习到的知识</a> <span class="text-muted">肆——</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>记录一些每日学习到的新知识:torch:Torch是一个有大量机器学习算法支持的科学计算框架,是一个与Numpy类似的张量(Tensor)操作库jupyter:JupyterNotebook的本质是一个Web应用程序,便于创建和共享程序文档,支持实时代码,数学方程,可视化和markdown。用途包括:数据清理和转换,数值模拟,统计建模,机器学习等等。只有一个轴的张量,形状只有一个元素torch.a</div> </li> <li><a href="/article/1894625166143582208.htm" title="Jsp中如何通过Jsp调用Java类中的方法" target="_blank">Jsp中如何通过Jsp调用Java类中的方法</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/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>原文:https://zhidao.baidu.com/question/1823430130562305828.html1.新建一个项目,在src文件夹下添加一个包:如:cn.tianaoweb.com;2.再在包中添加一个类:如复制代码packagecom;publicclasstest{publicStringsd(){return“sd”;}}复制代码3.在默认的首页index.jsp(当</div> </li> <li><a href="/article/1894623273463902208.htm" title="Selenium WebDriver自动化测试(框架篇)--操作Excel实现数据驱动" target="_blank">Selenium WebDriver自动化测试(框架篇)--操作Excel实现数据驱动</a> <span class="text-muted">职说测试</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/excel/1.htm">excel</a><a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/wei%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">wei自动化测试</a><a class="tag" taget="_blank" href="/search/UI%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">UI自动化测试</a> <div>文章目录一、引言二、操作Excel的准备工作2.1、添加ApachePOI依赖三、读取Excel文件实现数据驱动3.1、示例代码四、将测试结果写入Excel文件4.1、示例代码五、封装通用方法5.1、示例代码六、总结参考文献一、引言数据驱动测试是一种在自动化测试中广泛应用的方法,它允许使用外部数据源(如Excel文件)来提供测试数据。这种方法特别适合于需要大量不同输入数据的测试场景。Java版Se</div> </li> <li><a href="/article/1894622642514751488.htm" title="第3章_标准简介" target="_blank">第3章_标准简介</a> <span class="text-muted">一直在路上的码农</span> <a class="tag" taget="_blank" href="/search/Keycloak/1.htm">Keycloak</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4%E5%BC%80%E5%8F%91/1.htm">运维开发</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>标准简介在本章中,您将简要介绍使您能够安全轻松地将应用程序与Keycloak集成的标准。我们非常简要地介绍了OAuth2.0、OpenIDConnect、JSONWeb令牌(JWT)和安全断言标记语言2.0(SAML2.0)。如果您是这些标准的新手,本章将为您提供一个大概介绍,而不会太详细。即使您对这些标准相当熟悉,您可能仍然想浏览本章。在本章结束时,您将对OAuth2.0、OpenIDConne</div> </li> <li><a href="/article/1894616085869686784.htm" title="自动化测试工具:Selenium" target="_blank">自动化测试工具:Selenium</a> <span class="text-muted">小俊学长</span> <a class="tag" taget="_blank" href="/search/%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7/1.htm">测试工具</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a> <div>Selenium作为一种广泛使用的自动化测试工具,尤其在Web自动化测试领域发挥着重要作用。为了提升测试效率、增强测试的可维护性和可读性,Selenium经常与各种流行框架集成,其中pytest和Allure报告是两个非常受欢迎的选项。本文将详细探讨Selenium与pytest以及Allure报告的集成,包括集成背景、优势、具体实现步骤以及在实际应用中的效果。一、集成背景1.Selenium简介</div> </li> <li><a href="/article/1894594787625988096.htm" title="Node.js快速总结" target="_blank">Node.js快速总结</a> <span class="text-muted">一蓑烟雨,一任平生</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>理解Node.js●是一个基于ChromeV8引擎的JavaScript运行时。●非阻塞、事件驱动、异步I/O,适合高并发场景。✅核心概念●事件循环(EventLoop):Node.js的异步机制。●模块系统:使用require()引入模块,module.exports导出模块。●文件系统(fs):处理文件读写。●HTTP模块:构建Web服务器。创建HTTP服务器consthttp=require</div> </li> <li><a href="/article/1894592768202829824.htm" title="【前端开发】能不能用Vue+Bootstrap进行项目开发?有什么需求场景需要用到的地方" target="_blank">【前端开发】能不能用Vue+Bootstrap进行项目开发?有什么需求场景需要用到的地方</a> <span class="text-muted">爱上大树的小猪</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/bootstrap/1.htm">bootstrap</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>简介:Vue.jsVue.js(通常简称为Vue)是一个用于构建用户界面的渐进式JavaScript框架。它允许开发者创建高效的、交互式的单页面应用(SPA)。Vue的核心库专注于视图层,易于学习且集成到现有项目中,同时也能够为复杂的应用提供强大的功能支持。Vue通过组件化的方式让代码更加模块化、可重用和维护。BootstrapBootstrap是一个开源的CSS框架,旨在简化网页和Web应用的前</div> </li> <li><a href="/article/1894577258237063168.htm" title="nodejs 的 npm install , npm run 问题 dev webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序" target="_blank">nodejs 的 npm install , npm run 问题 dev webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序</a> <span class="text-muted">倾旎</span> <a class="tag" taget="_blank" href="/search/nodejs/1.htm">nodejs</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a> <div>nodejs的npminstall,npmrun问题devwebpack-dev-server’不是内部或外部命令,也不是可运行的程序1.安装脚手架安装脚手架命令:npminstall-globalvue-cli2.升级脚手架有时候需要把整个脚手架升级一下,这个用到命令npminstall--globalvue-cli,这个命令会把整个脚手架升级一下,但是我发现使用上面npm-check命令可以把</div> </li> <li><a href="/article/1894572088254066688.htm" title="前端开发中的最佳实践与技巧" target="_blank">前端开发中的最佳实践与技巧</a> <span class="text-muted">lina_mua</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a> <div>1.引言1.1前端开发的重要性在当今的互联网时代,前端开发已经成为构建用户友好、高效、安全的Web应用程序的关键。前端不仅仅是用户与应用程序交互的界面,它还直接影响用户体验、性能和安全性。1.2本文的目标本文旨在分享前端开发中的最佳实践与技巧,帮助开发者提高代码质量、优化性能、增强安全性,并掌握最新的前端技术趋势。2.HTML最佳实践2.1语义化标签的使用语义化HTML不仅有助于SEO,还能提高代</div> </li> <li><a href="/article/1894553560817922048.htm" title="Selenium入门,最近看到的都师一些小白想学测试,今天就分享入门吧~" target="_blank">Selenium入门,最近看到的都师一些小白想学测试,今天就分享入门吧~</a> <span class="text-muted">程序员-小枫</span> <a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">自动化测试</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%B5%8B%E8%AF%95/1.htm">软件测试</a> <div>Selenium入门(自动右键保存图片到本机上)前言入职测开一段时间,基本就是熟悉需求,熟悉业务,熟悉这熟悉那,再跟着需求做各种各样的测试和联调,趁着业余时间,也是学习了一下Selenium,在之前Selenium是我作为爬虫的工具,不过之后就用来做写一些自动化测试脚本啦~~(这里使用Python中的Selenium库进行Coding~~1、什么是SeleniumSelenium是一个用于Web应</div> </li> <li><a href="/article/1894551155237777408.htm" title="Qt——Qt控件之输入窗口-QTextEdit文本编辑框控件的使用总结(例程:文本编辑输入)" target="_blank">Qt——Qt控件之输入窗口-QTextEdit文本编辑框控件的使用总结(例程:文本编辑输入)</a> <span class="text-muted">Winter_world</span> <a class="tag" taget="_blank" href="/search/QT%E5%BC%80%E5%8F%91%E5%AE%9E%E6%88%98/1.htm">QT开发实战</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</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/QTextEdit%E6%8E%A7%E4%BB%B6/1.htm">QTextEdit控件</a><a class="tag" taget="_blank" href="/search/Qt%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E6%8E%A7%E4%BB%B6%E7%9A%84%E4%BD%BF%E7%94%A8/1.htm">Qt文本编辑控件的使用</a> <div>【系列专栏】:博主结合工作实践输出的,解决实际问题的专栏,朋友们看过来!《项目案例分享》《极客DIY开源分享》《嵌入式通用开发实战》《C++语言开发基础总结》《从0到1学习嵌入式Linux开发》《QT开发实战》《Android开发实战》《实用硬件方案设计》《结构建模设计》《数据库开发总结》《JAVA入门基础》《JavaWeb开发实战》长期持续带来更多案例与技术文章分享;欢迎商业项目咨询,10年+软</div> </li> <li><a href="/article/1894539429234667520.htm" title="WebGPU与Web框架集成" target="_blank">WebGPU与Web框架集成</a> <span class="text-muted">天涯学馆</span> <a class="tag" taget="_blank" href="/search/WebGL/1.htm">WebGL</a><a class="tag" taget="_blank" href="/search/3D%E5%9B%BE%E5%BD%A2%E5%9B%BE%E5%83%8F%E6%8A%80%E6%9C%AF/1.htm">3D图形图像技术</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><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/webgl/1.htm">webgl</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/3d/1.htm">3d</a> <div>目录React集成Vue集成Angular集成Svelte集成React集成将WebGPU与React集成,可以让您在React应用中利用现代Web图形和计算API来创建高性能的3D图形和计算任务。以下是一个简化的指南,介绍如何在React应用中集成WebGPU:1.准备环境确保你的开发环境支持WebGPU。目前,大多数现代浏览器已开始支持WebGPU,但可能需要在实验性特性中开启。同时,确保你的</div> </li> <li><a href="/article/1894530227514699776.htm" title="极速浏览器——性能优化与用户体验的典范" target="_blank">极速浏览器——性能优化与用户体验的典范</a> <span class="text-muted">Fitz Hoo</span> <div>本文还有配套的精品资源,点击获取简介:极速浏览器是专为速度和效率优化的网络浏览工具,其设计轻量级,旨在提供无延迟的浏览体验。它们通过减少内存占用、优化渲染引擎等方式实现快速浏览,可能基于Chromium、WebKit或Blink等开源项目进行定制开发。极速浏览器特别关注性能、隐私和安全,拥有简洁的用户界面和流畅的交互体验,支持多平台及各种扩展插件,致力于打造一站式在线服务体验。1.极速浏览器性能优</div> </li> <li><a href="/article/1894529721903935488.htm" title="MySQL 8.0 社区版安装与配置全流程指南(Windows平台)" target="_blank">MySQL 8.0 社区版安装与配置全流程指南(Windows平台)</a> <span class="text-muted">waicsdn_haha</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98%E6%95%99%E7%A8%8B/1.htm">程序员教程</a><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/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/pygame/1.htm">pygame</a><a class="tag" taget="_blank" href="/search/virtualenv/1.htm">virtualenv</a> <div>一、软件定位与特性MySQL8.0是开源关系型数据库管理系统的里程碑版本,支持ACID事务、JSON文档存储、窗口函数等特性,广泛应用于Web开发、数据分析等领域。相较于旧版本,8.0版引入以下核心升级:性能优化:查询速度提升2倍以上安全性增强:默认启用caching_sha2_password认证插件功能扩展:支持CTE(公共表表达式)和原子DDL二、安装环境准备1.系统要求项目最低配置推荐配置</div> </li> <li><a href="/article/1894522412708458496.htm" title="使用 yolov8 进行对象检测" target="_blank">使用 yolov8 进行对象检测</a> <span class="text-muted">算法资料吧!</span> <a class="tag" taget="_blank" href="/search/YOLO/1.htm">YOLO</a> <div>在计算机视觉领域,YOLOv8对象检测确实以其超高的准确性和速度而脱颖而出。它是YOLO系列的最新版本,以能够实时检测物体而闻名。YOLOv8凭借其一流的对象检测将Web应用程序、API和图像分析提升到一个新的水平。在本文中,我们将了解如何利用yolov8进行对象检测。YOLO概述YOLO(YouOnlyLookOnce)是一种改变游戏规则的对象检测算法,于2015年问世,以其一次闪电般快速处理整</div> </li> <li><a href="/article/1894518880487927808.htm" title="《白帽子讲Web安全》爬虫对抗:技术演进与攻防博弈" target="_blank">《白帽子讲Web安全》爬虫对抗:技术演进与攻防博弈</a> <span class="text-muted">予安灵</span> <a class="tag" taget="_blank" href="/search/%E7%99%BD%E5%B8%BD%E5%AD%90%E8%AE%B2Web%E5%AE%89%E5%85%A8/1.htm">白帽子讲Web安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E6%94%BB%E5%87%BB%E6%A8%A1%E5%9E%8B/1.htm">网络攻击模型</a> <div>《白帽子讲Web安全》一书中,作者吴翰清和叶敏以技术深度与实战视角系统剖析了爬虫技术的演进与反爬虫对抗的核心逻辑。本文结合书中内容,从爬虫发展、行业挑战、反爬方案及对抗策略等维度总结核心观点。一、爬虫技术的发展与行业挑战1.爬虫的演进早期爬虫以简单脚本为主,通过模拟HTTP请求抓取公开数据;随着技术进步,现代爬虫已发展为具备分布式架构、动态渲染(如Headless浏览器)、AI辅助解析等能力的复杂</div> </li> <li><a href="/article/1894517872294686720.htm" title="2024年Scrapy+Selenium项目实战--携程旅游信息爬虫" target="_blank">2024年Scrapy+Selenium项目实战--携程旅游信息爬虫</a> <span class="text-muted">2401_84563287</span> <a class="tag" taget="_blank" href="/search/%E7%A8%8B%E5%BA%8F%E5%91%98/1.htm">程序员</a><a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</a><a class="tag" taget="_blank" href="/search/selenium/1.htm">selenium</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a> <div>简介携程(you.ctrip.com)是一个提供旅游信息的网站,但它的部分内容可能是动态加载的,难以直接通过Scrapy获取。这时就需要借助Selenium这样的工具,模拟浏览器行为进行数据的获取和处理。工具准备Scrapy:一个用于爬取网站并提取结构化数据的强大框架。Selenium:一个自动化测试工具,可以模拟用户操作浏览器的行为。ChromeDriver:作为SeleniumWebDrive</div> </li> <li><a href="/article/1894515222211784704.htm" title="《白帽子讲Web安全》学习:深入解析Cookie与会话安全" target="_blank">《白帽子讲Web安全》学习:深入解析Cookie与会话安全</a> <span class="text-muted">予安灵</span> <a class="tag" taget="_blank" href="/search/%E7%99%BD%E5%B8%BD%E5%AD%90%E8%AE%B2Web%E5%AE%89%E5%85%A8/1.htm">白帽子讲Web安全</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/web%E5%AE%89%E5%85%A8/1.htm">web安全</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%AE%89%E5%85%A8/1.htm">网络安全</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E6%94%BB%E5%87%BB%E6%A8%A1%E5%9E%8B/1.htm">网络攻击模型</a><a class="tag" taget="_blank" href="/search/cookie/1.htm">cookie</a> <div>目录导言一、Cookie的原理与作用二、Cookie面临的安全风险三、Cookie的核心安全属性1.Domain属性2.Path属性3.Expires属性4.HttpOnly属性5.Secure属性6.SameSite属性7.SameParty属性四、安全使用Cookie1.正确设置Cookie属性值2.Cookie前缀3.保密性和完整性五、会话安全1.会话管理(1)会话ID的随机性:(2)过期和</div> </li> <li><a href="/article/1894500221652627456.htm" title="网络渗透测试实验四:CTF实践" target="_blank">网络渗透测试实验四:CTF实践</a> <span class="text-muted">肆——</span> <a class="tag" taget="_blank" href="/search/%E6%B8%97%E9%80%8F%E4%BD%9C%E4%B8%9A/1.htm">渗透作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>1.实验目的和要求实验目的:通过对目标靶机的渗透过程,了解CTF竞赛模式,理解CTF涵盖的知识范围,如MISC、PPC、WEB等,通过实践,加强团队协作能力,掌握初步CTF实战能力及信息收集能力。熟悉网络扫描、探测HTTPweb服务、目录枚举、提权、图像信息提取、密码破解等相关工具的使用。系统环境:KaliLinux2、WebDeveloper靶机来源:https://www.vulnhub.co</div> </li> <li><a href="/article/1894498709627006976.htm" title="【LLM】本地部署LLM大语言模型+可视化交互聊天,附常见本地部署硬件要求(以Ollama+OpenWebUI部署DeepSeekR1为例)" target="_blank">【LLM】本地部署LLM大语言模型+可视化交互聊天,附常见本地部署硬件要求(以Ollama+OpenWebUI部署DeepSeekR1为例)</a> <span class="text-muted">小哈里</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BC%80%E5%8F%91/1.htm">数据开发</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E8%A8%80%E6%A8%A1%E5%9E%8B/1.htm">语言模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/deepseek/1.htm">deepseek</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a> <div>【LLM】本地部署LLM大语言模型+可视化交互聊天,附常见本地部署硬件要求(以Ollama+OpenWebUI部署DeepSeekR1为例)文章目录1、本地部署LLM(以Ollama为例)2、本地LLM交互界面(以OpenWebUI为例)3、本地部署硬件要求对应表1、本地部署LLM(以Ollama为例)本地部署LLM的框架129k-Ollama1是一个提供简单命令行接口的工具,可以轻松下载和运行本</div> </li> <li><a href="/article/118.htm" title="异常的核心类Throwable" target="_blank">异常的核心类Throwable</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/%E6%BA%90%E7%A0%81/1.htm">源码</a><a class="tag" taget="_blank" href="/search/%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/1.htm">异常处理</a><a class="tag" taget="_blank" href="/search/exception/1.htm">exception</a> <div>java异常的核心是Throwable,其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage,记录异常信息,getMessage核心方法,获取这个参数的值,我们可以自己定义自己的异常类,去继承这个Exception就可以了,方法基本上,用父类的构造方法就OK,所以这么看异常是不是很easy package com.natsu; </div> </li> <li><a href="/article/245.htm" title="mongoDB 游标(cursor) 实现分页 迭代" target="_blank">mongoDB 游标(cursor) 实现分页 迭代</a> <span class="text-muted">开窍的石头</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div>上篇中我们讲了mongoDB 中的查询函数,现在我们讲mongo中如何做分页查询      如何声明一个游标        var mycursor = db.user.find({_id:{$lte:5}});       迭代显示游标数</div> </li> <li><a href="/article/372.htm" title="MySQL数据库INNODB 表损坏修复处理过程" target="_blank">MySQL数据库INNODB 表损坏修复处理过程</a> <span class="text-muted">0624chenhong</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>最近mysql数据库经常死掉,用命令net stop mysql命令也无法停掉,关闭Tomcat的时候,出现Waiting for N instance(s) to be deallocated 信息。查了下,大概就是程序没有对数据库连接释放,导致Connection泄露了。因为用的是开元集成的平台,内部程序也不可能一下子给改掉的,就验证一下咯。启动Tomcat,用户登录系统,用netstat -</div> </li> <li><a href="/article/499.htm" title="剖析如何与设计人员沟通" target="_blank">剖析如何与设计人员沟通</a> <span class="text-muted">不懂事的小屁孩</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>最近做图烦死了,不停的改图,改图……。烦,倒不是因为改,而是反反复复的改,人都会死。很多需求人员不知该如何与设计人员沟通,不明白如何使设计人员知道他所要的效果,结果只能是沟通变成了扯淡,改图变成了应付。 那应该如何与设计人员沟通呢? 我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说,整天玩的都是点、线、面、配色,哪种构图看起来协调;哪种配色看起来合理心里跟明镜似的,</div> </li> <li><a href="/article/626.htm" title="qq空间刷评论工具" target="_blank">qq空间刷评论工具</a> <span class="text-muted">换个号韩国红果果</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a> <div> var a=document.getElementsByClassName('textinput'); var b=[]; for(var m=0;m<a.length;m++){ if(a[m].getAttribute('placeholder')!=null) b.push(a[m]) } var l</div> </li> <li><a href="/article/753.htm" title="S2SH整合之session" target="_blank">S2SH整合之session</a> <span class="text-muted">灵静志远</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/AOP/1.htm">AOP</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>错误信息: Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped</div> </li> <li><a href="/article/880.htm" title="xmp标签" target="_blank">xmp标签</a> <span class="text-muted">a-john</span> <a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a> <div>今天在处理数据的显示上遇到一个问题: var html = '<li><div class="pl-nr"><span class="user-name">' + user + '</span>' + text + '</div></li>'; ulComme</div> </li> <li><a href="/article/1007.htm" title="Ajax的常用技巧(2)---实现Web页面中的级联菜单" target="_blank">Ajax的常用技巧(2)---实现Web页面中的级联菜单</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>在网络上显示数据,往往只显示数据中的一部分信息,如文章标题,产品名称等。如果浏览器要查看所有信息,只需点击相关链接即可。在web技术中,可以采用级联菜单完成上述操作。根据用户的选择,动态展开,并显示出对应选项子菜单的内容。 在传统的web实现方式中,一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息,放置到页面中对应的位置,然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐</div> </li> <li><a href="/article/1134.htm" title="天-安-门,好高" target="_blank">天-安-门,好高</a> <span class="text-muted">atongyeye</span> <a class="tag" taget="_blank" href="/search/%E6%83%85%E6%84%9F/1.htm">情感</a> <div>    我是85后,北漂一族,之前房租1100,因为租房合同到期,再续,房租就要涨150。最近网上新闻,地铁也要涨价。算了一下,涨价之后,每次坐地铁由原来2块变成6块。仅坐地铁费用,一个月就要涨200。内心苦痛。     晚上躺在床上一个人想了很久,很久。        我生在农</div> </li> <li><a href="/article/1261.htm" title="android 动画" target="_blank">android 动画</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/%E9%80%8F%E6%98%8E%E5%BA%A6/1.htm">透明度</a><a class="tag" taget="_blank" href="/search/%E5%B9%B3%E7%A7%BB/1.htm">平移</a><a class="tag" taget="_blank" href="/search/%E7%BC%A9%E6%94%BE/1.htm">缩放</a><a class="tag" taget="_blank" href="/search/%E6%97%8B%E8%BD%AC/1.htm">旋转</a> <div>android的动画有两种  tween动画和Frame动画   tween动画;,透明度,缩放,旋转,平移效果   Animation   动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 TranslateAnimation 位置移动 Animation</div> </li> <li><a href="/article/1388.htm" title="查看本机网络信息的cmd脚本" target="_blank">查看本机网络信息的cmd脚本</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/cmd/1.htm">cmd</a> <div>@echo 您的用户名是:%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt" @echo 您的机器名是:%COMPUTERNAME%>>"%userprofile%\网络参数.txt" @echo ___________________>>"%userprofile%\</div> </li> <li><a href="/article/1515.htm" title="plsql 清除登录过的用户" target="_blank">plsql 清除登录过的用户</a> <span class="text-muted">征客丶</span> <a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>tools---preferences----logon history---history  把你想要删除的删除 -------------------------------------------------------------------- 若有其他凝问或文中有错误,请及时向我指出, 我好及时改正,同时也让我们一起进步。 email : binary_spac</div> </li> <li><a href="/article/1642.htm" title="【Pig一】Pig入门" target="_blank">【Pig一】Pig入门</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/pig/1.htm">pig</a> <div>Pig安装 1.下载pig   wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz   2. 解压配置环境变量      如果Pig使用Map/Reduce模式,那么需要在环境变量中,配置HADOOP_HOME环境变量   expor</div> </li> <li><a href="/article/1769.htm" title="Java 线程同步几种方式" target="_blank">Java 线程同步几种方式</a> <span class="text-muted">BlueSkator</span> <a class="tag" taget="_blank" href="/search/volatile/1.htm">volatile</a><a class="tag" taget="_blank" href="/search/synchronized/1.htm">synchronized</a><a class="tag" taget="_blank" href="/search/ThredLocal/1.htm">ThredLocal</a><a class="tag" taget="_blank" href="/search/ReenTranLock/1.htm">ReenTranLock</a><a class="tag" taget="_blank" href="/search/Concurrent/1.htm">Concurrent</a> <div>为何要使用同步?      java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查),      将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之前,被其他线程的调用,      从而保证了该变量的唯一性和准确性。 1.同步方法&</div> </li> <li><a href="/article/1896.htm" title="StringUtils判断字符串是否为空的方法(转帖)" target="_blank">StringUtils判断字符串是否为空的方法(转帖)</a> <span class="text-muted">BreakingBad</span> <a class="tag" taget="_blank" href="/search/null/1.htm">null</a><a class="tag" taget="_blank" href="/search/StringUtils/1.htm">StringUtils</a><a class="tag" taget="_blank" href="/search/%E2%80%9C%E2%80%9D/1.htm">“”</a> <div>转帖地址:http://www.cnblogs.com/shangxiaofei/p/4313111.html   public static boolean isEmpty(String str)     判断某字符串是否为空,为空的标准是 str== null  或 str.length()== 0  </div> </li> <li><a href="/article/2023.htm" title="编程之美-分层遍历二叉树" target="_blank">编程之美-分层遍历二叉树</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.ArrayList; import java.util.LinkedList; import java.util.List; public class LevelTraverseBinaryTree { /** * 编程之美 分层遍历二叉树 * 之前已经用队列实现过二叉树的层次遍历,但这次要求输出换行,因此要</div> </li> <li><a href="/article/2150.htm" title="jquery取值和ajax提交复习记录" target="_blank">jquery取值和ajax提交复习记录</a> <span class="text-muted">chengxuyuancsdn</span> <a class="tag" taget="_blank" href="/search/jquery%E5%8F%96%E5%80%BC/1.htm">jquery取值</a><a class="tag" taget="_blank" href="/search/ajax%E6%8F%90%E4%BA%A4/1.htm">ajax提交</a> <div> // 取值 // alert($("input[name='username']").val()); // alert($("input[name='password']").val()); // alert($("input[name='sex']:checked").val()); // alert($("</div> </li> <li><a href="/article/2277.htm" title="推荐国产工作流引擎嵌入式公式语法解析器-IK Expression" target="_blank">推荐国产工作流引擎嵌入式公式语法解析器-IK Expression</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">应用服务器</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/Excel/1.htm">Excel</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F/1.htm">嵌入式</a> <div>这个开源软件包是国内的一位高手自行研制开发的,正如他所说的一样,我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用,并提出意见和建议。。。 ----------转帖--------------------------------------------------- IK Expression是一个开源的(OpenSource),可扩展的(Extensible),基于java语言</div> </li> <li><a href="/article/2404.htm" title="关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer" target="_blank">关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>1、PropertyPlaceholderConfigurer Spring中PropertyPlaceholderConfigurer这个类,它是用来解析Java Properties属性文件值,并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。 基本的使用方法是:(1) <bean id="propertyConfigurerForWZ&q</div> </li> <li><a href="/article/2531.htm" title="二叉树:二叉搜索树" target="_blank">二叉树:二叉搜索树</a> <span class="text-muted">dieslrae</span> <a class="tag" taget="_blank" href="/search/%E4%BA%8C%E5%8F%89%E6%A0%91/1.htm">二叉树</a> <div>    所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表. tree代码: </div> </li> <li><a href="/article/2658.htm" title="C语言字符串函数大全" target="_blank">C语言字符串函数大全</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/function/1.htm">function</a> <div>C语言字符串函数大全     函数名: stpcpy 功 能: 拷贝一个字符串到另一个 用 法: char *stpcpy(char *destin, char *source); 程序例:   #include <stdio.h> #include <string.h>   int main</div> </li> <li><a href="/article/2785.htm" title="友盟统计页面技巧" target="_blank">友盟统计页面技巧</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E5%B7%A7/1.htm">技巧</a> <div>在基类调用就可以了, 基类ViewController示例代码 -(void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]]; </div> </li> <li><a href="/article/2912.htm" title="window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法" target="_blank">window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法</a> <span class="text-muted">flyvszhb</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a> <div>window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法 本机已经安装了jdk1.7,而比较早期的项目需要依赖jdk1.6,于是同时在本机安装了jdk1.6和jdk1.7. 安装jdk1.6前,执行java -version得到 C:\Users\liuxiang2>java -version java version "1.7.0_21&quo</div> </li> <li><a href="/article/3039.htm" title="Java在创建子类对象的同时会不会创建父类对象" target="_blank">Java在创建子类对象的同时会不会创建父类对象</a> <span class="text-muted">happyqing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%88%9B%E5%BB%BA/1.htm">创建</a><a class="tag" taget="_blank" href="/search/%E5%AD%90%E7%B1%BB%E5%AF%B9%E8%B1%A1/1.htm">子类对象</a><a class="tag" taget="_blank" href="/search/%E7%88%B6%E7%B1%BB%E5%AF%B9%E8%B1%A1/1.htm">父类对象</a> <div>  1.在thingking in java 的第四版第六章中明确的说了,子类对象中封装了父类对象,   2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam</div> </li> <li><a href="/article/3166.htm" title="跟我学spring3 目录贴及电子书下载" target="_blank">跟我学spring3 目录贴及电子书下载</a> <span class="text-muted">jinnianshilongnian</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>    一、《跟我学spring3》电子书下载地址: 《跟我学spring3》  (1-7 和 8-13) http://jinnianshilongnian.iteye.com/blog/pdf     跟我学spring3系列 word原版 下载     二、 源代码下载 最新依</div> </li> <li><a href="/article/3420.htm" title="第12章 Ajax(上)" target="_blank">第12章 Ajax(上)</a> <span class="text-muted">onestopweb</span> <a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/</div> </li> <li><a href="/article/3547.htm" title="BI and EIM 4.0 at a glance" target="_blank">BI and EIM 4.0 at a glance</a> <span class="text-muted">blueoxygen</span> <a class="tag" taget="_blank" href="/search/BO/1.htm">BO</a> <div>http://www.sap.com/corporate-en/press.epx?PressID=14787   有机会研究下EIM家族的两个新产品~~~~   New features of the 4.0 releases of BI and EIM solutions include: Real-time in-memory computing – </div> </li> <li><a href="/article/3674.htm" title="Java线程中yield与join方法的区别" target="_blank">Java线程中yield与join方法的区别</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>长期以来,多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中,我得到了一个机会),但是理解多线程对增加你的信心很有用。之前,我讨论了一个wait()和sleep()方法区别的问题,这一次,我将会讨论join()和yield()方法的区别。坦白的说,实际上我并没有用过其中任何一个方法,所以,如果你感觉有不恰当的地方,请提出讨论。 &nb</div> </li> <li><a href="/article/3801.htm" title="android Manifest.xml选项" target="_blank">android Manifest.xml选项</a> <span class="text-muted">阿尔萨斯</span> <a class="tag" taget="_blank" href="/search/Manifest/1.htm">Manifest</a> <div>结构 继承关系 public final class Manifest extends Objectjava.lang.Objectandroid.Manifest 内部类 class Manifest.permission权限 class Manifest.permission_group权限组 构造函数 public Manifest () 详细 androi</div> </li> <li><a href="/article/3928.htm" title="Oracle实现类split函数的方" target="_blank">Oracle实现类split函数的方</a> <span class="text-muted">zhaoshijie</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>关键字:Oracle实现类split函数的方 项目里需要保存结构数据,批量传到后他进行保存,为了减小数据量,子集拼装的格式,使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个,也补全了一下。 CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100); cr</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>