a) 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。
例如：浏览器会根据标签的src属性的值来读取图片信息并显示出来，而如果查看(x)html代码，则看不到图片的实际内容；标签的type属性来决定是显示输入框，还是单选按钮等。 (x)html中的、、、<select>、<object> 都是置换元素。这些元素往往没有实际的内容，即是一个空元素。</p> <p style="line-height:1.4em;color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;"> 置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。<br><br> b) 不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。</p> <p style="line-height:1.4em;color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;"> 例如： <label>label中的内容</label> 标签<label>是一个非置换元素，文字label中的内容”将全被显示。</p> <p style="line-height:1.4em;color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;"> <br></p> <p style="line-height:1.4em;color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;"> </p> <pre id="recommend-content-2023541885" class="recommend-text mb-10" style="font-family:arial, 'courier new', courier, '宋体', monospace, 'Microsoft YaHei';font-size:14.399999618530273px;color:rgb(51,51,51);line-height:24px;">img和input等虽然是内联元素，但是是替换元素，所以可以设置宽度和高度</pre> <br> <p></p> <br> <p>固定背景图片</p> <p></p> <pre style="line-height:18px;font-family:'Courier New' !important;"><span style="line-height:1.5;color:rgb(255,0,0);"> background-repeat</span><span style="line-height:1.5;">:</span><span style="line-height:1.5;color:rgb(0,0,255);">no-repeat</span><span style="line-height:1.5;">;</span><span style="line-height:1.5;color:rgb(255,0,0);"> background-attachment</span><span style="line-height:1.5;">:</span><span style="line-height:1.5;color:rgb(0,0,255);">fixed</span></pre> 关于元素隐藏 <p></p> <p>display: none；不为被隐藏的对象保留其物理空间；<br> visibility:hidden;所占据的空间位置仍然存在,仅为视觉上的完全透明；<br></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">关于盒子模型描述</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">标准盒子模型中：盒子的总宽度 = 左右margin +　左右border + 左右padding + width</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">IE盒子模型的，总宽度 = 左右margin + width；</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">在代码顶部加了 DOCTYPE 声明。在所有浏览器中都显示“标准 W3C 盒子模型”。所以为了让网页能兼容各个浏览器，让我们用标准 W3C 盒子模型。 <br></span></p> <p>div脱离文档流</p> <p><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">position: absolute;生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位；都绝对定位了，肯定脱离了文档流。。</span><br style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">position: fixed;生成绝对定位的元素，相对于浏览器窗口进行定位;相对于浏览器了，也和正常顺序排下来没什么关系。。</span><br style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">position: relative;生成相对定位的元素，相对于其正常位置进行定位。生成相对定位，也就是说还在原本的上下左右之间，上下左右的元素都不变，so这个没有能脱离文档流。。就这个了</span><br style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">float: left;都浮动出去了，还上哪保持原位置去</span><br></p> <p><span style="font-family:Simsun;font-size:14px;line-height:25px;color:rgb(51,51,51);">静态定位。如果你没有设置position属性，那么缺省就是static。top，left，bottom，right等属性，在static的情况下是无效的，要使用这些属性，必须把position设置为其他三个值之一。</span></p> <p><span style="font-family:Simsun;font-size:14px;line-height:25px;color:rgb(51,51,51);"></span></p> <p style="border:0px;line-height:25px;font-family:Simsun;font-size:14px;"> Relative：相对定位。元素将按照静态定位时的位置进行调整，在静态定位中分配给元素的空间仍然会分配给它，它两边的元素不会向它靠近来填充那个空间，但它们也不会从元素的新位置被挤走。</p> <p style="border:0px;line-height:25px;font-family:Simsun;font-size:14px;"> Absolute：绝对定位。元素将按照包含它的元素的位置进行调整，比如它嵌套在另一个绝对定位的元素中，那么就相对于那个元素定位。</p> <p style="border:0px;line-height:25px;font-family:Simsun;font-size:14px;"> Fixed：固定定位。元素将被设置在浏览器上一个固定位置上，不会随其他元素滚动。形象点说，上下拉动滚动条的时候，fixed的元素在屏幕上的位置不变。需要注意的是IE6并不支持此属性。</p> <p style="border:0px;line-height:25px;font-family:Simsun;font-size:14px;"> 英文字母<span style="font-family:tahoma, 'microsoft yahei', '微软雅黑';font-size:16px;line-height:28px;">、text-transform 值：</span></p> <span style="font-family:tahoma, 'microsoft yahei', '微软雅黑';font-size:16px;line-height:28px;">Capitalize 英文拼音的首字母大写</span> <br style="color:rgb(51,51,51);font-family:tahoma, 'microsoft yahei', '微软雅黑';font-size:16px;line-height:28px;"> <span style="color:rgb(51,51,51);font-family:tahoma, 'microsoft yahei', '微软雅黑';font-size:16px;line-height:28px;">Uppercase 英文拼音字母全大写</span> <br style="color:rgb(51,51,51);font-family:tahoma, 'microsoft yahei', '微软雅黑';font-size:16px;line-height:28px;"> <span style="color:rgb(51,51,51);font-family:tahoma, 'microsoft yahei', '微软雅黑';font-size:16px;line-height:28px;">Lowercase 英文拼音字母全小写</span> <br> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">https 的端口为443</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">tcp注重数据安全性，udp注重数据传输快</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">传输层提供<span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">端到端的</span>可靠报文传递和错误恢复</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"></span></p> <p>SQL<span style="font-family:'宋体';">提供了四种匹配模式：</span></p> <p> </p> <p>1. % <span style="font-family:'宋体';">表示任意</span><span style="font-family:Calibri;">0</span><span style="font-family:'宋体';">个或多个字符。如下语句：</span><span style="font-family:Calibri;">Select * FROM user Where name LIKE '%</span><span style="font-family:'宋体';">三</span><span style="font-family:Calibri;">%';</span><span style="font-family:'宋体';">将会把</span><span style="font-family:Calibri;">name</span><span style="font-family:'宋体';">为“张三”，“三脚猫”，“唐三藏”等等有“三”的全找出来。</span><span style="font-family:Calibri;">%</span><span style="font-family:'宋体';">三：表示左匹配。三</span><span style="font-family:Calibri;">%</span><span style="font-family:'宋体';">：表示右匹配。</span></p> <p> %<span style="font-family:'宋体';">三</span><span style="font-family:Calibri;">%</span><span style="font-family:'宋体';">：表示模糊查询。</span></p> <p> 2. _ <span style="font-family:'宋体';">表示任意单个字符。语句： </span><span style="font-family:Calibri;">Select * FROM user Where name LIKE '_</span><span style="font-family:'宋体';">三</span><span style="font-family:Calibri;">_'</span><span style="font-family:'宋体';">；只找出“唐三藏”。这样</span><span style="font-family:Calibri;">name</span><span style="font-family:'宋体';">为三个字且中间一个字是“三”的；</span><span style="font-family:Calibri;">Select * FROM user Where name LIKE '</span><span style="font-family:'宋体';">三</span><span style="font-family:Calibri;">__'</span><span style="font-family:'宋体';">；只找出“三脚猫”这样</span><span style="font-family:Calibri;">name</span><span style="font-family:'宋体';">为三个字且第一个字是“三”的；</span></p> <p> </p> <p>3. [ ] <span style="font-family:'宋体';">表示括号内所列字符中的一个（类似与正则表达式）。语句：</span><span style="font-family:Calibri;">Select * FROM user Where name LIKE '[</span><span style="font-family:'宋体';">张李王</span><span style="font-family:Calibri;">]</span><span style="font-family:'宋体';">三</span><span style="font-family:Calibri;">';</span><span style="font-family:'宋体';">将找出“张三”、“李三”、“王三”（而不是“张李王三”）；如 </span><span style="font-family:Calibri;">[ ]</span><span style="font-family:'宋体';">内有一系列字符（</span><span style="font-family:Calibri;">01234</span><span style="font-family:'宋体';">、</span><span style="font-family:Calibri;">abcde</span><span style="font-family:'宋体';">之类的）则可略写为“</span><span style="font-family:Calibri;">0-4</span><span style="font-family:'宋体';">”、“</span><span style="font-family:Calibri;">a-e</span><span style="font-family:'宋体';">“。</span><span style="font-family:Calibri;">Select * FROM user Where name LIKE '</span><span style="font-family:'宋体';">老</span><span style="font-family:Calibri;">[1-9]'</span><span style="font-family:'宋体';">；将找出“老</span><span style="font-family:Calibri;">1</span><span style="font-family:'宋体';">”、“老</span><span style="font-family:Calibri;">2</span><span style="font-family:'宋体';">”、……、“老</span><span style="font-family:Calibri;">9</span><span style="font-family:'宋体';">”；如要找“</span><span style="font-family:Calibri;">-</span><span style="font-family:'宋体';">”字符请将其放在首位：</span><span style="font-family:Calibri;">'</span><span style="font-family:'宋体';">张三</span><span style="font-family:Calibri;">[-1-9]'</span></p> <p><span style="font-family:Calibri;">4. [^ ] 表示不在括号所列之内的单个字符。语句：Select * FROM user Where name LIKE '[^张李王]三'；将找出不姓“张”、“李”、“王”的“赵三”、“孙三”等；Select * FROM user Where name LIKE '老[^1-4]'; 将排除“老1”到“老4”寻找“老5”、“老6”、……、“老9”。<br> 5.<br> 5.* 表示查找的是所有信息,例如select * from tbl_user<br></span></p> <span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">进程是资源分配的最小单位,线程是CPU调度的最小单位</span> <br> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">稳定的排序算法：</span><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">插入排序、冒泡排序、归并排序</span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"> 不稳定排序：希尔排序、快速排序、选择排序、堆排序</span></span></p> <p><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">js</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:'宋体';">里面没有函数重载的概念，在其他语言中（如</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:Calibri;">java</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:'宋体';">）</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:Calibri;">java</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:'宋体';">中，可以存在同名函数，只要传入的参数数量或者类型不同即可。在</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:Calibri;">js</span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:'宋体';">中，定义了两个同名函数后</span><span style="font-size:14px;line-height:28px;font-family:'宋体';"><span style="color:#ff6666;">，后面的函数会覆盖前面定义的函数</span></span><span style="color:rgb(102,102,102);font-size:14px;line-height:28px;font-family:'宋体';">。</span></p> <p><span style="font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">var a = b = 5 即 var a=5；b=5；</span><span style="font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"><span style="color:#ff6666;">函数环境中不带var默认为全局变量</span></span><br></span></span></p> <p><span style="color:rgb(69,69,69);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;">Readonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包括select,radio,checkbox,button等</span><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(102,102,102);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:28px;"></span></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;">页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色？</span><br></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"></span></span></p> <p>document.getElementById('button1').style.backgroundColor="red";</p> js中使用驼峰式写法 <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></span></p> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(51,51,51);font-family:Arial;font-size:14.44444465637207px;line-height:25.98958396911621px;"></span></span></span></p> <p> js<span style="font-family:'宋体';">取整数四舍五入</span></p> <p>1.<span style="font-family:'宋体';">丢弃小数部分</span><span style="font-family:Calibri;">,</span><span style="font-family:'宋体';">保留整数部分 </span>parseInt(4/3)</p> <p>2.<span style="font-family:'宋体';">向上取整</span><span style="font-family:Calibri;">,</span><span style="font-family:'宋体';">有小数就整数部分加</span><span style="font-family:Calibri;">1 </span>Math.ceil(4/3)</p> <p>3,<span style="font-family:'宋体';">四舍五入</span><span style="font-family:Calibri;">. </span>Math.round(4/3)</p> <p>4,<span style="font-family:'宋体';">向下取整 </span>Math.floor(4/3)</p> <span style="font-size:16px;line-height:24px;"></span> <br> <p><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><span style="color:rgb(51,51,51);font-family:arial, STHeiti, 'Microsoft YaHei', '宋体';font-size:14px;line-height:22px;"><br></span></span></p> </div> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1177141527164563456"></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">你可能感兴趣的:(前端笔试题)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1887172397115699200.htm" title="2024前端笔试题（vue2/vue3/react）" target="_blank">2024前端笔试题（vue2/vue3/react）</a> <span class="text-muted">字符敲击手</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E6%8A%80%E8%83%BD/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><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/react.js/1.htm">react.js</a> <div>一、$HTML，HTTP，web综合问题1、前端需要注意哪些SEO（搜索引擎优化）合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出</div> </li> <li><a href="/article/1826393985942384640.htm" title="前端笔试全攻略：30道经典面试题详解" target="_blank">前端笔试全攻略：30道经典面试题详解</a> <span class="text-muted">不知名靓仔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>引言前端开发是一个充满挑战与机遇的领域，随着Web技术的不断发展，前端工程师需要掌握的知识体系也在不断扩展。无论是刚入门的新手还是资深开发者，在求职过程中都会面临各种技术笔试。本文将为你提供30道常见的前端笔试题及其详尽解答，帮助你全面备战前端面试，提升你的前端技能。更多前端面试题见最下方1.解释一下什么是CSS盒模型？解答：CSS盒模型描述了元素在网页上的布局方式。每个HTML元素都可以视为一个</div> </li> <li><a href="/article/1759419684911919104.htm" title="前端刷题 —— 牛客网前端题库60道详解(一)" target="_blank">前端刷题 —— 牛客网前端题库60道详解(一)</a> <span class="text-muted">顽皮的雪狐七七</span> <div>目录引言修改this指向(中等)获取url参数(较难)dom节点查找(入门)根据包名，在指定空间中创建对象(入门)数组去重(较难)斐波那契数列(入门)时间格式化输出(中等)获取字符串的长度(简单)邮箱字符串判断(中等)颜色字符串转换(中等)引言牛客网这个前端笔试题库，可以说这60道是最基础的了，也是考察的东西比较杂，有时间4天差不多就可以刷完，巩固基础还是有些用的。做完题回顾一上午就可以过完一遍。</div> </li> <li><a href="/article/1754958295837196288.htm" title="前端笔试题涉及html、css、js、Vue 等" target="_blank">前端笔试题涉及html、css、js、Vue 等</a> <span class="text-muted">脏十三i</span> <div>综合题你觉得前端工程师的价值体现在哪？为简化用户使用提供技术支持（交互部分）为多个浏览器兼容性提供支持为提高用户浏览速度（浏览器性能）提供支持为跨平台或者其他基于webkit或者其他渲染引擎的应用提供支持为展示数据提供支持（数据接口）什么是w3c标准，谈谈对w3c的理解？答：如果从WEB技术角度，可以分为三个方面的标准：结构、表现、行为。结构主要指(X)HTML标准，包括各种标签的名字、属性、语义</div> </li> <li><a href="/article/1751375300203134976.htm" title="一年左右工作经验前端面试分享(vue 方向)" target="_blank">一年左右工作经验前端面试分享(vue 方向)</a> <span class="text-muted">2e4ong</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a> <div>当前更新日期：2023-06-28学习的时候也要记得做做题哦我做了一份前端笔试题记录请服用还有一份让GPT给我出JS笔试题还有一份中级前端工程师基础面试一面口吻HTML部分什么是块级元素和行内元素？p标签是块级元素，常理来说，块级元素是可以嵌套块级元素和行内元素的，但是p标签是个特殊，它里面不能嵌套块级元素。网页中，rem作为元素尺寸单位时，是相对文档根节点的font-size进行计算的。块级元素</div> </li> <li><a href="/article/1749574014352769024.htm" title="前端笔试题（九）——请使用jQuery实现Ajax请求" target="_blank">前端笔试题（九）——请使用jQuery实现Ajax请求</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/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</a> <div>问题：要求：当点击ID为btn的按钮后，向text.jsp发送一个异步请求，请求参数为"company=sinora,department=webdesign"，并将响应数据显示ID为show的div中答案：因为text.jsp是一个虚拟的接口路径，所以会报请求失败 Ajax请求示例 #show{ width:300px; height:300px; border:1</div> </li> <li><a href="/article/1749409752695193600.htm" title="前端笔试题（八）——手写代码" target="_blank">前端笔试题（八）——手写代码</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.手写深拷贝和浅拷贝浅拷贝functionshallowCopy(obj){ if(obj===null||typeofobj!=='object'){ returnobj;} constcopy={}; for(constkeyinobj){ if(obj.hasOwnProperty(key)){ copy[key]=obj[key]; }} returncopy;}//使用例</div> </li> <li><a href="/article/1749228665146720256.htm" title="前端笔试题（七）" target="_blank">前端笔试题（七）</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>1.常用的数组方法push()从后面添加元素，返回值为添加完后的数组的长度arr.pop()从后面删除元素，只能是一个，返回值是删除的元素arr.shift()从前面删除元素，只能删除一个返回值是删除的元素arr.unshift()从前面添加元素,返回值是添加完后的数组的长度arr.splice(i,n)删除从i(索引值)开始之后的那个元素。返回值是删除的元素arr.concat()连接两个数组返</div> </li> <li><a href="/article/1748835944556937216.htm" title="前端笔试题（六）——太极八卦图" target="_blank">前端笔试题（六）——太极八卦图</a> <span class="text-muted">哎亚亚哎亚亚</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>太极八卦图*{margin:0;padding:0;background-color:#eeeded;}#main{width:100%;height:100vh;/*background-color:blue;*/}#taiji{background-color:black;border-color:white;border-style:solid;border-width:00100px0;h</div> </li> <li><a href="/article/1748835817851207680.htm" title="前端笔试题（五）" target="_blank">前端笔试题（五）</a> <span class="text-muted">哎亚亚哎亚亚</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.leta=1;letb=2;如何在不声明第三个变量的情况下，让a=2;b=1第一种解法a=a+b;=>a=3b=a-b;=>b=1a=a-b;=>a=2第二种解法利用ES6中的解构赋值：[a,b]=[b,a]2.前端页面由哪三部分组成，他们分别的作用是什么结构层(HTML)作用：对网页内容的语义以及含义做出描述表示层(CSS)作用：对内容如何显示做一定的控制行为层(JS)作用：控制用户做出一个</div> </li> <li><a href="/article/1748835689773940736.htm" title="前端笔试题（三）" target="_blank">前端笔试题（三）</a> <span class="text-muted">哎亚亚哎亚亚</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.常见的前端性能优化的方式分五大模块：加载优化，执行优化，渲染优化，脚本优化、代码优化分五大模块加载优化减少HTTP请求、缓存资源、压缩代码、无阻塞、首屏加载、按需加载、预加载、压缩图像、减少Cookie、避免重定向、异步加载第三方资源执行加载CSS写在头部，JS写在尾部并异步、避免img、iframe等的src为空、尽量避免重置图像大小、图像尽量避免使用DataURL渲染加载设置viewpor</div> </li> <li><a href="/article/1748159582464655360.htm" title="前端笔试题（一）" target="_blank">前端笔试题（一）</a> <span class="text-muted">小舟423</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a> <div>1.vue如何实现数据的双向绑定？利用v-model通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。2.使用vue渲染大量数据时，如何进行优化(思路)1.分页：将数据分成多个页面，每次只加载当前页面的数据2.虚拟滚动：只渲染可见区域的数据，而不是全部数据3.懒加载：只在需要时加载数据4.虚拟D</div> </li> <li><a href="/article/1746859733672804352.htm" title="前端笔试题（一）" target="_blank">前端笔试题（一）</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a> <div>1.vue如何实现数据的双向绑定利用v-model来实现双向数据绑定通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图2.使用vue渲染大量数据时，如何进行优化(思路)分页：将数据分成多个页面，每次只加载当前页面的数据，减少一次性加载大量数据的压力（可以使用分页组件或者手动分页）虚拟滚动：只渲染可</div> </li> <li><a href="/article/1744793664275628032.htm" title="阿里巴巴秋招前端笔试题" target="_blank">阿里巴巴秋招前端笔试题</a> <span class="text-muted">小超电子笔记</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">面试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>单选题下面的JSX代码中，哪一个无法达到预期的效果？A.HelloWorldB.C.{msg}D.LeoE.divstyle={{height:50}}>F.正则表达式/a+(bab)?(caac)*/，下列选项中是该正则表达式的子集是？A./(bab)(caca)/B./a(bab){2}(caac)*/C./a{2}/D./a+(bab){0,1}(ca)+(ca)/E./a(^bab)+(c</div> </li> <li><a href="/article/1736313352486969344.htm" title="小红书2020校招前端笔试题卷三" target="_blank">小红书2020校招前端笔试题卷三</a> <span class="text-muted">zbsnzj</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95/1.htm">前端笔试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>1.、以下代码的运行结果是？()A、321B、123C、213D、312这是事件循环机制，因为js是单线程的，是基于事件循环的。而setTimeout函数是异步的，异步的事件会加入一个队列，会等到当前同步的任务执行完毕后，再执行setTimeout队列的任务。所以，通过设置任务在延迟0毫秒后执行，就能改变任务执行的先后顺序，延迟该任务发生，改变它所调用的函数的优先级，使之异步执行。2.下列说法正确</div> </li> <li><a href="/article/1731346671754883072.htm" title="某公司前端笔试题（12.30）" target="_blank">某公司前端笔试题（12.30）</a> <span class="text-muted">GGGGGG.enough</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E6%B1%87%E6%80%BB/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><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1、对象数组去重：数组去重：consta=[{a:1,b:2},{a:2},{a:2},{a:1,c:3},{b:2,a:1}]结果：[{a:1,b:2},{a:2},{a:1,c:3}]//判断两个对象的属性值是否一致consta=[{a:1,b:2},{a:2},{a:2},{a:1,c:3},{b:2,a:1}]constisSameObject=(a,b)=>{if(Object.keys</div> </li> <li><a href="/article/1728378047377256448.htm" title="2023.01.11 某国企前端笔试题一部分" target="_blank">2023.01.11 某国企前端笔试题一部分</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/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>什么时候开始记录都不算晚，即使已经是晚了，但是再早的东西也会有淘汰的时候，收藏另说。问题主要选取一些高频和基础的问题。（问题的回答只是本人的理解，非参考答案，有些答案只给个提示，详解可谷歌百度或在掘金内搜索相关文章、同时本人每次回顾更新文章都会重新搜一下，与时俱进同步新答案）HTML、XHTML、HTML5的区别是?常见的浏览器内核有哪些？答：前两者的主要区别是：1.XHTML标签必须被关闭、2.</div> </li> <li><a href="/article/1723921861655474176.htm" title="tx-前端笔试题记录" target="_blank">tx-前端笔试题记录</a> <span class="text-muted">GGGGGG.enough</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E6%B1%87%E6%80%BB/1.htm">前端面试汇总</a><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/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/es6/1.htm">es6</a> <div>目录目录1.你最熟悉的前端框架是什么说说你对它的理解。2.请简单实现一下js对象深度拷贝。3.CSS有几种方法实现垂直水平居中?请简要写一下。4.这段程序执行之后控制台会打印什么内容?5.下列程序的输出结果是多少?为什么?6.有ABCDE五个火车站，单向行驶的时间如下AB5,BC4,CD8,DC8,DE6,AD5,CE2,EB3,AE7编程求以下路线需要行驶的时间，如果没有该路线存在，输出NOSU</div> </li> <li><a href="/article/1717292451863015424.htm" title="网易校招linux面试题,网易2018校招前端笔试题解析" target="_blank">网易校招linux面试题,网易2018校招前端笔试题解析</a> <span class="text-muted">老笨Siva</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E6%98%93%E6%A0%A1%E6%8B%9Blinux%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">网易校招linux面试题</a> <div>前言：注意，网易校招笔试在牛客网进行，在这里使用js完成算法题时，不要写一个function(){}就认为完成了题目，那样通过率是0%(题主就是这样，估计笔试挂了。。。)应该以这种完整的输入输出方式完成while(line=readline()){//yourfunctionprint(result)}题目1：小易有一些彩色的砖块。每种颜色由一个大写字母表示。各个颜色砖块看起来都完全一样。现在有一</div> </li> <li><a href="/article/1715565788661886976.htm" title="前端笔试题：数组求和的方式" target="_blank">前端笔试题：数组求和的方式</a> <span class="text-muted">不爱吃糖的程序媛</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8/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><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.可以使用原型对象扩展对象方法Array.prototype.sum=function(){varsum=0;//构造函数里面的this指向实例对象for(vari=0;i2.使用forEach方法forEach用法：//forEach迭代vararr=[1,2,3];varsum=0;arr.forEach(function(value,index,array){console.log(val</div> </li> <li><a href="/article/1713766151814721536.htm" title="虹软24届校招正式批---测试&；测开类笔试预计本周进行" target="_blank">虹软24届校招正式批---测试&；测开类笔试预计本周进行</a> <span class="text-muted">2301_79125642</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>华为用户体验设计师（ui设计交互设计2024届实习生）喜茶“内修”，蜜雪冰城“外练”安徽皖仪科技2024届校园招聘垃圾远景能源c9硕才给17k？迈瑞医疗劝退中国建设银行2023秋招信息技术类统一笔试农行（境内分行）科技类笔试-10.29反问的艺术神州信息笔试神州信息笔试（5.26）时长1h想不到第一个大offer是导师给的秋招面经分享，嵌入式c/c++招银成都二面神州信息春招前端笔试题解|#计算y</div> </li> <li><a href="/article/1712134323429257216.htm" title="2018美团点评春招前端笔试题" target="_blank">2018美团点评春招前端笔试题</a> <span class="text-muted">Adonia汪</span> <div>1、雨季某地每天下雨的概率为60%，那么3天内至少有两天下雨的概率为（）A.36/125B.81/125C.54/125D.27/1252、某公司培训要安排5门课程，其中一门课程不能安排在最后，不同的安排方法有（）种A.112B.106C.102D.963、小李从公司出发步行前往税务局办理业务，出发时由于匆忙忘记带公章，半小时后同事小王发现并立即携带公章骑车追赶，并在途中追上小李，已知小李的速度为</div> </li> <li><a href="/article/1709912861154816000.htm" title="前端笔试题总结，带答案和解析（三）" target="_blank">前端笔试题总结，带答案和解析（三）</a> <span class="text-muted">、信仰_</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB/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><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/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>前端笔试题总结，带答案和解析（三）这个系列将持续更新前端笔试题一期十题，每五题做一个标题（方便跳转），您可以一期一期阅读，也可以在点击汇总，一口气看完，如果对题目有不理解的地方，欢迎大家在评论区提问，如果有更好的意见也欢迎大家留言！！！往期回顾：汇总（持续更新）前端笔试题总结，带答案和解析（一）✨前端笔试题总结，带答案和解析（二）❤️前端笔试题总结，带答案和解析（三）21.执行以下程序，下列选项中</div> </li> <li><a href="/article/1709686066262388736.htm" title="美团2023年春招在线前端笔试题回忆版" target="_blank">美团2023年春招在线前端笔试题回忆版</a> <span class="text-muted">✎printf("YT");</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%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/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>提示：题目不一定完全正确，只能说给大家参考会考察哪些知识点。文章目录前言一、单选（计算机基础知识）二、专项选择三、编程题1.某地有一个火车站如下图所示，小红很好奇火车是怎么驶进驶出的，然后每天记录驶进和驶出的顺序。输入样例和输出示例如下所示（题目较长，大概意思就是判断栈的输入和输出是不是相匹配）：2.背包问题总结前言这里是博主今天刚做过的美团2024届转正实习与2023届应届校招在线前端笔试题回忆</div> </li> <li><a href="/article/1709481594215018496.htm" title="前端笔试题总结，带答案和解析（一）" target="_blank">前端笔试题总结，带答案和解析（一）</a> <span class="text-muted">、信仰_</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB/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><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>1.执行以下程序，输出结果为（）varx=10;vary=20;varz=x<y?x++:++y;console.log('x='+x+';y='+y+';z='+z);Ax=11;y=21;z=11Bx=11;y=20;z=10Cx=11;y=21;z=10Dx=11;y=20;z=11初始化x的值为10，y的值为20，x<y返回结果为true，所以执行varz=x++，x++是后置自增，也就是</div> </li> <li><a href="/article/1709481594810609664.htm" title="前端笔试题总结，带答案和解析（二）" target="_blank">前端笔试题总结，带答案和解析（二）</a> <span class="text-muted">、信仰_</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端笔试题总结，带答案和解析（二）上一期：前端笔试题总结，带答案和解析（1）11.以下代码的执行后，str的值是：varstr="Helllloworld";str=str.replace(/(a)\1/g,'$1');答案：Helloworld解析：对于正则表达式/(a)\1/g，其中(a)是第一个分组，\1指向第一个分组，即\1重复了第一个分组的内容，所以该正则表达式等价于/(aa)/g对于s</div> </li> <li><a href="/article/1708734678011293696.htm" title="前端笔试题总结，带答案和解析" target="_blank">前端笔试题总结，带答案和解析</a> <span class="text-muted">、信仰_</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/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><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a> <div>1.执行以下程序，输出结果为（）varx=10;vary=20;varz=x<y?x++:++y;console.log('x='+x+';y='+y+';z='+z);Ax=11;y=21;z=11Bx=11;y=20;z=10Cx=11;y=21;z=10Dx=11;y=20;z=11初始化x的值为10，y的值为20，x<y返回结果为true，所以执行varz=x++，x++是后置自增，也就是</div> </li> <li><a href="/article/1702298361761181696.htm" title="前端实习生笔试_阿里前端笔试题，不能不看！" target="_blank">前端实习生笔试_阿里前端笔试题，不能不看！</a> <span class="text-muted">weixin_39562338</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%AE%9E%E4%B9%A0%E7%94%9F%E7%AC%94%E8%AF%95/1.htm">前端实习生笔试</a> <div>阿里算是互联网行业的领军人物啦，多少人挤破头往里扎。下面是阿里游戏的前端实习生笔试题，所以，行动起来吧1、有一个长度未知的数组a，如果它的长度为0就把数字1添加到数组里面，否则按照先进先出的队列规则让第一个元素出队。分析：这道题主要是考核了数组的队列方法和栈方法。另外，原题还有字数限制的，只有在字数小于30并且结果正确时才可以满分。所以，我们可以使用三目运算符(：？)来减少字数。代码如下：2.下面</div> </li> <li><a href="/article/1698076917984473088.htm" title="【前端笔试题】汇总" target="_blank">【前端笔试题】汇总</a> <span class="text-muted">lorogy</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95/1.htm">前端笔试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">前端基础知识点</a> <div>前端笔试从输入网址到显示网页的过程分析1、应用层DNS解析域名：客户端先检查本地是否有对应的IP地址，若找到则返回响应的IP地址。若没找到则请求上级DNS服务器，直至找到或到根节点。2、浏览器与服务器建立TCP连接（默认端口80）(详细点可以说下三次握手的过程)3、应用层客户端发送HTTP请求。4、服务器响应请求：查找客户端请求的资源，并返回响应报文，响应报文中包括一个重要的信息——状态码（200</div> </li> <li><a href="/article/1690117173130899456.htm" title="前端笔试题" target="_blank">前端笔试题</a> <span class="text-muted">不爱吃糖的程序媛</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%AE%9D%E5%85%B8/1.htm">面试宝典</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95%E9%A2%98/1.htm">前端笔试题</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%AC%94%E8%AF%95/1.htm">前端笔试</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AF%95/1.htm">笔试</a> <div>最近在面试，碰到一些有意思的笔试题，将它记录下来分享给大家也在面试前端的小伙伴们。1.for(vari=0;iconsole.log(i),1);}输出：333这道题主要考察的是setTimeout函数的用法，setTimeout只运行一次,也就是说设定的时间到后就触发运行指定代码,运行完后即结束。2.看下列代码，输出什么？解释原因。vara=newObject();a.value=1;b=a;b</div> </li> <li><a href="/article/97.htm" title="TOMCAT在POST方法提交参数丢失问题" target="_blank">TOMCAT在POST方法提交参数丢失问题</a> <span class="text-muted">357029540</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a> <div>摘自http://my.oschina.net/luckyi/blog/213209 昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。恢复较多数据后跟踪提交FORM DATA ，发现数</div> </li> <li><a href="/article/224.htm" title="在MyEclipse中增加JSP模板删除-2008-08-18" target="_blank">在MyEclipse中增加JSP模板删除-2008-08-18</a> <span class="text-muted">ljy325</span> <a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a><a class="tag" taget="_blank" href="/search/MyEclipse/1.htm">MyEclipse</a> <div>在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp 目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。然后在 D:\Progr</div> </li> <li><a href="/article/351.htm" title="JavaScript常用验证脚本总结" target="_blank">JavaScript常用验证脚本总结</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javaScript%E8%A1%A8%E5%8D%95%E9%AA%8C%E8%AF%81/1.htm">javaScript表单验证</a> <div> 转载请出自出处：http://eksliang.iteye.com/blog/2098985 下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! &nb</div> </li> <li><a href="/article/478.htm" title="微软BI（4）" target="_blank">微软BI（4）</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E8%BD%AFBI+SSIS/1.htm">微软BI SSIS</a> <div>1） Q:查看ssis里面某个控件输出的结果： A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 这是我们在包里面定义的变量 2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 3) Q：ssis里面如果将多个数据源的数据插入目的端一</div> </li> <li><a href="/article/605.htm" title="定时对大数据量的表进行分表对数据备份" target="_blank">定时对大数据量的表进行分表对数据备份</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%95%B0%E6%8D%AE%E9%87%8F/1.htm">大数据量</a> <div>工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。分表工具：linux的shell + mysql自身提供的管理命令原理：使用一个和原表数据结构一样的表，替换原表。 linux shell内容如下： =======================开始 </div> </li> <li><a href="/article/732.htm" title="本质的描述与因材施教" target="_blank">本质的描述与因材施教</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%83%B3/1.htm">感想</a><a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a> <div> 不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解 &</div> </li> <li><a href="/article/859.htm" title="很迷茫。。。" target="_blank">很迷茫。。。</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a> <div>小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说</div> </li> <li><a href="/article/986.htm" title="23种设计模式的意图和适用范围" target="_blank">23种设计模式的意图和适用范围</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a> <div>Factory Method 意图定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。　　适用性当一个类不知道它所必须创建的对象的类的时候。　　当一个类希望由它的子类来指定它所创建的对象的时候。　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。 Abstr</div> </li> <li><a href="/article/1113.htm" title="Java中的synchronized和volatile" target="_blank">Java中的synchronized和volatile</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/volatile/1.htm">volatile</a><a class="tag" taget="_blank" href="/search/synchronized/1.htm">synchronized</a> <div>说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo</div> </li> <li><a href="/article/1240.htm" title="js数组的操作和this关键字" target="_blank">js数组的操作和this关键字</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/%E6%95%B0%E7%BB%84%E6%93%8D%E4%BD%9C/1.htm">数组操作</a><a class="tag" taget="_blank" href="/search/this%E5%85%B3%E9%94%AE%E5%AD%97/1.htm">this关键字</a> <div>js数组的操作; 一:数组的创建: 1、数组的创建 var array = new Array();　//创建一个数组 var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]</div> </li> <li><a href="/article/1367.htm" title="别人的阿里面试感悟" target="_blank">别人的阿里面试感悟</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E5%88%86%E4%BA%AB/1.htm">面试分享</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C%E6%84%9F%E6%82%9F/1.htm">工作感悟</a><a class="tag" taget="_blank" href="/search/%E9%98%BF%E9%87%8C%E9%9D%A2%E8%AF%95/1.htm">阿里面试</a> <div>原文如下：http://greemranqq.iteye.com/blog/2007170 一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！ &nb</div> </li> <li><a href="/article/1494.htm" title="淘宝的测试框架Itest" target="_blank">淘宝的测试框架Itest</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/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/JUnit/1.htm">JUnit</a> <div>Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心，集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。近期项目中用了下，有关itest的具体使用如下： 1.在Maven中引入itest框架： <dependency> <groupId>com.taobao.test</groupId&g</div> </li> <li><a href="/article/1621.htm" title="【Java多线程二】多路条件解决生产者消费者问题" target="_blank">【Java多线程二】多路条件解决生产者消费者问题</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a> <div>package com.tom; import java.util.LinkedList; import java.util.Queue; import java.util.concurrent.ThreadLocalRandom; import java.util.concurrent.locks.Condition; import java.util.concurrent.loc</div> </li> <li><a href="/article/1748.htm" title="汉字转拼音pinyin4j" target="_blank">汉字转拼音pinyin4j</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/pinyin4j/1.htm">pinyin4j</a> <div> 以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码： import java.util.HashSet; import java.util.Set; import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin</div> </li> <li><a href="/article/1875.htm" title="org.hibernate.TransactionException: JDBC begin failed解决方案" target="_blank">org.hibernate.TransactionException: JDBC begin failed解决方案</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/ssh/1.htm">ssh</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93%E5%BC%82%E5%B8%B8/1.htm">数据库异常</a><a class="tag" taget="_blank" href="/search/DBCP/1.htm">DBCP</a> <div>org.hibernate.TransactionException: JDBC begin failed: at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68) at org.hibernate.impl.SessionImp</div> </li> <li><a href="/article/2002.htm" title="java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合" target="_blank">java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> import java.util.ArrayList; import java.util.Arrays; import java.util.HashMap; import java.util.HashSet; import java.util.Iterator; import java.util.List; import java.util.Map; import java.ut</div> </li> <li><a href="/article/2129.htm" title="Java PrintWriter打印乱码" target="_blank">Java PrintWriter打印乱码</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。读文件： BufferedReader 从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因</div> </li> <li><a href="/article/2256.htm" title="[天气与气候]极端气候环境" target="_blank">[天气与气候]极端气候环境</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%8E%AF%E5%A2%83/1.htm">环境</a> <div> 如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵...... 那么地球上的国家应该做什么样的防备工作呢? &n</div> </li> <li><a href="/article/2383.htm" title="oracle order by与union一起使用的用法" target="_blank">oracle order by与union一起使用的用法</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/UNION/1.htm">UNION</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/order+by/1.htm">order by</a> <div>当使用union操作时，排序语句必须放在最后面才正确，如下：只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So：如果unoin的几个子查询列名不同，如 Sql代码 select supplier_id, supplier_name from suppliers UNI</div> </li> <li><a href="/article/2510.htm" title="zeus持久层读写分离单元测试" target="_blank">zeus持久层读写分离单元测试</a> <span class="text-muted">deng520159</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 1.ZeusMasterSlaveTest.java package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Assert; import org.j</div> </li> <li><a href="/article/2637.htm" title="Yii 截取字符串(UTF-8) 使用组件" target="_blank">Yii 截取字符串(UTF-8) 使用组件</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/yii/1.htm">yii</a> <div>1.将Helper.php放进protected\components文件夹下。 2.调用方法： Helper::truncate_utf8_string($content,20,false); //不显示省略号 Helper::truncate_utf8_string($content,20); //显示省略号 &n</div> </li> <li><a href="/article/2764.htm" title="安装memcache及php扩展" target="_blank">安装memcache及php扩展</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a> <div>安装memcache tar zxvf memcache-2.2.5.tgz cd memcache-2.2.5/ /usr/local/php/bin/phpize (?) ./configure --with-php-confi</div> </li> <li><a href="/article/2891.htm" title="JsonObject 处理日期" target="_blank">JsonObject 处理日期</a> <span class="text-muted">feifeilinlin521</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/JsonOjbect/1.htm">JsonOjbect</a><a class="tag" taget="_blank" href="/search/JsonArray/1.htm">JsonArray</a><a class="tag" taget="_blank" href="/search/JSONException/1.htm">JSONException</a> <div> 写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException 原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说直接上代码 &n</div> </li> <li><a href="/article/3018.htm" title="Ehcache（06）——监听器" target="_blank">Ehcache（06）——监听器</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/%E7%9B%91%E5%90%AC%E5%99%A8/1.htm">监听器</a><a class="tag" taget="_blank" href="/search/listener/1.htm">listener</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a> <div>监听器 Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。 </div> </li> <li><a href="/article/3145.htm" title="activiti 自带设计器中chrome 34版本不能打开bug的解决" target="_blank">activiti 自带设计器中chrome 34版本不能打开bug的解决</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/Activiti/1.htm">Activiti</a> <div> 在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以，经证实为bug，参考 http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 修改为，找到 oryx.debug.js 在最头部增加 if (!Document.</div> </li> <li><a href="/article/3272.htm" title="微信收货地址共享接口-终极解决" target="_blank">微信收货地址共享接口-终极解决</a> <span class="text-muted">laotu5i0</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%BC%80%E5%8F%91/1.htm">微信开发</a> <div> 最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。如果你能搜到本贴，说明你已经碰到了各种 ed</div> </li> <li><a href="/article/3399.htm" title="关于人才" target="_blank">关于人才</a> <span class="text-muted">netkiller.github.com</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/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/%E6%8B%9B%E8%81%98/1.htm">招聘</a><a class="tag" taget="_blank" href="/search/netkiller/1.htm">netkiller</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E6%89%8D/1.htm">人才</a> <div>关于人才每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。总结就是“盲目推荐，以量取胜”。目前现状许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。企业招聘，通常是需要用人的部门提出招聘条件，由人</div> </li> <li><a href="/article/3526.htm" title="搭建 CentOS 6 服务器 - 目录" target="_blank">搭建 CentOS 6 服务器 - 目录</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>(1) 安装CentOS ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox）详细内容 (2) Linux常用命令 cd、ls、rm、chmod...... 详细内容 (3) 初始环境设置用户管理、网络设置、安全设置...... 详细内容 (4) 常驻服务Daemon</div> </li> <li><a href="/article/3653.htm" title="【求助】mongoDB无法更新主键" target="_blank">【求助】mongoDB无法更新主键</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a> <div> Query query = new Query(); query.addCriteria(new Criteria("_id").is(o.getId())); &n</div> </li> <li><a href="/article/3780.htm" title="jquery 页面滚动到底部自动加载插件集合" target="_blank">jquery 页面滚动到底部自动加载插件集合</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a> <div>很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 1. jQuery ScrollPagination jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 2. jQuery Screw S</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>