3-页面结构与模块划分

网页结构

一个HTML文件是有自己固定的结构的。

定义文档类型，告知浏览器用哪一种标准解释HTML

可告知浏览器其自身是一个HTML文档。

标签用于定义文档的头部，它是所有头部元素的容器。头部元素有
等标签。

</code>元素可定义文档的标题。</p> <p><code><link></code>标签将<code>css</code>样式文件链接到<code>html</code>文件内。</p> <p><code><meta></code>定义文档的元数据，网页的元信息。</p> <p>模块划分</p> <p>每个网页都是由不同的功能模块组成的，因此在将制作网页的时候，我们要将网页的每个功能模块分开</p> <p>常见的企业网站，多由头部区，展示图片区域，主题区域，底部信息区域组成</p> <p>网页拆分原则</p> <ul> <li>由上到下</li> <li>由内到外</li> </ul> <p>div header footer nav atricle aside 等标签多用于模块划分</p> </article> </div> </div> </div>  <div id="SOHUCS" sid="1287590086212366336"></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">你可能感兴趣的:(html5,html,css,前端,javascript)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1880082263413157888.htm" title="HTML字符实体(Character Entities)" target="_blank">HTML字符实体(Character Entities)</a> <span class="text-muted">fengyuruhui</span> <a class="tag" taget="_blank" href="/search/programming/1.htm">programming</a><a class="tag" taget="_blank" href="/search/character/1.htm">character</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/underscore/1.htm">underscore</a><a class="tag" taget="_blank" href="/search/lambda/1.htm">lambda</a><a class="tag" taget="_blank" href="/search/less/1.htm">less</a> <div>HTML字符实体(CharacterEntities)有些字符在HTML里有特别的含义，比如小于号大于>>&&符号&&"双引号""其他常用的字符实体(CharacterEntities)显示结果说明EntityNameEntityNumber?版权©©?注册商标®®×乘号××÷除号&divi</div> </li> <li><a href="/article/1880079992168181760.htm" title="Vue 和 uniApp 中 CSS 样式差别" target="_blank">Vue 和 uniApp 中 CSS 样式差别</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/uni-app/1.htm">uni-app</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>之前一直在做vue2的项目，最近开始uniapp的项目，发现两种项目之间css还是有亿点区别的。一、布局单位Vue2项目：通常使用px作为主要的长度单位，这是一个绝对单位，在不同设备屏幕上显示的物理尺寸相同。例如：.container{width:300px;height:200px;}在响应式设计中，可能会使用%或vw、vh等相对单位，以及媒体查询来适配不同的屏幕尺寸。例如：@media(max</div> </li> <li><a href="/article/1880077467750821888.htm" title="XML的简介及其与HTML和JSON的区别" target="_blank">XML的简介及其与HTML和JSON的区别</a> <span class="text-muted">Geo_physics</span> <a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>XML的简介XML是一种可扩展标记语言，标记指的是计算机中所能理解的信息符号，可以看作是HTML的补充，定义功能强大，不适用于Web数据描述。XML与HTML的差异XML不是标记语言而是用来创建标记的语言，HTML是标记语言；XML中的标签对时由自己本身定义的，HTML的标签是预定义的（已经定义好的）；XML是用来描述，存储以及交换数据且不显示任何格式信息，HTML将数据与显示格式混合在一起。示例</div> </li> <li><a href="/article/1880077067563888640.htm" title="【YashanDB知识库】druid连接池做断网测试，无法自动重新连接" target="_blank">【YashanDB知识库】druid连接池做断网测试，无法自动重新连接</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919216.html?templateId=171...【标题】druid连接池断网测试，崖山数据库无法自动重新连接【问题分类】驱动使用【关键字】druid，sockettimeout【问题描述】使用崖山数据库23.2.7.100进行适配过程中反馈崖山数据库不能自动重连【问题原因分</div> </li> <li><a href="/article/1880077068914454528.htm" title="【YashanDB知识库】原生mysql驱动配置连接崖山数据库" target="_blank">【YashanDB知识库】原生mysql驱动配置连接崖山数据库</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>本文内容来自YashanDB官网，原文内容请见https://www.yashandb.com/newsinfo/7919231.html?templateId=171...【问题分类】功能兼容【关键字】YAS-07202、YAS\_MYERROR，不兼容【问题描述】本项目的架构是hadoop+hive+yashandb使用崖山数据库，将mysql相关的创建表语句进行初始化同步使用崖山23.3版本</div> </li> <li><a href="/article/1880076960659468288.htm" title="HTML 迷宫游戏" target="_blank">HTML 迷宫游戏</a> <span class="text-muted">黑客白泽</span> <a class="tag" taget="_blank" href="/search/HTML%E7%BD%91%E9%A1%B5%E7%A8%8B%E5%BA%8F/1.htm">HTML网页程序</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML迷宫游戏相关资源文件已经打包成压缩文件，可双击index.html直接运行程序，且文章末尾已附上相关源码，以供大家学习交流，博主主页还有更多Python相关程序案例，秉着开源精神的想法，望大家喜欢，点个关注不迷路！！！1.简介：迷宫游戏一个网页操作类小游戏，操作方法也很简单，用键盘的方向键控制即可（所以手机不能玩）,如果你觉得太简单，可以随时调整迷宫的宽和高，增加迷宫的难度，刷新网页后迷宫</div> </li> <li><a href="/article/1880076688830820352.htm" title="基于 React 和 Vite 的前端项目自动化测试方案" target="_blank">基于 React 和 Vite 的前端项目自动化测试方案</a> <span class="text-muted"></span> <div>背景前端自动化测试在工程化的研发体系中不可或缺。前端领域的自动化测试常被忽略，原因在于人们认为编写测试用例成本高且意义不大，本质是觉得投资回报率低。但当收益大于支出时，引入前端自动化测试是必要的。例如在表单功能从简单到复杂的迭代过程中，手动测试成本会指数级增长且可能无法完成所有测试，此时引入自动化测试能提升效率、保证测试覆盖范围、减少误差和遗漏、实现用例重复使用等。成本初始成本，引入自动化测试框架</div> </li> <li><a href="/article/1880076582740094976.htm" title="python SAP自动化并发送html outlook邮件" target="_blank">python SAP自动化并发送html outlook邮件</a> <span class="text-muted">͝͝͝͝Bank</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</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/html/1.htm">html</a> <div>importtimeimportwin32com.clientimportpandasaspdimportlocaleimportsysfromdatetimeimportdatetimeimportwin32com.clientaswin32#获取当前日期和时间now=datetime.now()#将日期格式化为"dd.mm.yyyy"formatted_date=now.strftime("%</div> </li> <li><a href="/article/1880076078232432640.htm" title="Web前端------HTML多媒体标签之图片标签" target="_blank">Web前端------HTML多媒体标签之图片标签</a> <span class="text-muted">王da魔</span> <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/html/1.htm">html</a> <div>一.图片标签介绍1.路径问题>.绝对路径从盘符开始的路径问题：改变了工程目录的位置后，绝对路径从盘符开始则不能使用了，考虑相对路径>.相对路径从当前位置（指从代码书写.html文件）开始如何表示当前位置------使用./如何表示上一级--------使用../2.图片标签的导入方式3.常见图片属性src：图片地址：1.网络路径2.绝对路径3.相对路径alt：图片加载失败时，提示信息width/h</div> </li> <li><a href="/article/1880076078664445952.htm" title="2025最新的陪玩小程序系统有哪些开源架构?如何完全的实现安全交付？" target="_blank">2025最新的陪玩小程序系统有哪些开源架构?如何完全的实现安全交付？</a> <span class="text-muted">D矜持</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/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/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a><a class="tag" taget="_blank" href="/search/%E4%BA%A4%E5%8F%8B/1.htm">交友</a><a class="tag" taget="_blank" href="/search/uniapp/1.htm">uniapp</a><a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F%E6%9E%B6%E6%9E%84/1.htm">系统架构</a> <div>一、开源架构前端框架：*Uni-app等前端框架使得开发者能够创建跨平台的应用程序，这些应用程序在不同操作系统和设备上具有一致的用户体验。这些框架提供了丰富的组件和工具，使得开发者能够快速构建出美观、易用的用户界面。*通过这些前端框架，用户可以轻松地浏览陪玩师资料、下单、支付以及进行实时通信等操作，从而提高用户满意度和忠诚度。实时通信技术：*WebSocket实时通信技术实现了用户与陪玩师之间的即</div> </li> <li><a href="/article/1880074662281539584.htm" title="你曾经star学习的项目现在能看懂了吗？" target="_blank">你曾经star学习的项目现在能看懂了吗？</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/github%E9%98%85%E8%AF%BB/1.htm">github阅读</a> <div>前言我有随时翻看GitHubStar的习惯，尤其是下载了GitHubApp后更加方便我查看了，后来我偶然翻到了自己曾经折腾过的项目LiteWebChat_Frame看了看文档忽然一个问题映入了我的脑海自己曾经因为没看懂而star的项目现在看懂了吗这也是我写文的缘由且也想和大家聊聊这件事三个阶段我又重新看了一遍我的Star，发现可分为三个阶段1.Minecraft及相关启动器2.命令行及后端3.前端</div> </li> <li><a href="/article/1880074439438168064.htm" title="第一章：CSS样式及基本选择器" target="_blank">第一章：CSS样式及基本选择器</a> <span class="text-muted">卿言卿语</span> <a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录一、CSS简介二、CSS的位置1.行内样式2.内部样式3.外部样式4.CSS语法三、样式表的优先级四、基本选择器1.什么是选择器2.通配选择器3.元素选择器4.类选择器5.id选择器五、总结一、CSS简介CSS即层叠样式表(英文全称：CascadingStyleSheets)是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以</div> </li> <li><a href="/article/1880074440042147840.htm" title="第二章：CSS的复合选择器" target="_blank">第二章：CSS的复合选择器</a> <span class="text-muted">卿言卿语</span> <a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</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> <div>目录一、并集选择器二、交集选择器三、后代选择器四、子代选择器五、兄弟选择器六、属性选择器七、伪类选择器1.动态伪类2.结构伪类3.否定伪类4.UI伪类5.目标伪类6.语言伪类八、伪元素选择器九、选择器的优先级十、总结一、并集选择器同时选择多个选择器，并给它们添加相同的样式，使用逗号（,）隔开。.cat,.pig,.cattle,.dog{font-size:80px;background-colo</div> </li> <li><a href="/article/1880071748058148864.htm" title="告别CSS margin 和 padding 简写,拥抱更优雅的解决方案" target="_blank">告别CSS margin 和 padding 简写,拥抱更优雅的解决方案</a> <span class="text-muted"></span> <div>CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在前端开发中,CSS的外边距(margin)和内边距(padding)是使用频率极高的属性。多年来,开发者们习惯使用它们的简写形式,例如:margin:10px20px15px5px;padding:5px10px;这种简写方式看似简洁,实则暗藏玄机。随着项目规模的扩大和设计需求的频繁变更,这种简写方式逐渐显露出其局限性。首先,我们</div> </li> <li><a href="/article/1880071367978708992.htm" title="使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)" target="_blank">使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(02)</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/javascript%E5%89%8D%E7%AB%AF/1.htm">javascript前端</a> <div>CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读NextAuthv4介绍NextAuth是一个开源的身份验证解决方案，适用于全栈（Next）应用程序。它支持不同的登录方式，如OAuth提供商（如Google、GitHub等）、凭据（经典的邮箱+密码）以及邮箱登录（通过用户点击的"魔法链接"）。它还提供不同的数据库适配器，可以直接将登录信息存入特定的数据库（如MongoDB）或与O</div> </li> <li><a href="/article/1880071114990874624.htm" title="使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)" target="_blank">使用 Next 14 + NextAuth 4 + Strapi v4进行 Google 和凭据提供商身份验证的完整指南(01)</a> <span class="text-muted"></span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AFjavascript/1.htm">前端javascript</a> <div>CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近开始研究Strapi，这是一个无头CMS。由于它仅提供后端，前端部分包括身份验证流程需要你自己构建。显然，你不会想自己构建这些，而是使用市场上的某个身份验证库。我早已计划使用NextAuth，所以这是一个完美的机会来实现它。因此，我们的设置是Next+Strapi+NextAuth。作为NextAuth的新手，首先需要一些基础教</div> </li> <li><a href="/article/1880070032147410944.htm" title="python 爬虫学习" target="_blank">python 爬虫学习</a> <span class="text-muted">lally.</span> <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/%E5%AD%A6%E4%B9%A0/1.htm">学习</a> <div>目录requst库访问HTML语言常用HTML标签结构性标签文本格式化标签超链接与图像列表标签HTML练习BeautifulSoup处理数据requst库访问fromrequestsimport*response=get("https://19j.tv/")print(response)若访问成功，状态码为200，访问失败，则查询状态码，http和https的状态码是一样的http状态码可以采取伪</div> </li> <li><a href="/article/1880069852677337088.htm" title="作为前端，需要知道这些工具，解放我的重复劳动力" target="_blank">作为前端，需要知道这些工具，解放我的重复劳动力</a> <span class="text-muted"></span> <div>本文首发于微信公众号：大迁世界,我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。更多开源作品请看GitHubhttps://github.com/qq449245884/xiaozhi，包含一线大厂面试完整考点、资料以及我的系列文章。快来免费体验ChatGptplus版本的，我们出的钱体验地址:https://chat.waixingyun.cn可以加入网站底部技</div> </li> <li><a href="/article/1880068898468982784.htm" title="玩转随机数：用 JavaScript 掌控不可预测的魔力！" target="_blank">玩转随机数：用 JavaScript 掌控不可预测的魔力！</a> <span class="text-muted">故梦867</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%AB%E8%82%A1%E6%80%BB%E7%BB%93/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/ecmascript/1.htm">ecmascript</a> <div>玩转随机数：用JavaScript掌控不可预测的魔力！当计算机遇上“随机”，我们能做什么？你曾想过在生活中拥有“超能力”吗？比如，可以预测下一个天气变化，或是猜中下一个彩票号码？虽然我们无法真正预测未来，但在代码的世界里，随机性给了我们一股强大的魔力。通过使用JavaScript的随机数功能，我们能为程序增添更多不确定性和趣味性。你准备好了吗？从生成随机验证码，到设计一款随机事件发生的游戏，从数据</div> </li> <li><a href="/article/1880068016343937024.htm" title="【爬虫】Python实现爬取淘宝商品信息（超详细）" target="_blank">【爬虫】Python实现爬取淘宝商品信息（超详细）</a> <span class="text-muted">RoundLet_Y</span> <a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>【更新说明】项目代码已在2024年12月02日19点30进行更新，如有问题可评论或私信与我联系！目录项目介绍代码部分引用第三方库全局定义主函数爬虫主函数代码搜索“关键词”翻页函数代码编辑获取商品列表信息代码完整代码项目介绍项目使用ChromeDriver插件，基于Python的第三方库Selenium模拟浏览器运行、PyQuery解析和操作HTML文档，获取淘宝平台中某类商品的详细信息（商品标题、</div> </li> <li><a href="/article/1880067764090105856.htm" title="springboot 利用html模版导出word" target="_blank">springboot 利用html模版导出word</a> <span class="text-muted">经典1992</span> <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/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>1.maven配置 org.freemarker freemarker 2.3.32 2.控制层业务代码@GetMapping("/exportConstructionLogDocx")@ApiOperation(value="Ai施工日志导出docx")publicvoidexportConstructionLogDocx(</div> </li> <li><a href="/article/1880067384866304000.htm" title="使用python+pytest+requests完成自动化接口测试（包括html报告的生成和日志记录以及层级的封装（包括调用Json文件））" target="_blank">使用python+pytest+requests完成自动化接口测试（包括html报告的生成和日志记录以及层级的封装（包括调用Json文件））</a> <span class="text-muted">小明学编程｀</span> <a class="tag" taget="_blank" href="/search/python%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95/1.htm">python自动化测试</a><a class="tag" taget="_blank" href="/search/pytest/1.htm">pytest</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/%E6%8E%A5%E5%8F%A3%E6%B5%8B%E8%AF%95/1.htm">接口测试</a><a class="tag" taget="_blank" href="/search/%E6%8E%A5%E5%8F%A3%E6%B5%8B%E8%AF%95html%E6%8A%A5%E5%91%8A%E7%94%9F%E6%88%90/1.htm">接口测试html报告生成</a><a class="tag" taget="_blank" href="/search/requests/1.htm">requests</a> <div>一、API的选择我们进行接口测试需要API文档和系统，我们选择JSONPlaceholder免费API，因为它是一个非常适合进行接口测试、API测试和学习的工具。它免费、易于使用、无需认证，能够快速帮助开发者模拟常见的接口操作（增、删、改、查）。尤其对于我你们学习接口测试的初学开发者来说，它是一个理想的选择。注意：这个API网站当我们发送请求时他不会真的实现我们的请求，他只会会虚拟实现我们的请求，</div> </li> <li><a href="/article/1880064561931939840.htm" title="只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法" target="_blank">只有 2% 的开发人员知道的 7 种神奇 JavaScript 数组方法</a> <span class="text-muted"></span> <div>CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读很多人使用JavaScript数组时，最多就是for循环、map()或者filter()等常见方法，但其实数组还有不少“隐藏招数”。这篇文章介绍的7个方法，也许会让你眼前一亮。1.copyWithin()想象一下：取走一片披萨，然后又把它塞回披萨盒的另一个角落，这就是copyWithin()的感觉。它会将数组中指定范围的元素复制到同</div> </li> <li><a href="/article/1880057674389843968.htm" title=".net core webapi框架" target="_blank">.net core webapi框架</a> <span class="text-muted">weixin_30952103</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a> <div>折腾了一段时间。。还是用ef比较熟，哈哈参考地址：https://www.cnblogs.com/danvic712/p/10331976.html--jwt参考地址：https://www.cnblogs.com/laozhang-is-phi/p/9495618.html#autoid-1-0-0--swaggerapi文档版本控制/aufofac/仓储/redis/cors跨域/aop...</div> </li> <li><a href="/article/1880056791107170304.htm" title="原生微信小程序中使用Sass" target="_blank">原生微信小程序中使用Sass</a> <span class="text-muted">王阔阔</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/sass/1.htm">sass</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>在project.config.json文件中配置项setting项{"setting":{//省略其他配置项"useCompilerPlugins":["sass"]},}将wxss后缀名改为scss，就可正常使用sass语法了Sass有两种语法格式：SCSS（SassyCSS）和Sass（缩进语法），SCSS为Sass的主流语法格式。</div> </li> <li><a href="/article/1880049349837254656.htm" title="iterm2文件上传下载" target="_blank">iterm2文件上传下载</a> <span class="text-muted">@卷卷</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E5%85%B7%E7%9A%84%E5%AE%89%E8%A3%85%E5%8F%8A%E7%8E%AF%E5%A2%83%E9%85%8D%E7%BD%AE/1.htm">工具的安装及环境配置</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/terminal/1.htm">terminal</a> <div>安装iterm2https://iterm2.com/downloads.html安装homebrewhttps://docs.brew.sh/Installation1、官网安装，很慢/bin/bash-c"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install.sh)"2、国内镜像安装/bin/z</div> </li> <li><a href="/article/1880049096992026624.htm" title="redis.call() 和 redis.pcall()" target="_blank">redis.call() 和 redis.pcall()</a> <span class="text-muted">旅者随心</span> <div>下面是来自官方文档的解释：原文http://www.redis.cn/commands/eval.htmlredis.call()和redis.pcall()的唯一区别在于它们对错误处理的不同。当redis.call()在执行命令的过程中发生错误时，脚本会停止执行，并返回一个脚本错误，错误的输出信息会说明错误造成的原因：>delfoo(integer)1>lpushfooa(integer)1>e</div> </li> <li><a href="/article/1880047079506636800.htm" title="pytest运行警告问题解决：DeprecationWarning: pkg_resources is deprecated as an API" target="_blank">pytest运行警告问题解决：DeprecationWarning: pkg_resources is deprecated as an API</a> <span class="text-muted">上海-悠悠</span> <a class="tag" taget="_blank" href="/search/pytest/1.htm">pytest</a><a class="tag" taget="_blank" href="/search/pytest/1.htm">pytest</a> <div>前言最近在运行pytest的时候，经常出现这个警告DeprecationWarning:pkg_resourcesisdeprecatedasanAPISeehttps://setuptools.pypa.io/en/latest/pkg_resources.htmlfrompkg_resourcesimportiter_entry_points从警告上看是方法被弃用，肯定是因为新版弃用了旧版的语</div> </li> <li><a href="/article/1880031809857712128.htm" title="网络学习记录4" target="_blank">网络学习记录4</a> <span class="text-muted">Tic..</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%9F%A5%E8%AF%86%E4%B8%93%E6%A0%8F/1.htm">网络知识专栏</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C/1.htm">网络</a> <div>二、学习网络安全知识：1、常见的网络攻击:①口令入侵：攻击者使用某些合法用户的帐号和口令登录到目的主机，然后再实施攻击活动。这种方法的前提是必须先得到该主机上的某个合法用户的帐号，然后再进行合法用户口令的破译。②跨站脚本攻击（XSS）：主要采用脚本语言设计的计算机病毒，现在流行的脚本病毒大都是利用JavaScript和VBScript脚本语言编写。攻击者通过在网页中插入恶意脚本，当用户浏览该网页时</div> </li> <li><a href="/article/1880030802536886272.htm" title="基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南" target="_blank">基于 Vue 的拖拽缩放卡片组件：实现思路、方法及使用指南</a> <span class="text-muted">Jiaberrr</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><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%A1%86%E6%9E%B6/1.htm">前端框架</a> <div>引言在前端开发中，实现可交互的组件能够极大地提升用户体验。本文将介绍一个基于Vue封装的可缩放卡片组件，从实现思路、代码具体实现以及使用方法等方面进行详细阐述，帮助开发者更好地理解和运用这一组件。项目源码地址：https://gitcode.com/Jiaberrr/vue3-pc-template实现思路定位与布局：通过position:absolute对卡片进行定位，利用left、top、ri</div> </li> <li><a href="/article/28.htm" title="如何用ruby来写hadoop的mapreduce并生成jar包" target="_blank">如何用ruby来写hadoop的mapreduce并生成jar包</a> <span class="text-muted">wudixiaotie</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a> <div>ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：不说了网上有 2.安装ruby：由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby： rvm install jruby然后等待安</div> </li> <li><a href="/article/155.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/%E8%AE%BF%E9%97%AE%E6%8E%A7%E5%88%B6%E6%9D%83%E9%99%90/1.htm">访问控制权限</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问一:包访问权限; 自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用</div> </li> <li><a href="/article/282.htm" title="[生物与医学]请审慎食用小龙虾" target="_blank">[生物与医学]请审慎食用小龙虾</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E7%94%9F%E7%89%A9/1.htm">生物</a> <div> 现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡..... 所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质 </div> </li> <li><a href="/article/409.htm" title="org.apache.jasper.JasperException: Unable to compile class for JSP:" target="_blank">org.apache.jasper.JasperException: Unable to compile class for JSP:</a> <span class="text-muted">商人shang</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a><a class="tag" taget="_blank" href="/search/2.2/1.htm">2.2</a><a class="tag" taget="_blank" href="/search/jdk1.8/1.htm">jdk1.8</a> <div>环境： jdk1.8 maven tomcat7-maven-plugin 2.0 原因： tomcat7-maven-plugin 2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin 2.2就行，即 <plugin> </div> </li> <li><a href="/article/536.htm" title="你的垃圾你处理掉了吗?GC" target="_blank">你的垃圾你处理掉了吗?GC</a> <span class="text-muted">oloz</span> <a class="tag" taget="_blank" href="/search/GC/1.htm">GC</a> <div>前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别</div> </li> <li><a href="/article/663.htm" title="shiro 和 SESSSION" target="_blank">shiro 和 SESSSION</a> <span class="text-muted">杨白白</span> <a class="tag" taget="_blank" href="/search/shiro/1.htm">shiro</a> <div>shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此</div> </li> <li><a href="/article/790.htm" title="移动互联网终端淘宝客如何实现盈利" target="_blank">移动互联网终端淘宝客如何实现盈利</a> <span class="text-muted">小桔子</span> <a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8B%95%E5%AE%A2%E6%88%B6%E7%AB%AF/1.htm">移動客戶端</a><a class="tag" taget="_blank" href="/search/%E6%B7%98%E5%AE%A2/1.htm">淘客</a><a class="tag" taget="_blank" href="/search/%E6%B7%98%E5%AF%B6App/1.htm">淘寶App</a> <div> 2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛</div> </li> <li><a href="/article/917.htm" title="wordpress小工具制作" target="_blank">wordpress小工具制作</a> <span class="text-muted">aichenglong</span> <a class="tag" taget="_blank" href="/search/wordpress/1.htm">wordpress</a><a class="tag" taget="_blank" href="/search/%E5%B0%8F%E5%B7%A5%E5%85%B7/1.htm">小工具</a> <div>wordpress 使用侧边栏的小工具，很方便调整页面结构小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi</div> </li> <li><a href="/article/1044.htm" title="JS微信分享" target="_blank">JS微信分享</a> <span class="text-muted">AILIKES</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a> <div>// 所有功能必须包含在 WeixinApi.ready 中进行 WeixinApi.ready(function(Api) { // 微信分享的数据 var wxData = { &nb</div> </li> <li><a href="/article/1171.htm" title="封装探讨" target="_blank">封装探讨</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/JAVA%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1+%E5%B0%81%E8%A3%85/1.htm">JAVA面向对象封装</a> <div>//封装属性方法将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用例如 1： //属性将其设为私有姓名 name 可以公开 </div> </li> <li><a href="/article/1298.htm" title="jquery radio/checkbox change事件不能触发的问题" target="_blank">jquery radio/checkbox change事件不能触发的问题</a> <span class="text-muted">bijian1013</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>我想让radio来控制当前我选择的是机动车还是特种车，如下所示： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><</div> </li> <li><a href="/article/1425.htm" title="AngularJS中安全性措施" target="_blank">AngularJS中安全性措施</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E5%85%A8%E6%80%A7/1.htm">安全性</a><a class="tag" taget="_blank" href="/search/XSRF/1.htm">XSRF</a><a class="tag" taget="_blank" href="/search/JSON%E6%BC%8F%E6%B4%9E/1.htm">JSON漏洞</a> <div> 在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。一.JSON漏洞当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，</div> </li> <li><a href="/article/1552.htm" title="[Maven学习笔记九]Maven发布web项目" target="_blank">[Maven学习笔记九]Maven发布web项目</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>基于Maven的web项目的标准项目结构 user-project user-core user-service user-web src </div> </li> <li><a href="/article/1679.htm" title="【Hive七】Hive用户自定义聚合函数(UDAF)" target="_blank">【Hive七】Hive用户自定义聚合函数(UDAF)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a> <div>用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？ Double evaluate(Double a, Double b) </div> </li> <li><a href="/article/1806.htm" title="通过 nginx-lua 给 Nginx 增加 OAuth 支持" target="_blank">通过 nginx-lua 给 Nginx 增加 OAuth 支持</a> <span class="text-muted">ronin47</span> <div>前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n</div> </li> <li><a href="/article/1933.htm" title="利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法" target="_blank">利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法</a> <span class="text-muted">bsr1983</span> <a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu</div> </li> <li><a href="/article/2060.htm" title="《代码大全》表驱动法-Table Driven Approach-1" target="_blank">《代码大全》表驱动法-Table Driven Approach-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/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public </div> </li> <li><a href="/article/2187.htm" title="Sybase封锁原理" target="_blank">Sybase封锁原理</a> <span class="text-muted">chicony</span> <a class="tag" taget="_blank" href="/search/Sybase/1.htm">Sybase</a> <div> 昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的</div> </li> <li><a href="/article/2314.htm" title="java异常处理机制" target="_blank">java异常处理机制</a> <span class="text-muted">CrazyMizzz</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try： Opening exception-handling statement. catch： Captures the exception. finally： Runs its code before terminating</div> </li> <li><a href="/article/2441.htm" title="hive 数据插入DML语法汇总" target="_blank">hive 数据插入DML语法汇总</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a><a class="tag" taget="_blank" href="/search/DML/1.htm">DML</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8F%92%E5%85%A5/1.htm">数据插入</a> <div>Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l</div> </li> <li><a href="/article/2568.htm" title="工厂设计模式" target="_blank">工厂设计模式</a> <span class="text-muted">dcj3sjt126com</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）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ </div> </li> <li><a href="/article/2695.htm" title="mysql字符串查找函数" target="_blank">mysql字符串查找函数</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则 FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st</div> </li> <li><a href="/article/2822.htm" title="jvm内存管理" target="_blank">jvm内存管理</a> <span class="text-muted">easterfly</span> <a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a> <div>一、JVM堆内存的划分分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中；年老代满了之后会执行major gc，这个是stop the word模式，执行</div> </li> <li><a href="/article/2949.htm" title="CentOS-6.3安装配置JDK-8" target="_blank">CentOS-6.3安装配置JDK-8</a> <span class="text-muted">gengzg</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME</div> </li> <li><a href="/article/3076.htm" title="【转】关于web路径的获取方法" target="_blank">【转】关于web路径的获取方法</a> <span class="text-muted">huangyc1210</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E8%B7%AF%E5%BE%84/1.htm">路径</a> <div>假定你的web application 名称为news,你在浏览器中输入请求路径： http://localhost:8080/news/main/list.jsp 则执行下面向行代码后打印出如下结果： 1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项</div> </li> <li><a href="/article/3203.htm" title="php里获取第一个中文首字母并排序" target="_blank">php里获取第一个中文首字母并排序</a> <span class="text-muted">远去的渡口</span> <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/PHP/1.htm">PHP</a> <div>很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g</div> </li> <li><a href="/article/3330.htm" title="java内部类" target="_blank">java内部类</a> <span class="text-muted">hm4123660</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">内部类</a><a class="tag" taget="_blank" href="/search/%E5%8C%BF%E5%90%8D%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">匿名内部类</a><a class="tag" taget="_blank" href="/search/%E6%88%90%E5%91%98%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">成员内部类</a><a class="tag" taget="_blank" href="/search/%E6%96%B9%E6%B3%95%E5%86%85%E9%83%A8%E7%B1%BB/1.htm">方法内部类</a> <div> 　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。 &nb</div> </li> <li><a href="/article/3457.htm" title="Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten" target="_blank">Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten</a> <span class="text-muted">zhb8015</span> <div>maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。 maven pom: <dependency> <groupId>org.hibernate</groupId> <ar</div> </li> <li><a href="/article/3584.htm" title="Spark 性能相关参数配置详解－任务调度篇" target="_blank">Spark 性能相关参数配置详解－任务调度篇</a> <span class="text-muted">Stark_Summer</span> <a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/cpu/1.htm">cpu</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1%E8%B0%83%E5%BA%A6/1.htm">任务调度</a><a class="tag" taget="_blank" href="/search/yarn/1.htm">yarn</a> <div>随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便</div> </li> <li><a href="/article/3711.htm" title="css3滤镜" target="_blank">css3滤镜</a> <span class="text-muted">wangkeheng</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc</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>