HTML+CSS+JavaScript+JQuery+Ajax
HTML
1、DTD定义了HTML和XHTML的语义约束，包括HTML文档中可以出现哪些元素，各元素支持哪些属性等。
2、基本的HTML文档：
页面标题
"Content-Type" content="text/html;charset=gb2312" >
页面内容部分
不要在和之间插入任何内容，不要再和之间插入任何内容，不要在和之间插入任何内容。
3、标签不再区分大小写。
4、元素可以省略结束标签。
空元素语法的元素：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source和wbr，不允许将开始标签和结束标签分开定义，如![]()
。。。
可以省略结束标签的元素：、等
可以省略全部标签的元素：html、head、body和tbody
允许省略属性值的属性：checked、disabled、readonly
允许属性值不使用引号的属性：。。。
5、HTML5保留的基本元素
、、
、、、<style>、<h1>到<h6>、<p>、<br> 、<hr> 、<div> 和<span>。
span、div和p都可以作为其他标签和文本的容器，span元素不会导致换行，div换换行，p会产生一个段落。span和p只能包含文本、图像、超链接、文本格式化元素和表单控件元素等内容，p可以包含span，span不能包含p，div可以还可以包含h1到h6、form、table、列表项元素和div元素。
几乎所有的HTML元素都可以指定id、style和class属性。
6、文本格式化元素：<b>、<i>、<em>、<strong>、<small>、<sup>、<sub>、<bdo>。这些文本格式化元素只能包含文本、图像、超链接和表单控件元素等内容，还可以和span元素相互包含。
7、语义相关元素：<abbr>、<address>、<blockquote>、<q>、<cite>、<code>、<dfn>、<del>、<ins>、<datetime>、<pre>、<samp>、<kbd>、<var>
8、超链接和锚点：<a../>
9、列表相关元素：
<ul>只能包含<li>子元素
<ol>只能包含<li>子元素
<li>定义列表项目，可以包含与<div>类似的内容
<dl>、<dt>、<dd>
10、空元素指的是不包含其它元素，是可以有属性的，如img。
11、表格相关元素：<table>，只能包含0-1个<caption../>元素，0-1个<thead>元素，0-1个<tfoot>元素，多个<tr../>子元素，多个<tbody../>子元素。
<tr>只能包含<td../>或<th.../ >两种元素
<td>定义单元格，可以包含各种类型的子元素；<th>定义页眉；<tbody>定义表格主体，只能包含<tr>。
12、框架相关元素
HTML5不推荐在页面中使用框架集，所以删除了<frameset../>、<frame../>和<noframe../>这3个标签。保留了<iframe../>标签。
13、新增的通用属性
contentEditable：元素变为可编辑状态，可继承；
designMode：相当于一个全局的contengEditable属性；
hidden：隐藏元素
spellcheck：属性规定是否对元素内容进行拼写检查。（spellcheck 属性是 HTML5 新增的。）
14，新增的常用元素
文档结构元素：<article>、<section>、<nav>、<aside>、<header>、<footer>等
语义相关元素：<mark>、<time>
特殊功能元素：<meter>、<progress>
15、头部可以包含<script>、<style>、<link>、<title>、<base>、<meta>
16、新增的拖放API
17、表单元素
<form.../>
<input.../>功能最丰富的，单行文本框、密码输入框、隐藏域、单选框、复选框、图像域、文件上传域、提交、重设、无动作按钮。
<label>定义标签、<button>定义按钮、<select>创建下拉框、<textarea>多行文本域。
18、绘图支持 <canvas.../>，获得CanvasRenderingContext2D，使用JS画图。
19、多媒体支持，无需安装插件 <audio../> <video../>
20、在HTML文档中，如果存在连续空白字符（空格、制表符、回车、换行等），浏览器显示时将只解析为一个空格字符。
空格，第一种方法： ；第二种方法：[全半角]再添加[空格]。
21、注释 <!-- 注释内容 -->
</code></pre>
<h2>CSS</h2>
<p>1、CSS：Cascading Style Sheet，层叠样式单，用于网页风格设计，将数据逻辑和显示逻辑分离。</p>
<p>2、HTML有4种方法使用CSS：链接外部样式文件、导入外部样式文件、使用内部样式定义（<style…/>）和使用内联样式。</p>
<p>3、样式定义语法格式：Selector {property:value}</p>
<p>4、CSS选择器</p>
<p>元素选择器：E {…}</p>
<p>属性选择器：E{…} E[attr]{…} E[attr=value]{…} E[attr~=value]{…} E[attr|=value]{…} E[attr^=“value”]{…}</p>
<p>ID选择器：#idValue {…}</p>
<p>元素+ID选择器 E#idValue {…}</p>
<p>class选择器：E.classValue {…}</p>
<p>包含选择器：Selector1 Selector2 {property:value}</p>
<p>子选择器：Selector1 > Selector2 {property:value}</p>
<p>兄弟选择器：Selector1 ~ Selector2 {property:value}</p>
<p>选择器组合：Selector1，Selector2，Selector3… {property:value}</p>
<p>伪选择器</p>
<p>5、各种属性定义…</p>
<h2>JavaScript</h2>
<p>1、JavaScript是一种基于客户端浏览器的，基于对象、事件驱动的脚本式语言。弱类型语言，变量在使用前无需声明。可以在HTML中使用导入脚本执行。</p>
<p>2、可以直接给变量赋值来定义变量，也可以先var a声明后再使用。支持自动类型转换，变量不绑定类型，运行时根据实际值确定类型。也有强制转换函数toString、parseInt、parseFloat。直接定义的变量是全局变量，所有脚本都可以访问，在函数里定义的变量是局部变量。</p>
<p>基本类型有数值类型（整数或浮点），布尔类型（true或false），字符串类型，undefined类型，null类型。</p>
<p>3、运算符、流程控制、函数都类C。</p>
<p>4、DOM编程、事件处理机制。</p>
<h2>jQuery</h2>
<p>1、jQuery能够：取得文档中的元素、修改页面外观、改变文档的内容、响应用户的交互操作、为页面添加动态效果、无需刷新页面从服务器获取信息、简化常见的JavaScript任务。</p>
<p>jQuery查找元素的机制基于CSS选择器，支持扩展，抽象浏览器不一致性，总是面向集合，将多重操作集于一行。<br> <a href="http://img.e-com-net.com/image/info8/c109cbc86c514c70a6ab69d09f40f574.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/c109cbc86c514c70a6ab69d09f40f574.jpg" alt="HTML+CSS+JavaScript+JQuery+Ajax_第1张图片" width="650" height="188" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/e673124896334e5884b03c3ecb3474d7.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/e673124896334e5884b03c3ecb3474d7.jpg" alt="HTML+CSS+JavaScript+JQuery+Ajax_第2张图片" width="650" height="232" style="border:1px solid black;"></a></p>
<p>2、jQuery中的行为包含很多内容。</p>
<p>标记内容操作：</p>
<p>.text()： 设置或返回标记中的文本</p>
<p>.html()： 设置或返回标记中的html内容</p>
<p>.val()： 设置或返回表单控件的用户输入数据</p>
<p>.attr(“attr_name”)： 设置或返回标记的某属性</p>
<p>.css(property_name)： 设置或返回标记的某css属性</p>
<p>标记新增与删除：</p>
<p>.append()：在父标记的最后部分插入标记</p>
<p>.prepend()：在父元素的最前面部分插入标记</p>
<p>.after()：紧随某元素后面插入标记</p>
<p>.before()：在某元素之前插入标记</p>
<p>.remove()：删除标记，同时删除它的所有子标记</p>
<p>.empty()：删除标记内容，但不删除标记本身</p>
<p>对于新增标记依然要通过JavaScript的document.createElement()函数建立标记，然后通过上述函数之一插入现有标记。</p>
<p>事件响应：</p>
<p>jQuery封装了对HTML事件的响应处理，每个事件都被定义成一个jQuery行为，响应事件的基本语法为：</p>
<p>$(selector).EVENT(function(){</p>
<p>//事件处理代码</p>
<p>});</p>
<p>EVENT是HTML事件出去开头“ON”字样的名字，比如对于HTML的onclick事件，jQuery对应的事件行为是click，另外jQuery中有一个特殊的事件$(document).ready()，用于响应文档已全部加载的事件。</p>
<p>标记遍历：</p>
<p>3、jQeury特效</p>
<p>.hide()/show()：隐藏、显示元素</p>
<p>.toggle()：在隐藏和显示之间切换</p>
<p>.fadeIn()/fadeOut()：淡进、淡出效果</p>
<p>.fadeToggle()：淡进淡出效果切换</p>
<p>.fadeTo(speed,opacity,callback)：渐变为给定的不透明度，callback为完成工作后需要回调的函数</p>
<p>.slideDown()/slideUp()：向下滑动出现，向上滑动隐藏</p>
<p>.slideToggle()：在上下滑动之间切换</p>
<p>.animate({params},speed,callback)：自定义动画效果</p>
<p>.stop()：停止动画</p>
<h2>Ajax</h2>
<p>1、Ajax即Asynchronous JavaScript And XML，Ajax的最大优势在于异步交互，无需频繁加载新页面，只更新请求的数据，网页游戏就是用的Ajax技术，即开即玩。</p>
<p>2、Ajax核心是JS对象XMLHttpRequest，使用它可通过JS向服务器发送请求，并能够处理服务器响应，避免阻塞用户动作。整个Ajax应用的工作过程如下：</p>
<p>JS使用XMLHttpRequest对象向服务器发送请求——JS使用XMLHttpRequest对象解析服务器响应——JS通过DOM动态更新HTML页面。</p>
<p>Ajax编程重点在客户端也就是JS编程，关键在于使用DOM加载响应数据。<br> <a href="http://img.e-com-net.com/image/info8/19f8d2f9d91d47ff86f839aa8651cdce.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/19f8d2f9d91d47ff86f839aa8651cdce.jpg" alt="HTML+CSS+JavaScript+JQuery+Ajax_第3张图片" width="650" height="488" style="border:1px solid black;"></a><br> <a href="http://img.e-com-net.com/image/info8/b24ab98d623b4714a507ba8621218551.jpg" target="_blank"><img src="http://img.e-com-net.com/image/info8/b24ab98d623b4714a507ba8621218551.jpg" alt="HTML+CSS+JavaScript+JQuery+Ajax_第4张图片" width="650" height="435" style="border:1px solid black;"></a></p>
<h2>html、CSS、javascript、jQuery、Ajax这五者之间有什么联系？</h2>
<p>HTML用于展示的网页必须使用的格式，是文档对象模型（DOM）的基础。<br> CSS是层叠样式表，用于规定网页元素样式（如字体、颜色、布局、形状、缩放、透明）的规则。<br> Javascript是脚本语言，可以操作DOM树（如元素的删减、移动），可以存取元素的属性（比如获取或改变输入框内容），当然也可以操作CSS样式，可以进行复杂的运算，可以调用各种API，其中包括XmlHttpRequest，即Ajax技术，可以让js代码发送异步的HTTP请求，用于实现动态的网页</p>
<p>jQuery是js库，对js的功能进行了封装，方便了DOM操作和Ajax，注意，jquery能做的事情原生js都能做，因为jquery本身就是js写的。</p>
<p>总之，html、javascript、CSS共同形成了网页的规范，Ajax是js的特定技术<br> jQuery和以上性质完全不同，是一个用于简化js代码的库；它并非规范，有很多库和它类似比如prototype。</p>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1274879561548447744"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1883976229669892096.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/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a>
<div>是HTML中的一个元素，用于在当前网页中嵌入另一个网页或文档。它就像一个“窗口”，可以在页面中显示其他内容。主要特点：嵌入外部内容：可以在网页中嵌入其他网页、视频、地图等。独立上下文：嵌入的内容与主页面相互独立，拥有自己的JavaScript和CSS环境。可定制：可以通过属性调整大小、边框等。常用属性：src：指定要嵌入内容的URL。width和height：设置iframe的宽度和高度。fram</div>
</li>
<li><a href="/article/1883969291045367808.htm"
title="智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之8 重新开始 之1 特定于领域的模板--一个三套接的hoc结构" target="_blank">智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之8 重新开始 之1 特定于领域的模板--一个三套接的hoc结构</a>
<span class="text-muted">一水鉴天</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E8%AF%AD%E8%A8%80/1.htm">人工语言</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%88%B6%E9%80%A0/1.htm">智能制造</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a>
<div>由于前面的项目信息全部丢失，所以重新建立了这个项目，并以前一篇文章（之7）中的内容作为项目附件重新沟通。本文要点特定于领域的模板--一个三套接的hoc结构。这是今天讨论的内容。它是本项目actors剧本原型。其地位：祖传代码脚本模板中的--一个div标签的内容模型，在三端架构中描述前端执行公式的“体”性。目的是准备完善出该项目。希望的做法是：我将我给出的附件文档中零散的一些考虑组成出完整的描述文字</div>
</li>
<li><a href="/article/1883965887157956608.htm"
title="智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之6 三端架构的本质/内在/外观：自明性/信念/bank词扇" target="_blank">智能工厂的设计软件 应用场景的一个例子：为AI聊天工具添加一个知识系统 之6 三端架构的本质/内在/外观：自明性/信念/bank词扇</a>
<span class="text-muted">一水鉴天</span>
<a class="tag" taget="_blank" href="/search/%E8%BD%AF%E4%BB%B6%E6%99%BA%E8%83%BD/1.htm">软件智能</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%88%B6%E9%80%A0/1.htm">智能制造</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E8%AF%AD%E8%A8%80/1.htm">人工语言</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
<div>本文提要一些补充在为前端和后端锁定的两个中心词“概念”（命题“作文”的程序公共逻辑语言）和“描述”（谓词“描述”的自然描述语言）的基础上，暂时将中端的中心词锁定在“环境”（情境“意义”的人工语义网络语言）。三者的共同性--都需要通过“演算”得到（命题演算/谓词演算/情境演算）。每种演算都以本地或局部的this此岸为输入（A-box，最初是一个条件分支符--条件表达式），远处或全局的彼岸that（T</div>
</li>
<li><a href="/article/1883963238538866688.htm"
title="html手机端富文本,移动端富文本踩坑" target="_blank">html手机端富文本,移动端富文本踩坑</a>
<span class="text-muted">weixin_39608657</span>
<a class="tag" taget="_blank" href="/search/html%E6%89%8B%E6%9C%BA%E7%AB%AF%E5%AF%8C%E6%96%87%E6%9C%AC/1.htm">html手机端富文本</a>
<div>最近在做一个vue的项目。之前的前端同事离职了，和女朋友去云南潇洒去了，剩下我一个苦逼坐在电脑前哒哒哒敲代码。刚刚接手就开始做移动端富文本编辑器的需求。主管说压了半个月，尽快做出来。在网上找了不少编辑器，前段时间做过react的后台项目，用了百度的编辑器。功能很多很强，遗憾的是ios不支持flash，在移动端并不适用。因为要兼容ios和Android，而且还要在vue的项目中使用，在网上找了很多编</div>
</li>
<li><a href="/article/1883962986368921600.htm"
title="前端js变量踩坑，部分手机浏览器不支持let、const" target="_blank">前端js变量踩坑，部分手机浏览器不支持let、const</a>
<span class="text-muted">weixin_34244102</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E7%A7%BB%E5%8A%A8%E5%BC%80%E5%8F%91/1.htm">移动开发</a><a class="tag" taget="_blank" href="/search/ViewUI/1.htm">ViewUI</a>
<div>2019独角兽企业重金招聘Python工程师标准>>>浏览器通过userAgent判断机型是Android还是iOS，很简单的几行代码，总有iOS用户手机判断不出来。刚开始总以为是判断的错误，优化了好几版，鉴于身边一直没有真机，终是治标不治本，今日偶遇真机，恍然大悟。。。var才是简单js的王道，引以为鉴转载于:https://my.oschina.net/AmosWang/blog/301786</div>
</li>
<li><a href="/article/1883950692394135552.htm"
title="2025年React前端路线图：从初级到高级" target="_blank">2025年React前端路线图：从初级到高级</a>
<span class="text-muted"></span>
<div>2025年React前端路线图：从初级到高级原文链接：2025ReactFrontendRoadmap:BeginnertoSeniorLevel作者：tak089译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.初级（入门级）目标：</div>
</li>
<li><a href="/article/1883938391083511808.htm"
title="前端常见的多种正则验证方法以及js判断语法" target="_blank">前端常见的多种正则验证方法以及js判断语法</a>
<span class="text-muted">前端-文龙刚</span>
<a class="tag" taget="_blank" href="/search/Javascript/1.htm">Javascript</a><a class="tag" taget="_blank" href="/search/Vue/1.htm">Vue</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/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>1.邮箱exportconstisEmail=(s)=>{return/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码exportconstisMobile=(s)=>{return/^1[0-9]{10}$/.test(s)}3.电话号码exportconstisPhone=(s)=></div>
</li>
<li><a href="/article/1883924906089967616.htm"
title="C#开发人员学习书籍推荐" target="_blank">C#开发人员学习书籍推荐</a>
<span class="text-muted">Lu01</span>
<a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>作为一名C#开发人员，持续学习和提升自己的技术水平是至关重要的。如今，技术不断更新换代，新的开发框架、语言和工具层出不穷。对于刚入行的开发者或希望深入某一领域的工程师来说，选对书籍是学习的捷径之一。本篇文章将推荐一些经典的书籍，涵盖了C#、数据库、前端开发等多个领域，帮助你在开发的道路上不断进步。1.学习SQL基础推荐书籍：《SQL必知必会（第5版）》作者：[美]本·福达（BenForta）译者：</div>
</li>
<li><a href="/article/1883922004034252800.htm"
title="【gopher的java学习笔记】代码分层之controller和service" target="_blank">【gopher的java学习笔记】代码分层之controller和service</a>
<span class="text-muted">ThisIsClark</span>
<a class="tag" taget="_blank" href="/search/gopher%E7%9A%84java%E5%AD%A6%E4%B9%A0%E7%AC%94%E8%AE%B0/1.htm">gopher的java学习笔记</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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>在Java的Web开发中，Controller层和Service层是两个至关重要的层次，它们各自承担着不同的职责，共同协作以实现复杂的应用程序功能。本文将详细介绍Java中Controller层和Service层的技术特点和作用。一、Controller层（控制层）Controller层是应用程序的入口点，负责接收用户的请求并处理。它通常处理来自前端或客户端的请求，并将请求转发给相应的Servic</div>
</li>
<li><a href="/article/1883904472925663232.htm"
title="Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）" target="_blank">Flask框架-Python系列（一）—— 基础入门（flask库安装及简单使用）</a>
<span class="text-muted">云霄IT</span>
<a class="tag" taget="_blank" href="/search/python%E5%BA%93%E6%95%99%E7%A8%8B/1.htm">python库教程</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/flask/1.htm">flask</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>目录一、flask库安装二、简单使用三、前端返回类型设置（一）返回文本类型（二）返回json类型（三）重定向到另一路由（四）返回html类型，嵌入js,css,image等内容（一）py文件（二）html文件写法（三）静态目录结构四、静态资源路径修改五、实现提供文件下载一、flask库安装pipinstallflask二、简单使用fromflaskimportFlask,requestapp=Fl</div>
</li>
<li><a href="/article/1883898801442320384.htm"
title="CSP Content Security Policy（内容安全策略）" target="_blank">CSP Content Security Policy（内容安全策略）</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/web%E5%AE%89%E5%85%A8/1.htm">web安全</a>
<div>CSPContentSecurityPolicy（内容安全策略）CSP前端中的CSP指的是ContentSecurityPolicy（内容安全策略），是一种用于提升网站安全性的浏览器功能。CSP主要用于防止XSS（跨站脚本攻击）和数据注入攻击，通过限制网页中的内容来源（如脚本、样式、图像、媒体等）来降低被恶意代码利用的风险。CSP在前端的作用CSP可以通过HTTP响应头或标签来定义安全策略，规定前</div>
</li>
<li><a href="/article/1883875990602575872.htm"
title="k8s的主要组件以及重要概念" target="_blank">k8s的主要组件以及重要概念</a>
<span class="text-muted">linshuai-on</span>
<a class="tag" taget="_blank" href="/search/kubernetes/1.htm">kubernetes</a><a class="tag" taget="_blank" href="/search/%E5%AE%B9%E5%99%A8/1.htm">容器</a><a class="tag" taget="_blank" href="/search/%E4%BA%91%E5%8E%9F%E7%94%9F/1.htm">云原生</a>
<div>K8S（Kubernetes）是一个用于自动部署、扩展和管理容器化应用程序的开源系统。它采用主从设备模型（Master-Slave架构），其中Master节点负责集群的调度、管理和运维，Slave节点（也被称为WorkerNode节点）负责执行工作负载。Kubernetes（K8s）主要由以下几个核心组件组成：一、Master节点组件APIServer：原理：作为Kubernetes系统的前端控制</div>
</li>
<li><a href="/article/1883872333899296768.htm"
title="transformer.js（二）：关于pipe管道的一切" target="_blank">transformer.js（二）：关于pipe管道的一切</a>
<span class="text-muted">余生H</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9A%84AI%E5%B7%A5%E5%85%B7%E4%B9%A6/1.htm">前端的AI工具书</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/webml/1.htm">webml</a><a class="tag" taget="_blank" href="/search/webAI/1.htm">webAI</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>前面的章节transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景介绍了transformer.js的应用场景。pipe管道（Pipeline）作为Transformer.js的核心功能之一，负责简化各种常见的NLP任务，例如文本生成、翻译、分类等，本文将详细介绍：从它的概念、实现到实际使用场景，帮助开发者全面掌握这一功能。什么是Pipe管道</div>
</li>
<li><a href="/article/1883872332183826432.htm"
title="transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景" target="_blank">transformer.js（一）：这个前端大模型运行框架的可运行环境、使用方式、代码示例以及适合与不适合的场景</a>
<span class="text-muted">余生H</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E7%9A%84AI%E5%B7%A5%E5%85%B7%E4%B9%A6/1.htm">前端的AI工具书</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/transformer/1.htm">transformer</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/hugginface/1.htm">hugginface</a><a class="tag" taget="_blank" href="/search/webml/1.htm">webml</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">web大模型</a>
<div>随着大模型的广泛应用，越来越多的开发者希望在前端直接运行机器学习模型，从而减少对后端的依赖，并提升用户体验。Transformer.js是一个专为前端环境设计的框架，它支持运行基于Transformer架构的深度学习模型，尤其是像BERT、GPT等广泛应用于自然语言处理（NLP）的模型。本文将全面解析Transformer.js的运行环境、使用方式、代码示例，以及其能够完成的功能与目前的限制，帮助</div>
</li>
<li><a href="/article/1883860859848028160.htm"
title="Springboot配置返回日期格式化五种方法详解" target="_blank">Springboot配置返回日期格式化五种方法详解</a>
<span class="text-muted">我心向阳iu</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a><a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E7%82%B9%E7%B2%BE%E8%AE%B2/1.htm">Java面试知识点精讲</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a>
<div>文章目录应急就这样格式化全局时间字段OK了，你后端全统一了，应急的同志们就这样就行了，不用学下面的扩展知识，想学习的可以先收藏（建议别收藏，收藏了也不看，要不一口气看完点个赞，要不别收藏来欺骗自己了）系统的知识1.前端时间格式化（不做无情人）2.SimpleDateFormat格式化（不推荐）3.DateTimeFormatter格式化（不推荐）4.全局时间格式化（推荐）实现原理分析5.部分时间格</div>
</li>
<li><a href="/article/1883855061260496896.htm"
title="深度学习探索：ChatGPT数据分析精髓 & 梯度下降优化方法深度剖析" target="_blank">深度学习探索：ChatGPT数据分析精髓 & 梯度下降优化方法深度剖析</a>
<span class="text-muted">网罗开发</span>
<a class="tag" taget="_blank" href="/search/AI/1.htm">AI</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E6%A8%A1%E5%9E%8B/1.htm">大模型</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E6%B7%B1%E5%BA%A6%E5%AD%A6%E4%B9%A0/1.htm">深度学习</a><a class="tag" taget="_blank" href="/search/chatgpt/1.htm">chatgpt</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/1.htm">数据分析</a>
<div>网罗开发（小红书、快手、视频号同名） 大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO</div>
</li>
<li><a href="/article/1883843719333998592.htm"
title="写一个存储“网站”的网站前的分析" target="_blank">写一个存储“网站”的网站前的分析</a>
<span class="text-muted">是小邪邪呀</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/postgresql/1.htm">postgresql</a><a class="tag" taget="_blank" href="/search/aws/1.htm">aws</a><a class="tag" taget="_blank" href="/search/https/1.htm">https</a>
<div>要创建一个能够存储自己网站内容的“网站”，通常意味着你希望有一个可以存储网站数据、文件、内容等信息的系统。为了实现这一目标，可以考虑构建一个内容管理系统（CMS），这个系统能够帮助你存储和管理网站上的内容。图片仅供参考以下是如何实现一个可以存储自己网站内容的网站的步骤，包括后端数据库和前端界面：步骤一：规划网站内容存储结构1.确定需要存储的内容：页面内容：例如文本、图片、视频等。数据：例如用户评论</div>
</li>
<li><a href="/article/1883841954312155136.htm"
title="深入理解 HTML DOM：文档对象模型详解" target="_blank">深入理解 HTML DOM：文档对象模型详解</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>在前端开发中，HTMLDOM（文档对象模型，DocumentObjectModel）是一个非常重要的概念。它是浏览器将HTML文档解析为一个树形结构的方式，开发者可以通过JavaScript动态地访问和操作文档的内容、结构和样式。本文将详细介绍HTMLDOM的核心概念、功能以及实际应用。1.什么是HTMLDOM？HTMLDOM是浏览器将HTML文档解析为一个树形结构的编程接口。它将文档中的每个部分</div>
</li>
<li><a href="/article/1883832621000093696.htm"
title="2024年度前端技术总结：React、JavaScript、Material UI与Tailwind的实战心得" target="_blank">2024年度前端技术总结：React、JavaScript、Material UI与Tailwind的实战心得</a>
<span class="text-muted">Peter-Lu</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/react.js/1.htm">react.js</a>
<div>目录一、React：从基础到进阶的深度探索二、JavaScript：掌握新特性，提升编码能力三、MaterialUI与Tailwind：设计与开发的完美结合四、技术项目实战：从理论到应用的转变五、总结与展望随着2024年的结束，我回顾这一年在前端技术领域的学习历程，收获颇丰。从React的深度掌握，到JavaScript新特性的运用，再到MaterialUI和Tailwind的实际应用，我不仅学到</div>
</li>
<li><a href="/article/1883821667063492608.htm"
title="字节的面试，感觉还挺简单的~" target="_blank">字节的面试，感觉还挺简单的~</a>
<span class="text-muted"></span>
<a class="tag" taget="_blank" href="/search/go%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%97%AE%E9%A2%98%E9%9D%A2%E8%AF%95%E5%AD%97%E8%8A%82%E8%B7%B3%E5%8A%A8/1.htm">go后端面试问题面试字节跳动</a>
<div>今天分享的是训练营的朋友在字节跳动的面试，新鲜出炉的还热乎着呢。题目都挺简单的，但是他的面试体验不太好，因为面试官问了两个类似的问题，感觉有点不认真。下面是面试的内容：面经详解简单介绍下你的项目介绍下教育平台考试模块的业务.包括题目的读写试卷的生成创建之后,试题如何存储试卷如何分发给考生考生如何提交试卷,你们如何收集试卷结果最后怎么判题以下是对每个问题的回答：前端接口使用restful格式，pos</div>
</li>
<li><a href="/article/1883810808916406272.htm"
title="探索JavaScript前端开发：开启交互之门的神奇钥匙（二）" target="_blank">探索JavaScript前端开发：开启交互之门的神奇钥匙（二）</a>
<span class="text-muted">小周不想卷</span>
<a class="tag" taget="_blank" href="/search/%E8%89%BE%E6%80%9D%E7%A7%91%E8%93%9D%E5%AD%A6%E6%9C%AF%E4%BC%9A%E8%AE%AE%E6%8A%95%E7%A8%BF/1.htm">艾思科蓝学术会议投稿</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>目录引言四、事件处理4.1事件类型4.2事件监听器五、实战案例：打造简易待办事项列表5.1HTML结构搭建5.2JavaScript功能实现六、进阶拓展：异步编程与Ajax6.1异步编程概念6.2Ajax原理与使用七、前沿框架：Vue.js入门窥探7.1Vue.js简介7.2基础使用示例八、总结与展望引言在当今数字化时代，互联网已然成为人们生活不可或缺的一部分，而网页作为互联网的主要载体，其用户体</div>
</li>
<li><a href="/article/1883803746966761472.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/%E6%9E%B6%E6%9E%84/1.htm">架构</a>
<div>在当今快速发展的前端开发领域，技术不断迭代，为开发人员提供了越来越多的可能性。在这篇文章中，我们将聚焦于**微前端架构（Microfrontends）**这一最新趋势，并探索其具体实现与最佳实践。微前端架构是前端开发中一种模块化的方法，能够显著提高代码的可维护性和团队协作效率。什么是微前端？微前端（Microfrontends）是受微服务架构启发而提出的理念。它将一个大型的前端应用拆分为多个小型独</div>
</li>
<li><a href="/article/1883765796216303616.htm"
title="Python从0到100（四十）：Web开发简介-从前端到后端（文末免费送书）" target="_blank">Python从0到100（四十）：Web开发简介-从前端到后端（文末免费送书）</a>
<span class="text-muted">是Dream呀</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</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%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>前言：零基础学Python：Python从0到100最新最全教程。想做这件事情很久了，这次我更新了自己所写过的所有博客，汇集成了Python从0到100，共一百节课，帮助大家一个月时间里从零基础到学习Python基础语法、Python爬虫、Web开发、计算机视觉、机器学习、神经网络以及人工智能相关知识，成为学习学习和学业的先行者！欢迎大家订阅专栏：零基础学Python：Python从0到100最新</div>
</li>
<li><a href="/article/1883763148381548544.htm"
title="实战案例—encrypt靶场（AES固定key篇）" target="_blank">实战案例—encrypt靶场（AES固定key篇）</a>
<span class="text-muted">爬虫使者</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%9A%84%E9%81%93%E5%BE%B7%E4%BF%AE%E5%85%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/%E5%AE%89%E5%85%A8/1.htm">安全</a><a class="tag" taget="_blank" href="/search/%E5%AF%86%E7%A0%81%E5%AD%A6/1.htm">密码学</a><a class="tag" taget="_blank" href="/search/%E7%9F%A9%E9%98%B5/1.htm">矩阵</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%90%8E%E7%AB%AF/1.htm">后端</a>
<div>看前须知本文内容需要有一定前端编程基础。在前端开发中，数据的安全性始终是一个重要的议题，特别是在处理用户敏感信息时，如姓名、电话、密码等。为了确保这些数据在传输过程中的安全性，前端加密技术显得尤为重要。其中，AES（AdvancedEncryptionStandard，高级加密标准）加密以其高效和安全性，成为前端加密的常用手段。本文将通过案例演示如何破解前端使用AES加密数据。一、AES加密简介A</div>
</li>
<li><a href="/article/1883758482935574528.htm"
title="前端新手教程：HTML、CSS 和 JavaScript 全面详解及实用案例" target="_blank">前端新手教程：HTML、CSS 和 JavaScript 全面详解及实用案例</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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>一、引言在当今数字化的时代，前端开发扮演着至关重要的角色，它决定了用户与网页和应用程序交互的体验。HTML、CSS和JavaScript作为前端开发的核心技术，分别负责网页的结构、样式和交互。本教程将为前端新手全面深入地介绍HTML、CSS和JavaScript的知识点，并通过实用案例帮助你快速上手。二、HTML基础（一）HTML概述HTML（HyperTextMarkupLanguage）即超文</div>
</li>
<li><a href="/article/1883737183710408704.htm"
title="HTML&CSS：雪花飘落邮票动画" target="_blank">HTML&CSS：雪花飘落邮票动画</a>
<span class="text-muted">前端Hardy</span>
<a class="tag" taget="_blank" href="/search/CSS/1.htm">CSS</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>这段代码创建了一个带有动画效果的邮票场景，通过CSS和JavaScript技术模拟了雪花的下落和邮票的装饰效果，为页面添加了节日气氛。演示效果HTML&CSS公众号关注：前端Hardy@importurl('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Inter:ital,opsz,wgh</div>
</li>
<li><a href="/article/1883733906323206144.htm"
title="前端【11】HTML+CSS+jQUery实战项目--实现一个简单的todolist" target="_blank">前端【11】HTML+CSS+jQUery实战项目--实现一个简单的todolist</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/%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>前端【8】HTML+CSS+javascript实战项目----实现一个简单的待办事项列表(To-DoList)-CSDN博客学过jQUery可以极大简化js代码的编写，基于之前实现的todolist小demo，了解如何使用jQuery来实现常见的动态交互功能。修改后的js代码关键点解析动态添加元素：通过append方法动态添加表格行，并为每一行生成唯一的index属性。事件委托：使用on方法将事</div>
</li>
<li><a href="/article/1883730630034911232.htm"
title="前端必知必会-TypeScript 对象类型" target="_blank">前端必知必会-TypeScript 对象类型</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/typescript/1.htm">typescript</a><a class="tag" taget="_blank" href="/search/ubuntu/1.htm">ubuntu</a>
<div>文章目录TypeScript对象类型类型推断可选属性索引签名总结TypeScript对象类型TypeScript具有用于对对象进行类型化的特定语法。示例constcar:{type:string,model:string,year:number}={type:"Toyota",model:"Corolla",year:2009};像这样的对象类型也可以单独编写，甚至可以重复使用类型推断TypeSc</div>
</li>
<li><a href="/article/1883708579173691392.htm"
title="SpringBoot基础之控制层Controller详解" target="_blank">SpringBoot基础之控制层Controller详解</a>
<span class="text-muted">qq_42452654</span>
<a class="tag" taget="_blank" href="/search/springboot%E5%AD%A6%E4%B9%A0/1.htm">springboot学习</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>SpringBoot基础之控制层Controller详解1.Controller层主要工作：从HTTP请求中获取信息，提取参数，并将其分发给不同的处理服务（service层），并向前端返回service层处理后的数据（JSON数据或者ModelAndView对象）。**注：**这里，第一次接触可能不理解分发是什么意思，其实就是有controller根据实际需求调用不同的service层类函数来处理</div>
</li>
<li><a href="/article/1883705301891346432.htm"
title="DTO（数据传输对象）" target="_blank">DTO（数据传输对象）</a>
<span class="text-muted">阿乾之铭</span>
<a class="tag" taget="_blank" href="/search/Spring/1.htm">Spring</a><a class="tag" taget="_blank" href="/search/Boot/1.htm">Boot</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>一、DTO是什么DTO（DataTransferObject，数据传输对象）是Java后端开发中常见的设计模式之一。它的作用是在不同的层之间传输数据，特别是在网络或应用层之间进行数据交换时，提供一种简单的数据载体。DTO本质上是一个不包含业务逻辑的纯数据对象，用于打包数据，便于在系统的不同部分传递。二、DTO的主要作用减少数据暴露：DTO可以精简从后端返回给前端的数据。例如，数据库实体类中可能有许</div>
</li>
<li><a href="/article/62.htm"
title="关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题" target="_blank">关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题</a>
<span class="text-muted">何必如此</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/%E8%B6%85%E9%93%BE%E6%8E%A5/1.htm">超链接</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E4%BB%B6%E4%B8%8B%E8%BD%BD/1.htm">文件下载</a><a class="tag" taget="_blank" href="/search/%E7%AA%97%E5%8F%A3/1.htm">窗口</a>
<div>生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc</div>
</li>
<li><a href="/article/189.htm"
title="【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析" target="_blank">【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/cluster/1.htm">cluster</a>
<div>在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识：
首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste</div>
</li>
<li><a href="/article/316.htm"
title="linux上独立安装部署spark" target="_blank">linux上独立安装部署spark</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85/1.htm">安装</a><a class="tag" taget="_blank" href="/search/spark/1.htm">spark</a><a class="tag" taget="_blank" href="/search/1.4/1.htm">1.4</a><a class="tag" taget="_blank" href="/search/%E9%83%A8%E7%BD%B2/1.htm">部署</a>
<div>下面讲一下linux上安装spark，以 Standalone Mode 安装
1）首先安装JDK
下载JDK：jdk-7u79-linux-x64.tar.gz ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz
然后配置 ~/.bashrc&nb</div>
</li>
<li><a href="/article/443.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/%E5%AD%97%E8%8A%82%E7%A0%81/1.htm">字节码</a><a class="tag" taget="_blank" href="/search/javap/1.htm">javap</a>
<div>
一： Java 字节代码的组织形式
类文件 {
OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组
}
&nbs</div>
</li>
<li><a href="/article/570.htm"
title="java各种小工具代码" target="_blank">java各种小工具代码</a>
<span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>1.数组转换成List
import java.util.Arrays;
Arrays.asList(Object[] obj); 2.判断一个String型是否有值
import org.springframework.util.StringUtils;
if (StringUtils.hasText(str)) 3.判断一个List是否有值
import org.spring</div>
</li>
<li><a href="/article/697.htm"
title="加快FineReport报表设计的几个心得体会" target="_blank">加快FineReport报表设计的几个心得体会</a>
<span class="text-muted">老A不折腾</span>
<a class="tag" taget="_blank" href="/search/finereport/1.htm">finereport</a>
<div>一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！
二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。
</div>
</li>
<li><a href="/article/824.htm"
title="mysql linux启动与停止" target="_blank">mysql linux启动与停止</a>
<span class="text-muted">墙头上一根草</span>
<div>如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin</div>
</li>
<li><a href="/article/951.htm"
title="Spring中事务管理浅谈" target="_blank">Spring中事务管理浅谈</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1%E7%AE%A1%E7%90%86/1.htm">事务管理</a>
<div>
Spring中事务管理浅谈
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理
拿一个XML举例
[html]
view plain
copy
print
?
<?xml version="1.0" encoding="UTF-8"?>&nb</div>
</li>
<li><a href="/article/1078.htm"
title="php中隐形字符65279（utf-8的BOM头）问题" target="_blank">php中隐形字符65279（utf-8的BOM头）问题</a>
<span class="text-muted">alxw4616</span>
<div>php中隐形字符65279（utf-8的BOM头）问题
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.
调试:
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题.
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.
</div>
</li>
<li><a href="/article/1205.htm"
title="调用对象是否需要传递对象(初学者一定要注意这个问题)" target="_blank">调用对象是否需要传递对象(初学者一定要注意这个问题)</a>
<span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/%E5%AF%B9%E8%B1%A1%E7%9A%84%E4%BC%A0%E9%80%92%E4%B8%8E%E8%B0%83%E7%94%A8%E6%8A%80%E5%B7%A7/1.htm">对象的传递与调用技巧</a>
<div>
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)
类和对象的基础概念:
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接</div>
</li>
<li><a href="/article/1332.htm"
title="JDK1.5 AtomicLong实例" target="_blank">JDK1.5 AtomicLong实例</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/java%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">java多线程</a><a class="tag" taget="_blank" href="/search/AtomicLong/1.htm">AtomicLong</a>
<div>JDK1.5 AtomicLong实例
类 AtomicLong
可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。
</div>
</li>
<li><a href="/article/1459.htm"
title="自定义的RPC的Java实现" target="_blank">自定义的RPC的Java实现</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/rpc/1.htm">rpc</a>
<div> 网上看到纯java实现的RPC，很不错。
RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何</div>
</li>
<li><a href="/article/1586.htm"
title="【RPC框架Hessian一】Hessian RPC Hello World" target="_blank">【RPC框架Hessian一】Hessian RPC Hello World</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/Hello+world/1.htm">Hello world</a>
<div>什么是Hessian
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p</div>
</li>
<li><a href="/article/1713.htm"
title="【Spark九十五】Spark Shell操作Spark SQL" target="_blank">【Spark九十五】Spark Shell操作Spark SQL</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/shell/1.htm">shell</a>
<div>在Spark Shell上，通过创建HiveContext可以直接进行Hive操作
1. 操作Hive中已存在的表
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom</div>
</li>
<li><a href="/article/1840.htm"
title="F5 往header加入客户端的ip" target="_blank">F5 往header加入客户端的ip</a>
<span class="text-muted">ronin47</span>
<div>when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo</div>
</li>
<li><a href="/article/1967.htm"
title="java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5," target="_blank">java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>思路来自：
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/
写了个java版的
public class GreatestLeftRightDiff {
/**
* Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。
* 求所有数对之差的最大值。例如在数组</div>
</li>
<li><a href="/article/2094.htm"
title="mongoDB 索引" target="_blank">mongoDB 索引</a>
<span class="text-muted">开窍的石头</span>
<a class="tag" taget="_blank" href="/search/mongoDB%E7%B4%A2%E5%BC%95/1.htm">mongoDB索引</a>
<div>在这一节中我们讲讲在mongo中如何创建索引
得到当前查询的索引信息
db.user.find(_id:12).explain();
cursor: basicCoursor 指的是没有索引
&</div>
</li>
<li><a href="/article/2221.htm"
title="[硬件和系统]迎峰度夏" target="_blank">[硬件和系统]迎峰度夏</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E7%B3%BB%E7%BB%9F/1.htm">系统</a>
<div> 从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内
所以，从现在开始准备渡过炎热的夏天。。。。
每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系)
坐的，躺的地方要有凉垫，床上要有凉席
电脑的机箱</div>
</li>
<li><a href="/article/2348.htm"
title="基于ThinkPHP开发的公司官网" target="_blank">基于ThinkPHP开发的公司官网</a>
<span class="text-muted">cuiyadll</span>
<a class="tag" taget="_blank" href="/search/%E8%A1%8C%E4%B8%9A%E7%B3%BB%E7%BB%9F/1.htm">行业系统</a>
<div>后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统
轻量级企业网站管理系统
运行环境:PHP5.3+, MySQL5.0
系统预览
系统下载：http://www.tecmz.com
预览地址：http://co.tecmz.com
各种设备自适应
响应式的网站设计能够对用户产生友好度，并且对于</div>
</li>
<li><a href="/article/2475.htm"
title="Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)" target="_blank">Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)</a>
<span class="text-muted">darrenzhu</span>
<a class="tag" taget="_blank" href="/search/jms/1.htm">jms</a><a class="tag" taget="_blank" href="/search/%E4%BA%8B%E5%8A%A1/1.htm">事务</a><a class="tag" taget="_blank" href="/search/%E6%89%BF%E8%AE%A4/1.htm">承认</a><a class="tag" taget="_blank" href="/search/MQ/1.htm">MQ</a><a class="tag" taget="_blank" href="/search/acknowledge/1.htm">acknowledge</a>
<div>JMS Message Delivery Reliability and Acknowledgement Patterns
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/
Transaction and redelivery in </div>
</li>
<li><a href="/article/2602.htm"
title="Centos添加硬盘完全教程" target="_blank">Centos添加硬盘完全教程</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a><a class="tag" taget="_blank" href="/search/hardware/1.htm">hardware</a>
<div>Linux的硬盘识别:
sda 表示第1块SCSI硬盘
hda 表示第1块IDE硬盘
scd0 表示第1个USB光驱
一般使用“fdisk -l”命</div>
</li>
<li><a href="/article/2729.htm"
title="yii2 restful web服务路由" target="_blank">yii2 restful web服务路由</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/yii2/1.htm">yii2</a>
<div>路由
随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。
在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示</div>
</li>
<li><a href="/article/2856.htm"
title="MongoDB查询(4)——游标和分页[八]" target="_blank">MongoDB查询(4)——游标和分页[八]</a>
<span class="text-muted">eksliang</span>
<a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%B8%B8%E6%A0%87/1.htm">MongoDB游标</a><a class="tag" taget="_blank" href="/search/MongoDB%E6%B7%B1%E5%88%86%E9%A1%B5/1.htm">MongoDB深分页</a>
<div>转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标
数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示：
> var </div>
</li>
<li><a href="/article/2983.htm"
title="Activity的四种启动模式和onNewIntent()" target="_blank">Activity的四种启动模式和onNewIntent()</a>
<span class="text-muted">gundumw100</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a>
<div>Android中Activity启动模式详解
在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。
Android总Activity的启动模式分为四种：
Activity启动模式设置：
<acti</div>
</li>
<li><a href="/article/3110.htm"
title="攻城狮送女友的CSS3生日蛋糕" target="_blank">攻城狮送女友的CSS3生日蛋糕</a>
<span class="text-muted">ini</span>
<a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
<div>在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<</div>
</li>
<li><a href="/article/3237.htm"
title="读源码学Servlet（1）GenericServlet 源码分析" target="_blank">读源码学Servlet（1）GenericServlet 源码分析</a>
<span class="text-muted">jzinfo</span>
<a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8/1.htm">网络应用</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E5%8D%8F%E8%AE%AE/1.htm">网络协议</a>
<div>Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。
先看javax.servlet.servlet接口源码：
package </div>
</li>
<li><a href="/article/3364.htm"
title="JAVA进阶：VO(DTO)与PO(DAO)之间的转换" target="_blank">JAVA进阶：VO(DTO)与PO(DAO)之间的转换</a>
<span class="text-muted">snoopy7713</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/VO/1.htm">VO</a><a class="tag" taget="_blank" href="/search/Hibernate/1.htm">Hibernate</a><a class="tag" taget="_blank" href="/search/po/1.htm">po</a>
<div>
PO即 Persistence Object VO即 Value Object
VO和PO的主要区别在于： VO是独立的Java Object。 PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。
实际上，这个VO被用作Data Transfer </div>
</li>
<li><a href="/article/3491.htm"
title="mongodb group by date 聚合查询日期 统计每天数据（信息量）" target="_blank">mongodb group by date 聚合查询日期 统计每天数据（信息量）</a>
<span class="text-muted">qiaolevip</span>
<a class="tag" taget="_blank" href="/search/%E6%AF%8F%E5%A4%A9%E8%BF%9B%E6%AD%A5%E4%B8%80%E7%82%B9%E7%82%B9/1.htm">每天进步一点点</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%B0%B8%E6%97%A0%E6%AD%A2%E5%A2%83/1.htm">学习永无止境</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E7%BA%B5%E8%A7%82%E5%8D%83%E8%B1%A1/1.htm">纵观千象</a>
<div>/* 1 */
{
"_id" : ObjectId("557ac1e2153c43c320393d9d"),
"msgType" : "text",
"sendTime" : ISODate("2015-06-12T11:26:26.000Z")</div>
</li>
<li><a href="/article/3618.htm"
title="java之18天 常用的类(一)" target="_blank">java之18天 常用的类(一)</a>
<span class="text-muted">Luob.</span>
<a class="tag" taget="_blank" href="/search/Math/1.htm">Math</a><a class="tag" taget="_blank" href="/search/Date/1.htm">Date</a><a class="tag" taget="_blank" href="/search/System/1.htm">System</a><a class="tag" taget="_blank" href="/search/Runtime/1.htm">Runtime</a><a class="tag" taget="_blank" href="/search/Rundom/1.htm">Rundom</a>
<div>System类
import java.util.Properties;
/**
* System:
* out:标准输出,默认是控制台
* in:标准输入,默认是键盘
*
* 描述系统的一些信息
* 获取系统的属性信息:Properties getProperties();
*
*
*
*/
public class Sy</div>
</li>
<li><a href="/article/3745.htm"
title="maven" target="_blank">maven</a>
<span class="text-muted">wuai</span>
<a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>1、安装maven：解压缩、添加M2_HOME、添加环境变量path
2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹
3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹
4、进入mvn_ch01
4.1、mvn compile ,执行后会在</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>