海拥✘

Web前端基础题18道

单选题（共计 10 题，总计 24分）
1、(单选题)把鼠标移到按钮上时，会产生哪些事件？
A.hove click
B.foucs keyup
C.keydown foucus
D.focus hover
【正确答案】D
【答案解析】focus -> hover 聚焦 -> 悬停

2、(单选题)下列属性中，不是元素有效属性的是（）。
A.src
B.href
C.name
D.target
【正确答案】A
【答案解析】基本概念题，标签中没有src这个属性

3、(单选题)新窗口打开网页，用到以下哪个值（）。
A._self
B._blank
C._top
D._parent
【正确答案】B
【答案解析】
_self 在当前窗口打开网页
_blank 在新窗口打开网页
_top 在当前窗口打开网页，并且替换当前窗口的整个网页
_parent 在父窗口中打开网页

4、(单选题)在html规范描述中，哪个是head标签部分里必不可少的元素（）
A.
B.
C.</code><br> D.<code><script></code><br> 【正确答案】C<br> 【答案解析】下面这些标签可用在 head 部分：, ,</p> <p><strong>5、(单选题)下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度</strong><br> A.display:inline<br> B.display:none<br> C.display:block<br> D.display:inherit<br> 【正确答案】C<br> 【答案解析】display属性 : block :　CSS1 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行可以定义高度和宽度 none :　CSS1 隐藏对象。与 visibility 属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline :　CSS1 内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行 inline-block :　IE5.5 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内 inherit: 看display默认是不具备继承性的，使用inherit可以让其继承父对象的display属性。</p> <p><strong>6、(单选题)通常我们在浏览器内容区看到的内容，都是放入在 () 之间</strong><br> A.<!doctype html><br> B.<br> C.<br> D.<br> 【正确答案】D<br> 【答案解析】A答案是声明文档类型。 B答案是整个html文件。 C答案是网页标题，在浏览器顶部显示、 D答案是网页的主体部分，即浏览器的内容区域。</p> <p><strong>7、(单选题)英文字母全部转为大写正确的是（）</strong><br> A.text-transform: capitalize;<br> B.text-transform: lowercase;<br> C.text-transform: uppercase;<br> D.font-weight: bold;<br> 【正确答案】C<br> 【答案解析】text-transform:capitalize是首字母大写 text-transfrom:lowercase是全部字母为小写 text-transfrom:uppercase是全部字母为大写 font-weight: bold;字体为粗体，</p> <p><strong>8、(单选题)如何把 7.25 四舍五入为最接近的整数？</strong><br> A.round(7.25)<br> B.rnd(7.25)<br> C.Math.rnd(7.25)<br> D.Math.round(7.25)<br> 【正确答案】D<br> 【答案解析】<br> Math.ceil()向上取整，即它总是将数值向上舍入为最接近的整数；<br> Math.floor()向下取整，即它总是将数值向下舍入为最接近的整数；<br> Math.round()标准取整，即它总是将数值四舍五入为最接近的整数(这也是我们在数学课上学到的舍入规则)</p> <p><strong>9、(单选题)打开名为 “window2” 的新窗口的 JavaScript 语法是？</strong><br> A.open.new(“http://www.w3school.com.cn”,“window2”)<br> B.new.window(“http://www.w3school.com.cn”,“window2”)<br> C.new.window(“http://www.w3school.com.cn”,“window2”)<br> D.window.open(“http://www.w3school.com.cn”,“window2”)<br> 【正确答案】D<br> 【答案解析】open() 方法可以查找一个已经存在或者新建的浏览器窗口。<br> 语法：<br> window.open([URL], [窗口名称], [参数字符串])<br> 参数说明:<br> URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。<br> 窗口名称：可选参数，被打开窗口的名称。<br> 1.该名称由字母、数字和下划线字符组成。<br> 2."_top"、"_blank"、"_selft"具有特殊意义的名称。<br> _blank：在新窗口显示目标网页<br> _self：在当前窗口显示目标网页<br> _top：框架网页中在上部窗口中显示目标网页<br> 3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。<br> 4.name 不能包含有空格。<br> 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。</p> <p><strong>10、(单选题)如果一个HTML文档内含有阿拉伯文，则应该？</strong><br> A.使用utf-8编码<br> B.将阿拉伯文转为图片并嵌入到文档内<br> C.使用GBK编码<br> D.使用iso-8859-2编码<br> 【正确答案】A<br> 【答案解析】A。UTF-8（8-bit Unicode Transformation Format）是一种针对Unicode的可变长度字符编码，又称万国码。UTF-8用1到6个字节编码UNICODE字符。用在网页上可以同一页面显示中文简体繁体及其它语言（如英文，日文，韩文）。</p> <hr> <p><strong>以下都是多选题</strong><br> <a href="http://img.e-com-net.com/image/info8/e47f6171c4d041cd9d293ef406da5a97.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e47f6171c4d041cd9d293ef406da5a97.jpg" alt="Web前端基础题18道_第1张图片" width="650" height="650" style="border:1px solid black;"></a></p> <hr> <p><strong>多选题（共计 8 题，总计 16分）</strong><br> <strong>11、(多选题)在使用table表现数据时，有时候表现出来的会比自己实际设置的宽度要宽，为此需要设置下面哪些属性值？</strong><br> A.cellpadding=”0″<br> B.padding:0<br> C.margin:0<br> D.cellspacing=”0″<br> 【正确答案】A,D<br> 【答案解析】单元格边距(表格填充)(cellpadding) – 代表单元格外面的一个距离,用于隔开单元格与单元格空间单；元格间距(表格间距)(cellspacing) – 代表表格边框与单元格补白的距离,也是单元格补白之间的距离。</p> <p><strong>12、(多选题)以下哪些是javascript的数据类型（）</strong><br> A.String<br> B.Number<br> C.Undefined<br> D.Date<br> 【正确答案】A,B,C<br> 【答案解析】JavaScript中的数据类型有：字符串、数字、布尔、数组、对象、Null、Undefined Date是对象</p> <p><strong>13、(多选题)下面说法正确的有（）</strong><br> A.P元素不能包含div<br> B.Li元素的祖先元素可能是li，但父元素不可能是li<br> C.Domtree的根节点是body元素<br> D.Body内的元素的offsetparent一定存在<br> 【正确答案】A,B,D<br> 【答案解析】<br> 1.p元素内部只能嵌套行内元素，不能嵌套块级元素。A说法正确；<br> 2.li标签可以嵌套<code><ul><li></li></ul></code>,但是li标签必须嵌套在ul、ol标签里面。B说法正确；<br> 3.所有元素的根节点都是html元素。C说法错误；<br> 4.offsetparent是相对的意思，Body内的元素，不论怎么嵌套，offsetparent都是一定存在。D说法正确；</p> <p><strong>14、(多选题)下面属于javascript基本数据类型的有？</strong><br> A.字符串<br> B.数字<br> C.null<br> D.undefined<br> 【正确答案】A,B,C,D<br> 【答案解析】js五种基本类型：String Boolean Number null undefined</p> <p><strong>15、(多选题)下列哪些元素是行内元素：</strong><br> A.span<br> B.img<br> C.div<br> D.p<br> 【正确答案】A,B<br> 【答案解析】<br> <mark>行内元素</mark>：a、b、span、img、input、strong、select、label、em、button、textarea</p> <p><strong>16、(多选题)下列哪些元素是块级元素：</strong><br> A.div<br> B.h1<br> C.button<br> D.ul<br> 【正确答案】A,B,D<br> 【答案解析】<br> <mark>块级元素</mark>：div、ul、li、dl、dt、dd、p、h1-h6、blockquote</p> <p><strong>17、(多选题)一份HTML文档有哪几个必须的HTML标签？</strong><br> A.<code><html></code><br> B.<code><head></code><br> C.<code><input></code><br> D.<code><body></code><br> 【正确答案】A,B,D<br> 【答案解析】这里说的是html文档的结构标准、规范，html、head、body是一个html文档中必须的标签</p> <p><strong>18、(多选题)关于html的盒模型，下列说法正确的是？</strong><br> A.margin是内边距<br> B.padding是外边距<br> C.border是边框<br> D.border-radius是css3标准，因此IE并不支持border-radius属性<br> 【正确答案】C,D<br> 【答案解析】<br> margin：外边距；<br> padding：内边距；<br> border：边框；<br> IE不支持边框圆角border-radius属性</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1297808638823440384"></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">  <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>  <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>  <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/1833525688494288896.htm" title="web前端基础——第八章" target="_blank">web前端基础——第八章</a> <span class="text-muted">ZiminLi</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%A0%88%E7%AC%94%E8%AE%B0/1.htm">技术栈笔记</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>目录八十五、对象的简介和基本操作八十六、属性名和属性值八十七、基本数据类型和引用数据类型八十八、对象字面量八十九、函数的简介九十、函数的参数九十一、函数的返回值九十二、实参可以是任何值九十三、返回值的类型九十四、立即执行函数九十五、方法九十六、枚举对象中的属性九十七、作用域（Scope）全局作用域变量的声明提前函数作用域九十八、this九十九、使用工厂方法创建对象一百、构造函数一百零一、原型对象一</div> </li> <li><a href="/article/1757240619601772544.htm" title="（代码示例）css实现等高布局的三种方式" target="_blank">（代码示例）css实现等高布局的三种方式</a> <span class="text-muted">PHP9年架构师</span> <div>本篇文章给大家带来的内容是关于css实现等高布局的三种方式（代码示例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。本文讲的等高布局是在不手动设置元素高度的情况下，使用纯css实现各个元素高度都相当的效果。如图：首先小编在这里谢谢大家一直的支持，每天都会更新十个web前端基础内容，需要的可以关注我，另外也可以进我的web学习交流群1045267283，领取资料学习资料笔记，可以跟</div> </li> <li><a href="/article/1756779836770107392.htm" title="2019-03-21" target="_blank">2019-03-21</a> <span class="text-muted">樊小勇</span> <div>web前端记录1.第一次尝试写这个文档，这个文档将记录我对一些东西的总结和运用。2.首先在这里列一个大纲web前端基础学习技术大纲1.html基础常用标签2.css基础常用标签3.less的引入4.盒子模型5.reset重置样式的引用6.pc、移动端公共样式7.pc端浮动、定位8.div+flex移动端布局9.BFC10.阿里图标的使用</div> </li> <li><a href="/article/1749281948859121664.htm" title="关于JAVA中的MVC结果，Controller方法返回字符串到前端js出现乱码问题" target="_blank">关于JAVA中的MVC结果，Controller方法返回字符串到前端js出现乱码问题</a> <span class="text-muted">和Ye哥学架构</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E4%BA%A4%E6%8D%A2/1.htm">前后端交换</a><a class="tag" taget="_blank" href="/search/%E4%B9%B1%E7%A0%81/1.htm">乱码</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/%E4%B9%B1%E7%A0%81/1.htm">乱码</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>解决spring-mvc@responseBody注解返回json乱码问题收藏刘志成发表于3年前阅读26213收藏5点赞11评论8【粉丝福利】-《web前端基础到实战系列课程》免费在线直播教学>>>在使用spring-mvc的mvc的时候既享受它带来的便捷，又头痛它的一些问题，比如经典的中文乱码问题。现在是用json作为客户端和服务端的数据交换格式貌似很流行，但是在springmvc中有时候会因为</div> </li> <li><a href="/article/1747156178435063808.htm" title="Java Web 开发从入门到实战（课后习题）" target="_blank">Java Web 开发从入门到实战（课后习题）</a> <span class="text-muted">青春pig头少年</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E5%A4%8D%E4%B9%A0/1.htm">期末复习</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>第1章Web前端基础1.在以下标记中，用于改置页面标题的是（）。A.B.C.D.注：caption是表格名称（标题）2.若设计网页的背景图形为bg.png，在以下标记中正确的是（）。A.B.C.D.3.下列关于HTML文件的说法正确的是（）。A.HTML标记都必须配对使用B.在和标记之间的是头信息C.HTML标记是区分大小写的，跟表示的意思是不一样的D.＜!---->标记是注释标记注：HTML标签</div> </li> <li><a href="/article/1745982229781168128.htm" title="给web小白们的建议！帮你快速成长为大神" target="_blank">给web小白们的建议！帮你快速成长为大神</a> <span class="text-muted">头不秃的程序员</span> <div>给web前端基础小白的有效建议，web小白到大神的心得建议一：有一个比较适合自己系统的学习方案，系统的学习教程，很多人在开始学习web前端的时候都不知道如何规划，也不知道web前端应该学什么内容。先把web前端学了一遍之后才是真正的入门，然后就是不断的练习，不断的巩固，为之后的工作打下坚实的基础。建议二：我看很多新手刚学web前端就看各种书籍，我一个做了5年web前端的人可以负责的告诉你，新手学习</div> </li> <li><a href="/article/1745453284786716672.htm" title="【JaveWeb教程】（8）Web前端基础：Vue组件库Element之Table表格组件和Pagination分页组件详细示例介绍" target="_blank">【JaveWeb教程】（8）Web前端基础：Vue组件库Element之Table表格组件和Pagination分页组件详细示例介绍</a> <span class="text-muted">老牛源码</span> <a class="tag" taget="_blank" href="/search/Element%E6%95%99%E7%A8%8B/1.htm">Element教程</a><a class="tag" taget="_blank" href="/search/Java%E6%95%99%E7%A8%8B/1.htm">Java教程</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/15%E5%A4%A9%E5%AD%A6%E4%BC%9AJavaWeb%E5%BC%80%E5%8F%91/1.htm">15天学会JavaWeb开发</a><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/javascript/1.htm">javascript</a> <div>目录1Table表格组件1.1组件演示1.2组件属性详解2Pagination分页2.1组件演示2.2组件属性详解2.3组件事件详解接下来我们来学习一下ElementUI的常用组件，对于组件的学习比较简单，我们只需要参考官方提供的代码，然后复制粘贴即可。本节主要学习Tbale表格组件和Pagination分页组件1Table表格组件1.1组件演示Table表格：用于展示多条结构类似的数据，可对数据</div> </li> <li><a href="/article/1743691471338356736.htm" title="WEB前端基础" target="_blank">WEB前端基础</a> <span class="text-muted">m0_74234026</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.基础标签使用--整个网页--网页头部--网页标题--网页主体~--1~6级标题--回车--水平线2.文本格式化标签3.图像标签--src填写的是图片连接--alt是图片未加载出来之前显示的内容--title是鼠标悬停的显示内容·属性名="属性值"·属性写在尖括号里面，标签名后面，标签名和属性名之间用空格隔开，不区分先后</div> </li> <li><a href="/article/1743068385912045568.htm" title="【JaveWeb教程】（1）Web前端基础：HTML+CSS入门不再难：一篇文章教你轻松搞定HTML与CSS！" target="_blank">【JaveWeb教程】（1）Web前端基础：HTML+CSS入门不再难：一篇文章教你轻松搞定HTML与CSS！</a> <span class="text-muted">老牛源码</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/15%E5%A4%A9%E5%AD%A6%E4%BC%9AJavaWeb%E5%BC%80%E5%8F%91/1.htm">15天学会JavaWeb开发</a><a class="tag" taget="_blank" href="/search/Java%E6%95%99%E7%A8%8B/1.htm">Java教程</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><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>目录1.前端开发介绍2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1新浪新闻-标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选择器2.3.1.2.5发</div> </li> <li><a href="/article/1738422651614978048.htm" title="2019 web前端最新学习路线图：萌新变大神之路" target="_blank">2019 web前端最新学习路线图：萌新变大神之路</a> <span class="text-muted">前端小芳</span> <div>web前端基础篇1.HTML超文本标记语言结构、盒模型、浮动、定位、内外边距、选择器、优先级、样式初始化、CSS引入方式和特效2.CSS3新增选择器及新增属性、HTLM5新特性、HTML5新增标签、弹性盒模型、CSS3置换缩放因子、转换起点、位移属性3.企业大型项目CSS组件化开发、BAT企业元素命名规范、ResponsiveWebDesgin、多平台业务兼容4.大型网站全业务页面搭建（mainP</div> </li> <li><a href="/article/1735423304937824256.htm" title="python爬虫开发与项目实战pdf_Python爬虫开发与项目实战PDF高清文档下载" target="_blank">python爬虫开发与项目实战pdf_Python爬虫开发与项目实战PDF高清文档下载</a> <span class="text-muted">weixin_39526872</span> <div>随着大数据时代到来，网络信息量也变得更多更大，基于传统搜索引擎的局限性，网络爬虫应运而生，本书从基本的爬虫原理开始讲解，通过介绍Pthyon编程语言和Web前端基础知识引领读者入门，之后介绍动态爬虫原理以及Scrapy爬虫框架，最后介绍大规模数据下分布式爬虫的设计以及PySpider爬虫框架等。主要特点：由浅入深，从Python和Web前端基础开始讲起，逐步加深难度，层层递进。内容详实，从静态网站</div> </li> <li><a href="/article/1735423305361448960.htm" title="python爬虫开发与项目实战pdf_python爬虫开发与项目实战PDF高清文档下载" target="_blank">python爬虫开发与项目实战pdf_python爬虫开发与项目实战PDF高清文档下载</a> <span class="text-muted">weixin_39849671</span> <div>随着大数据时代到来，网络信息量也变得更多更大，基于传统搜索引擎的局限性，网络爬虫应运而生，本书从基本的爬虫原理开始讲解，通过介绍Pthyon编程语言和Web前端基础知识引领读者入门，之后介绍动态爬虫原理以及Scrapy爬虫框架，最后介绍大规模数据下分布式爬虫的设计以及PySpider爬虫框架等。主要特点：由浅入深，从Python和Web前端基础开始讲起，逐步加深难度，层层递进。内容详实，从静态网站</div> </li> <li><a href="/article/1735423305780879360.htm" title="python爬虫开发与项目实战pdf下载_python爬虫开发与项目实战PDF高清文档下载" target="_blank">python爬虫开发与项目实战pdf下载_python爬虫开发与项目实战PDF高清文档下载</a> <span class="text-muted">weixin_39947314</span> <div>随着大数据时代到来，网络信息量也变得更多更大，基于传统搜索引擎的局限性，网络爬虫应运而生，本书从基本的爬虫原理开始讲解，通过介绍Pthyon编程语言和Web前端基础知识引领读者入门，之后介绍动态爬虫原理以及Scrapy爬虫框架，最后介绍大规模数据下分布式爬虫的设计以及PySpider爬虫框架等。主要特点：由浅入深，从Python和Web前端基础开始讲起，逐步加深难度，层层递进。内容详实，从静态网站</div> </li> <li><a href="/article/1731184906719014912.htm" title="Python后台开发基础--Web前端基础" target="_blank">Python后台开发基础--Web前端基础</a> <span class="text-muted">宇航18611465354</span> <a class="tag" taget="_blank" href="/search/Python%E9%97%AF%E5%85%B3%E8%AE%AD%E7%BB%83%E8%90%A5%E7%AC%94%E8%AE%B0/1.htm">Python闯关训练营笔记</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>1Html1.1Html介绍HTML是HyperTextMark-upLanguage的首字母简写，意思是超文本标记语言，HTML不是一种编程语言，而是一种标记语言超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为.html或者.htm，html文档也叫Web页面，其实就是一个网页，html文件用编辑器</div> </li> <li><a href="/article/1730526309936869376.htm" title="HTML及CSS基础入门：web前端基础，看这一篇就够了" target="_blank">HTML及CSS基础入门：web前端基础，看这一篇就够了</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/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/css/1.htm">css</a> <div>写在开头：这是一篇有关于HTTP和CSS的基础入门教程。你也可以将他当作一本字典，因为我将所有可能用到的语法结构全部设置了标题，你只需要点击标题即可跳转过去。同时，我在最后放置了两个CSS实战，以供读者练习使用。这是一篇十分值得收藏的web前端基础文章，希望对看到的读者有所帮助。web入门HTTP基础HTML文本标签1.块标签和内联标签2.标题标签3.段落标签4.内联标签``5.内联标签``6.图</div> </li> <li><a href="/article/1727750323952496640.htm" title="web前端基础——vw、vh移动适配" target="_blank">web前端基础——vw、vh移动适配</a> <span class="text-muted">NGUP_LEE</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">web前端基础</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>vw适配原理实现在不同宽度的设备中，网页元素尺寸等比缩放的效果vw单位尺寸确定设计稿对应的vw尺寸（1/100视口宽度）vw单位的尺寸=px单位数值/（1/100视口宽度）在实际的生产环境中，vw、vh单位一般是不混用的</div> </li> <li><a href="/article/1722307606141284352.htm" title="web前端基础知识" target="_blank">web前端基础知识</a> <span class="text-muted">殿君不是殿军</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/1.htm">经验分享</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML&CSS基础经典版HTML：结构（页面元素和内容）css：表现（网页元素的外观和位置等页面样式）行为：JavaScript：行为（网页模型定义与页面交互）排版标签排版标签标题标签：h系列标签重要程度依次递减特点：独占一行、h1-h6文字逐渐减小段落标签：p特点：段落之间存在间隙、独占一行换行标签：水平分割线：文本格式化标签场景：让文字加粗bstrong、下划线uins、倾斜iem、删除线s</div> </li> <li><a href="/article/1722307478315675648.htm" title="Web前端-HTML基础" target="_blank">Web前端-HTML基础</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/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>Web前端Web前端基础HTML编程中命名规范网页的基本结构：网页运行的原理：HTML常见标签标题标签段落标签水平线标签有序列表标签无序列表标签描述标签表格标签表单form表单中常用的表单元素div分区标签span范围标签a超级链接标签HTML4和HTML5的区别页面错误调试的几种常见手段Web前端基础HTML：是一种编程语言，意思为“扩展标记语言”，可以简单的理解为一个“毛坯房子”CSS：是层叠</div> </li> <li><a href="/article/1717753076552642560.htm" title="JAVA学习-愚见" target="_blank">JAVA学习-愚见</a> <span class="text-muted">ANnianStriver</span> <a class="tag" taget="_blank" href="/search/%E6%96%87%E7%AB%A0/1.htm">文章</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/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> <div>JAVA学习-愚见分享一下Java的学习路线，仅供参考！！【本人亲测，真实有效】1、尽可能推荐较新的课程2、大部分视频在B站上直接搜关键词就行【自学，B大的学生】文章目录JAVA学习-愚见前期准备Java基础课程练手项目算法与数据结构（按需-学校也会开数据结构的课时间有差异）知识数据库JavaWeb前端基础+VueSSM框架MyBatisSpring+SpringMVCSpringBoot项目实战</div> </li> <li><a href="/article/1717742551672369152.htm" title="Web前端基础（五）：清浮动方法与优缺点" target="_blank">Web前端基础（五）：清浮动方法与优缺点</a> <span class="text-muted">繁华落殇</span> <div>1、如何对待美工对于靠谱美工，美工图精确度约0px。对于不靠谱的美工，要与产品经理沟通，并用邮件往来。2、浮动对文档的影响浮动会导致当前元素脱离文档流，此时会对父级产生影响；子元素浮动，父级元素会出现高度为0的现象，这个现象叫做高度塌陷；3、清浮动的方法：3.1需要清浮动的情况：子标签浮动后，父标签的高度无法被撑开，所以需要清浮动；新加入的标签，希望不受之前浮动元素的影响，则需要清浮动；3.2清浮</div> </li> <li><a href="/article/1716751955780513792.htm" title="web前端基础" target="_blank">web前端基础</a> <span class="text-muted">LH505343</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><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> <div>正则表达式1.正则验证：手机号码验证2.正则验证：查找并替换内容（发表评论中的敏感词替换）3.最全正则验证清除浮动的五种的方法cors解决跨域问题Git仓库中的常用命令一、js1.利用for循环打印九九乘法表2.break和continue的区别3.计算圆的周长，面积4.数组API：（1）数组转字符串（2）多个数组拼接（3）数组元素截取（4）删除数组元素（5）数组翻转（6）数组排序（7）在数组结尾</div> </li> <li><a href="/article/1715139469289533440.htm" title="web前端基础CSS------美化页面“footer”部分" target="_blank">web前端基础CSS------美化页面“footer”部分</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/css/1.htm">css</a> <div>一，实验代码关于我们#footer{margin:10px0px;background:#f5f5f5;border:top1pxsolid#eee;}#footerCon{width:1190px;margin:10pxauto0px;}#footerCon#links{border-bottom:1pxsolid#eee;overflow:hidden;padding-bottom:20px;</div> </li> <li><a href="/article/1714556514624155648.htm" title="《随笔一》" target="_blank">《随笔一》</a> <span class="text-muted">Captain Hammer</span> <a class="tag" taget="_blank" href="/search/%E3%80%8A%E6%9D%82%E8%AE%B0%E3%80%8B/1.htm">《杂记》</a> <div>千峰教程：https://pan.baidu.com/s/1LGX4O5hDGkbLlg2GYHk4gQ提取码pw99包括：jave基础-进阶-高级-工具，HTML5基础-进阶-高级-工具,web前端基础-进阶-高级-工具，python基础-进阶-高级-工具大数据基础-进阶-高级-工具UI基础-进阶-高级-工具Linux云计算基础-进阶-高级-工具软件测试基础-进阶-高级-工具Unity游戏开发基</div> </li> <li><a href="/article/1714270879166312448.htm" title="web前端基础训练-----创建用户反馈表单" target="_blank">web前端基础训练-----创建用户反馈表单</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/html/1.htm">html</a> <div>1，实验代码用户反馈表单用户反馈亲爱的用户：感谢您对MobileShop的支持，您对MobileShop有任何意见和建议，或在使用过程中遇到问题，都可以在本页进行反馈，我们会认真阅读你的反馈，不断优化产品，为你提供更好的服务！1,你常用的账号名是？2,你常用电话号码是？3，您对目前当当网首页的整体满意度如何？满意一般不满意还行4，你访问页面速度的情况？很快一般较慢5,你从哪里知道MobileSho</div> </li> <li><a href="/article/1713472196397051904.htm" title="web前端开发贴吧，Web前端基础三剑客学习知识分享" target="_blank">web前端开发贴吧，Web前端基础三剑客学习知识分享</a> <span class="text-muted">前端工程师面经</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a> <div>一、首先本职工作一定要做好做精本人之前在干兼职的时候，也忽视过本职工作，从而导致自己落后平均技术水平，虽然之后迎头赶上，但这不能不算是个遗憾。前在接一些活的时候就感觉技术的重要性了，如果当年我技术再好些，可能还有机会进BAT，这样现在的技术或许更精，更能接些技术含量好，同时也是挣钱效率高的活，比如录高深技术的视频。打个不恰当的比方，比如有些人在初中毕业后就去挣钱，与之相比，一些上高中上大学甚至上研</div> </li> <li><a href="/article/1704459968431861760.htm" title="Web前端基础（三）：网页布局与样式入门" target="_blank">Web前端基础（三）：网页布局与样式入门</a> <span class="text-muted">繁华落殇</span> <div>1、网页开发流程（整体——>局部）1）分析各个模块，切图2）了解代码书写规范3）整体布局4）详细布局5）样式处理6）网页的优化和细节方面的处理2、如何开发网页1）div没有语义性，主要用于布局，独占一行显示h标题标签;列表：ul、ol、dl，里面的列:li;段落：p;2）CSS层叠样式表，是一组格式设置规则，主要用于控制WEB页面的外观;CSS引入方式：i：标签内书写——>直接在标签里面加styl</div> </li> <li><a href="/article/1703622762326732800.htm" title="Day 01 web前端基础知识" target="_blank">Day 01 web前端基础知识</a> <span class="text-muted">致奋斗的我们</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><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%92%E5%B0%91%E5%B9%B4%E7%BC%96%E7%A8%8B/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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>首先我们要了解什么事前端？先简单用文字介绍一下：一、入门知识Web前端是指网站或应用程序的用户界面部分。它包括HTML、CSS、JavaScript等语言和技术，用于创建用户可浏览和交互的网页。Web前端的特点在于其交互性和动态性，可以通过CSS和JavaScript实现页面的动态效果和用户交互。二、核心知识HTMLHTML（HypertextMarkupLanguage）是用于创建Web页面的标</div> </li> <li><a href="/article/1702417263384145920.htm" title="web开发需求，Web前端基础三剑客学习知识分享" target="_blank">web开发需求，Web前端基础三剑客学习知识分享</a> <span class="text-muted">前端小猫咪</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a> <div>第一个阶段，开发环境和工具准备浏览器（Google，FireFox，…）下载，安装前端开发工具vscode，下载、安装node、npm、webpack、webpack-cli、cnpm，配置前端开发环境下载、配置PHP和MySQL第二个阶段，前端入门，网页制作1，HTML：常用标签（div标签，p标签，span标签，a标签，img标签）锚点列表标签（有序列表，无序列表，自定义列表）表单标签表格标签</div> </li> <li><a href="/article/1702417264810209280.htm" title="web前端开发学习内容，Web前端基础三剑客学习知识分享" target="_blank">web前端开发学习内容，Web前端基础三剑客学习知识分享</a> <span class="text-muted">自定义组件</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%8D%E7%AB%AF/1.htm">大前端</a> <div>JS《JavaScript高级程序设计（第4版）》第三版:豆瓣评分9.3第四版:豆瓣评分8.5现在建议学习第四版，因为第三版很多还是以ES5的语法进行讲解的，目前主流都是ES6语法了。当年我入门这是我看的第一本JS书籍，也是实验室的导师推荐的，这本书很厚，真的需要耐着性子看完，DOM、BOM、JS基础语法，我先是把这些大概的过了一下，然后去实践项目，有不懂的点再来回味这本书，以我的性子，还是比较喜</div> </li> <li><a href="/article/1702033477970505728.htm" title="【朝夕教育】2023年03月其他-Web前端基础面试题（react专项_35道）" target="_blank">【朝夕教育】2023年03月其他-Web前端基础面试题（react专项_35道）</a> <span class="text-muted">微软MVP Eleven</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>文章目录一、react篇1、react生命周期函数2、React类组件(Classcomponent)和函数式组件(Functionalcomponent)之间有何不同3、React状态(state)和属性(props)之间有何不同4、什么是高阶组件5、为什么建议传递给setState的参数是一个callback而不是一个对象6、(在构造函数中)调用super(props)的目的是什么7、Reac</div> </li> <li><a href="/article/81.htm" title="java短路运算符和逻辑运算符的区别" target="_blank">java短路运算符和逻辑运算符的区别</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/java%E5%9F%BA%E7%A1%80/1.htm">java基础</a> <div> /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是</div> </li> <li><a href="/article/208.htm" title="Java异常那些不得不说的事" target="_blank">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/exception/1.htm">exception</a> <div>一、在finally块中做数据回收操作比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close(); </div> </li> <li><a href="/article/335.htm" title="utf-8与utf-8(无BOM)的区别" target="_blank">utf-8与utf-8(无BOM)的区别</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>BOM——Byte Order Mark，就是字节序标记在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输字符"ZERO WIDTH NO-BREAK SPACE"。这样如</div> </li> <li><a href="/article/462.htm" title="JAVA Annotation之定义篇" target="_blank">JAVA Annotation之定义篇</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%B3%A8%E8%A7%A3/1.htm">注解</a><a class="tag" taget="_blank" href="/search/annotation/1.htm">annotation</a><a class="tag" taget="_blank" href="/search/%E5%85%A5%E9%97%A8/1.htm">入门</a><a class="tag" taget="_blank" href="/search/%E6%B3%A8%E9%87%8A/1.htm">注释</a> <div> Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa</div> </li> <li><a href="/article/589.htm" title="tomcat的多域名、虚拟主机配置" target="_blank">tomcat的多域名、虚拟主机配置</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。很多朋友搜索的内容基本是告诉我们这么配置：在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"</div> </li> <li><a href="/article/716.htm" title="Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ）" target="_blank">Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ）</a> <span class="text-muted">510888780</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/capistrano/1.htm">capistrano</a> <div> 1.ssh -v hdfs@192.168.18.133 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio</div> </li> <li><a href="/article/843.htm" title="log4j的用法" target="_blank">log4j的用法</a> <span class="text-muted">Harry642</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/log4j/1.htm">log4j</a> <div>一、前言： log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中</div> </li> <li><a href="/article/970.htm" title="mysql、sqlserver、oracle分页，java分页统一接口实现" target="_blank">mysql、sqlserver、oracle分页，java分页统一接口实现</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/jave/1.htm">jave</a> <div> 定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页：　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页： </div> </li> <li><a href="/article/1097.htm" title="Hessian 简单例子" target="_blank">Hessian 简单例子</a> <span class="text-muted">antlove</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/service/1.htm">service</a><a class="tag" taget="_blank" href="/search/hessian/1.htm">hessian</a> <div>hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543</div> </li> <li><a href="/article/1224.htm" title="数据库对象的同义词和序列" target="_blank">数据库对象的同义词和序列</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/%E5%BA%8F%E5%88%97/1.htm">序列</a><a class="tag" taget="_blank" href="/search/%E5%90%8C%E4%B9%89%E8%AF%8D/1.htm">同义词</a><a class="tag" taget="_blank" href="/search/ORACLE%E6%9D%83%E9%99%90/1.htm">ORACLE权限</a> <div>回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to </div> </li> <li><a href="/article/1351.htm" title="使用Powermock和mockito测试静态方法" target="_blank">使用Powermock和mockito测试静态方法</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">持续集成</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a><a class="tag" taget="_blank" href="/search/mockito/1.htm">mockito</a><a class="tag" taget="_blank" href="/search/Powermock/1.htm">Powermock</a> <div> 实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or</div> </li> <li><a href="/article/1478.htm" title="精通Oracle10编程SQL(6)访问ORACLE" target="_blank">精通Oracle10编程SQL(6)访问ORACLE</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</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/plsql/1.htm">plsql</a> <div>/* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu</div> </li> <li><a href="/article/1605.htm" title="【Nginx四】Nginx作为HTTP负载均衡服务器" target="_blank">【Nginx四】Nginx作为HTTP负载均衡服务器</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a> <div> Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：负载均衡的好处增加可用资源增加吞吐量加快响应速度，降低延时出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l</div> </li> <li><a href="/article/1732.htm" title="jquery-validation备忘" target="_blank">jquery-validation备忘</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/F%23/1.htm">F#</a><a class="tag" taget="_blank" href="/search/Firebug/1.htm">Firebug</a> <div>留点学习jquery validation总结的代码： function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误，默认:&</div> </li> <li><a href="/article/1859.htm" title="solr限制admin界面访问（端口限制和http授权限制）" target="_blank">solr限制admin界面访问（端口限制和http授权限制）</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/%E9%99%90%E5%AE%9AIp%E8%AE%BF%E9%97%AE/1.htm">限定Ip访问</a> <div>solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。我们先看如何通过tomcat配置http授权限制。第一步：在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad</div> </li> <li><a href="/article/1986.htm" title="多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1" target="_blank">多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1</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/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a> <div> public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static </div> </li> <li><a href="/article/2113.htm" title="买房历程" target="_blank">买房历程</a> <span class="text-muted">cfyme</span> <div> 2015-06-21: 万科未来城，看房子 2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675 2015-06-27: 房子首付,签完合同 2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-</div> </li> <li><a href="/article/2240.htm" title="[军事与科技]制造大型太空战舰的前奏" target="_blank">[军事与科技]制造大型太空战舰的前奏</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E5%88%B6%E9%80%A0/1.htm">制造</a> <div> 天气热了........空调和电扇要准备好.......... 最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界.......... 所以,我们不得不关</div> </li> <li><a href="/article/2367.htm" title="dateformat" target="_blank">dateformat</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/DateFormat/1.htm">DateFormat</a> <div> "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year</div> </li> <li><a href="/article/2494.htm" title="Hadoop如何实现关联计算" target="_blank">Hadoop如何实现关联计算</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a><a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/%E5%85%B3%E8%81%94%E8%AE%A1%E7%AE%97/1.htm">关联计算</a> <div> 选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。以关联计算为例。假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？ &nbs</div> </li> <li><a href="/article/2621.htm" title="用户模型中修改用户信息时，密码是如何处理的" target="_blank">用户模型中修改用户信息时，密码是如何处理的</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这</div> </li> <li><a href="/article/2748.htm" title="中文 iOS/Mac 开发博客列表" target="_blank">中文 iOS/Mac 开发博客列表</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Blog/1.htm">Blog</a> <div> 本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。本博客列表涉及的文章内容支持定制化Google搜索，特别感谢 JeOam 提供并帮助更新。本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。 </div> </li> <li><a href="/article/2875.htm" title="js去除空格，去除左右两端的空格" target="_blank">js去除空格，去除左右两端的空格</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/%E5%8E%BB%E9%99%A4%E5%B7%A6%E5%8F%B3%E4%B8%A4%E7%AB%AF%E7%9A%84%E7%A9%BA%E6%A0%BC/1.htm">去除左右两端的空格</a><a class="tag" taget="_blank" href="/search/js%E5%8E%BB%E6%8E%89%E6%89%80%E6%9C%89%E7%A9%BA%E6%A0%BC/1.htm">js去掉所有空格</a><a class="tag" taget="_blank" href="/search/js%E5%8E%BB%E9%99%A4%E7%A9%BA%E6%A0%BC/1.htm">js去除空格</a> <div>js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g</div> </li> <li><a href="/article/3002.htm" title="SpringMVC4零配置--web.xml" target="_blank">SpringMVC4零配置--web.xml</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/springmvc4/1.htm">springmvc4</a> <div>servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer</div> </li> <li><a href="/article/3129.htm" title="《开源框架那些事儿21》：巧借力与借巧力" target="_blank">《开源框架那些事儿21》：巧借力与借巧力</a> <span class="text-muted">j2eetop</span> <a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a> <div>同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。故事1：巧借力，乌鸦也可以吃核桃有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，</div> </li> <li><a href="/article/3256.htm" title="JQuery EasyUI 验证扩展" target="_blank">JQuery EasyUI 验证扩展</a> <span class="text-muted">可怜的猫</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/easyui/1.htm">easyui</a><a class="tag" taget="_blank" href="/search/%E9%AA%8C%E8%AF%81/1.htm">验证</a> <div> 最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。以下内容只需要在公用js中添加即可。使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&</div> </li> <li><a href="/article/3383.htm" title="架构师之httpurlconnection----------读取和发送(流读取效率通用类)" target="_blank">架构师之httpurlconnection----------读取和发送(流读取效率通用类)</a> <span class="text-muted">nannan408</span> <div>1.前言. 如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream</div> </li> <li><a href="/article/3510.htm" title="Jquery性能优化" target="_blank">Jquery性能优化</a> <span class="text-muted">r361251</span> <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变量的时候添加var关键字这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的二、请使用一个var来定义变量如果你使用多个变量的话，请如下方式定义： . 代码如下: var page </div> </li> <li><a href="/article/3637.htm" title="在eclipse项目中使用maven管理依赖" target="_blank">在eclipse项目中使用maven管理依赖</a> <span class="text-muted">tjj006</span> <a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>概览: 如何导入maven项目至eclipse中建立自有Maven Java类库服务器建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就把</div> </li> <li><a href="/article/3764.htm" title="中国天气网省市级联页面" target="_blank">中国天气网省市级联页面</a> <span class="text-muted">x125858805</span> <a class="tag" taget="_blank" href="/search/%E7%BA%A7%E8%81%94/1.htm">级联</a> <div>1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l</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.  </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>