HTML5 基本知识

  • HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
  • HTML5 中的新特性应该是基于 HTML、CSS、DOM 以及 JavaScript 开发的,减少了对外部插件的需求(比如 Flash),有更优秀的错误处理,更多取代脚本的标记,HTML5 应该独立于设备。
  • HTML5 中的一些新特性:
    • 用于绘画的 canvas 元素
    • 用于媒介回放的 video 和 audio 元素
    • 对本地离线存储的更好的支持
    • 新的特殊内容元素,比如 article、footer、header、nav、section
    • 新的表单控件,比如 calendar、date、time、email、url、search

HTML5 新特性

html5 新增语义和结构标签

  • 表示点击链接来下载对应文件,download 属性设置文件名。

新多媒体元素

Drag 和 drop 拖放

标签,画布

  • Canvas 通过 JavaScript 来绘制 2D 图形。
  • Canvas 是逐像素进行渲染的。
  • 在 canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。
  • 标签定义图形,比如图表和其他图像。
  • 标签只是图形容器,必须使用脚本来绘制图形。

< svg>标签

  • SVG 是一种使用 XML 描述 2D 图形的语言。
  • SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。可以为某个元素附加 JavaScript 事件处理器。
  • 在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。

Geolocation(地理定位)

getCurrentPosition() 方法 - 获取当前位置

客户端存储数据

  • html5新增
    • localStorage - 没有时间限制的数据存储,本地存储。
    • sessionStorage - 阶段性数据存储,当前浏览窗口关闭,数据自动删除。
    • 之前,这些都是由cookie 完成的。cookie 一般用来存储用户客户端信息,不适合大量数据的存储,大概只能存储4k。而且cookie在请求头部,信息会在服务器和客户端之间来回传输,降低整体的数据传输速度,除非用非域名请求。
  • 应用程序缓存(Application Cache)
    HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。
    • 应用程序缓存为应用带来三个优势:
      • 离线浏览 - 用户可在应用离线时使用它们
      • 速度 - 已缓存资源加载得更快
      • 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。

html5 表单

新的输入类型:

email:e-mail 地址的输入域。在提交表单时,会自动验证 email 域的值。
url:URL 地址的输入域。在提交表单时,会自动验证 url 域的值。
number:数值的输入域。还能设定对所接受的数字的限定。
range:一定范围内数字值的输入域。range 类型显示为滑动条。还能设定对所接受的数字的限定。
Date pickers (日期选择器):HTML5中可供选取日期和时间的新输入类型:date, month, week, time, datetime, datetime-local
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间(小时和分钟)
datetime - 选取时间、日、月、年(UTC 时间)
datetime-local - 选取时间、日、月、年(本地时间)
search:search 类型用于搜索域,比如站点搜索或 Google 搜索。search 域显示为常规的文本域。
color:用在input字段,主要用于选取颜色。比如从拾色器中选择一个颜色。

新的表单元素:

datalist:datalist 元素规定输入域的选项列表。 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域,请用输入域的 list 属性引用 datalist 的 id。option 元素永远都要设置 value 属性。
keygen:用于表单的密钥对生成器字段。keygen 元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个公钥。私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。
output:output 元素用于不同类型的输出,比如计算或脚本输出。

新的表单属性

新的 form 属性:

autocomplete:autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。autocomplete 适用于

标签,以及以下类型的 标签:text, search, url, telephone, email, password, datepickers, range 以及 color。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项。
novalidate:novalidate 属性规定在提交表单时不应该验证 form 或 input 域。novalidate 属性适用于 以及以下类型的 标签:text, search, url, telephone, email, password, date pickers, range 以及 color。
* 新的 input 属性:
autocomplete
autofocus:autofocus 属性规定在页面加载时,域自动地获得焦点。autofocus 属性适用于所有 标签的类型。
form:form 属性规定输入域所属的一个或多个表单。form 属性适用于所有 标签的类型。form 属性必须引用所属表单的 id。如需引用一个以上的表单,使用空格分隔的列表。
form overrides :表单重写属性(form override attributes)允许您重写 form 元素的某些属性设定。表单重写属性有:(表单重写属性适用于以下类型的 标签:submit 和 image。)
formaction - 重写表单的 action 属性
formenctype - 重写表单的 enctype 属性
formmethod - 重写表单的 method 属性
formnovalidate - 重写表单的 novalidate 属性
formtarget - 重写表单的 target 属性
heightwidth:height 和 width 属性规定用于 image 类型的 input 标签的图像高度和宽度。height 和 width 属性只适用于 image 类型的 标签。
list:list 属性规定输入域的 datalist。datalist 是输入域的选项列表。list 属性适用于以下类型的 标签:text, search, url, telephone, email, date pickers, number, range 以及 color。
min, maxstep:min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。max 属性规定输入域所允许的最大值。min 属性规定输入域所允许的最小值。step 属性为输入域规定合法的数字间隔(如果 step="3",则合法的数是 -3,0,3,6 等)。min、max 和 step 属性适用于以下类型的 标签:date pickers、number 以及 range。
multiple:multiple 属性规定输入域中可选择多个值。multiple 属性适用于以下类型的 标签:email 和 file。
pattern (regexp):pattern 属性规定用于验证 input 域的模式(pattern)。模式(pattern) 是正则表达式。pattern 属性适用于以下类型的 标签:text, search, url, telephone, email 以及 password。
placeholder:placeholder 属性提供一种提示(hint),描述输入域所期待的值。placeholder 属性适用于以下类型的 标签:text, search, url, telephone, email 以及 password。提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失。
required:required 属性规定必须在提交之前填写输入域(不能为空)。required 属性适用于以下类型的 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。

已移除的元素

以下的 HTML 4.01 元素在HTML5中已经被删除:









</code><br> <code><strike></code><br> <code><tt></code><br> 参考:<br> http://www.w3school.com.cn<br> https://www.imooc.com<br> https://www.runoob.com</p> </article> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1642816231595630592"></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">你可能感兴趣的:(HTML5 基本知识)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1950184804079169536.htm" title="思维导图中的3A" target="_blank">思维导图中的3A</a> <span class="text-muted">画画的小常</span> <div>图片发自App在学习思维导图3A之前,我们先来看看东方古国传统教书过程。分三步:听话,合作,变化。听话,学生摹仿老师,在这个过程中除非必需问题需要老师澄清解释,其他所有的都要求先行记忆。合作,这一阶段大多已经掌握基本知识点,允许学生提出问题,老师引导学生采用合适的方法,让学生亲自动手,解决问题。变化,经历了前面2个阶段,知识已经彻底掌握,此阶段要充分发挥洞察力和生发出新的思想以回馈老师。较之传统教</div> </li> <li><a href="/article/1950104727928762368.htm" title="震惊!DOM变化监控神器MutationObserver,前端开发必知的隐藏武器!" target="_blank">震惊!DOM变化监控神器MutationObserver,前端开发必知的隐藏武器!</a> <span class="text-muted">coding随想</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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一、什么是MutationObserver?如果你是一个前端开发者,一定会遇到这样的场景:页面动态加载内容后,某些操作失效了。比如,你写了一个监听按钮点击的代码,但按钮是通过AJAX动态加载的,你的代码根本无法触发。这个时候,你就需要一个“监控哨兵”——MutationObserver,它能实时监听DOM树的变化,帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入</div> </li> <li><a href="/article/1950100184717389824.htm" title="11. HTML 中 DOCTYPE 的作用" target="_blank">11. HTML 中 DOCTYPE 的作用</a> <span class="text-muted">yqcoder</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容(在任何HTML标签之前),以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式:DOCTYPE声明的主要作用是让浏览器以标准模式(StandardsMode)来解析和渲染页面,而不是以兼容模式(QuirksMode)。兼容性:在没有DOCT</div> </li> <li><a href="/article/1949895918400630784.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/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section),多媒体支持video,audio,Canvas绘图div上下居中对齐的几种方式第一种:flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种</div> </li> <li><a href="/article/1949881038545154048.htm" title="STM32Cube HAL库——串口通讯(蓝牙)" target="_blank">STM32Cube HAL库——串口通讯(蓝牙)</a> <span class="text-muted">北辰远_code</span> <a class="tag" taget="_blank" href="/search/STM32Cube/1.htm">STM32Cube</a><a class="tag" taget="_blank" href="/search/HAL%E5%BA%93/1.htm">HAL库</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E6%95%99%E7%A8%8B/1.htm">学习教程</a><a class="tag" taget="_blank" href="/search/stm32/1.htm">stm32</a><a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E7%A1%AC%E4%BB%B6/1.htm">嵌入式硬件</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E7%89%87%E6%9C%BA/1.htm">单片机</a> <div>STM32CubeHAL库——串口通讯(蓝牙)这篇文章是为了接下来将要进行的项目做一个铺垫,串口通讯可以实时查看参数,让我们在项目中事半功倍。一、串口通讯基本知识串口通讯基本知识网上资料非常多,小编不再过多赘述,详细请查看STM32通信基本知识串口通信(USART)。二、STM32CubeMX配置****本例中依旧使用单片机STM32F405,蓝牙传输使用逐飞蓝牙透传模块。由于在很多STM32项目</div> </li> <li><a href="/article/1949862622660718592.htm" title="Freertos学习笔记(一)-----FreeRTOS基本知识" target="_blank">Freertos学习笔记(一)-----FreeRTOS基本知识</a> <span class="text-muted">努力搬砖的扁鱼</span> <a class="tag" taget="_blank" href="/search/%E5%B5%8C%E5%85%A5%E5%BC%8F%E5%BC%80%E5%8F%91/1.htm">嵌入式开发</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>RTOS“realtime”(实时)指的是系统对外部事件能够在规定的、可预测的时间内作出响应。具体含义如下:确定性(Determinism):FreeRTOS强调事件响应的可预测性。无论系统有多少任务,关键操作(比如任务切换、中断处理)都能在已知的最坏情况下完成。这意味着开发者可以预估任务的最大响应延迟。任务优先级与抢占:FreeRTOS支持任务优先级和抢占调度。高优先级任务可以在更低优先级任务运</div> </li> <li><a href="/article/1949694170553708544.htm" title="html5效果案例,10个优秀HTML5网站案例赏析" target="_blank">html5效果案例,10个优秀HTML5网站案例赏析</a> <span class="text-muted"></span> <div>随着Adobe的弃Flash转投HTML5,HTML5又开始吸引着大众的目光。与现在使用的HTML标记语言相比,HTML5有更多的标签和属性,使用更为灵活,功能更为强大。现在已经有很多前沿的HTML5网站开始使用HTML5,本文收集整理出了10个非常优秀的HTML5网站。那么,什么才是优秀的HTML5网站?因为HTML5还没有成为国际标准,旧的浏览器还无法支持HTML5,所以优秀的HTML5网站示</div> </li> <li><a href="/article/1949681688023986176.htm" title="HTML5" target="_blank">HTML5</a> <span class="text-muted">Darling02zjh</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML:和其他的语言一样也有基础的框架和快捷键。命名规则:后缀名是“.html”每个项目最上面都有是H5的声明,处于标签之前骨架:html标签:定义HTML文档,这个元素我们浏览器看到后就明白这是个HTML文档了,所以你的其他元素要包裹在这个标签里面,标签限定了文档的开始点和结束点。...其他元素head标签:head标签用于文档的头部,文档的头部描述文档的各种属性和信息,包括文档的标题,在we</div> </li> <li><a href="/article/1949650632512172032.htm" title="HTML5+JavaScript动画基础 完整版 中文pdf扫描版" target="_blank">HTML5+JavaScript动画基础 完整版 中文pdf扫描版</a> <span class="text-muted">不一样的女孩6</span> <div>《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分,分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互:移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学:让事物行走、反向运动学:拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维</div> </li> <li><a href="/article/1949573392332025856.htm" title="HTML5元素相关补充" target="_blank">HTML5元素相关补充</a> <span class="text-muted">QZ_orz_freedom</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>一.元素是HTML5的文档类型声明,它告诉浏览器当前页面是使用HTML5规范编写的,HTML5是最新的HTML版本,拥有更多的功能和优化,因此推荐在新的Web页面中使用它。在HTML文档中,声明通常是文档的第一行文档元数据元素描述指定用于一个文档中包含的所有相对URL的根URL。一份中只能有一个该元素。包含文档相关的配置信息(元数据),包括文档的标题、脚本和样式表等。指定当前文档与外部资源的关系。</div> </li> <li><a href="/article/1949558142270500864.htm" title="HTML5:中如何触发按钮点击事件" target="_blank">HTML5:中如何触发按钮点击事件</a> <span class="text-muted">Dy大叔</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95/1.htm">前端开发记录</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>在HTML5中,可以通过多种方式触发按钮点击事件,包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮,根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中,可以使用JavaScript的addEventListener方法为按钮添加点击事件,需要在HTML文件中创建一个按钮元素,并为其设置一个唯一的ID,在Ja</div> </li> <li><a href="/article/1949525230741417984.htm" title="HTML5 新特性:MutationObserver 详解" target="_blank">HTML5 新特性:MutationObserver 详解</a> <span class="text-muted">索西引擎</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI,它用于异步观察DOM树的变化。在MutationObserver出现之前,开发者若要监测DOM变化,常采用轮询(如使用setInterval不断检查DOM状态)或依赖DOM事件(如DOMNodeInserted、DOMNodeRemoved等)的方式。但轮询效率低下,频繁检查会消耗大量资源;而旧的</div> </li> <li><a href="/article/1949425111731859456.htm" title="【高中数学之函数】四种幂函数图线(二次、三次、开方、开立方)" target="_blank">【高中数学之函数】四种幂函数图线(二次、三次、开方、开立方)</a> <span class="text-muted">土门子拉马努金</span> <a class="tag" taget="_blank" href="/search/%E9%AB%98%E4%B8%AD%E6%95%B0%E5%AD%A6%E4%B9%8B%E5%87%BD%E6%95%B0/1.htm">高中数学之函数</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E4%B8%AD%E6%95%B0%E5%AD%A6/1.htm">高中数学</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a> <div>【图像】【代码】UNASSIGNED.centerlize{margin:0auto;border:0pxsolidred;width:1200px;height:600px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas,请更换浏览器再试.retval.max){retval.max=y;retval.max_x=cds[i].x;}if(yarr.length){index=in</div> </li> <li><a href="/article/1949409233497812992.htm" title="python+springboot+vue的国潮男装微博评论数据分析系统" target="_blank">python+springboot+vue的国潮男装微博评论数据分析系统</a> <span class="text-muted"></span> <div>目录技术栈介绍具体实现截图系统设计研究方法:设计步骤设计流程核心代码部分展示研究方法详细视频演示试验方案论文大纲源码获取/详细视频演示技术栈介绍Django-SpringBoot-php-Node.js-flask本课题的研究方法和研究步骤基本合理,难度适中,本选题是学生所学专业知识的延续,符合学生专业发展方向,对于提高学生的基本知识和技能以及钻研能力有益。该学生能够在预定时间内完成该课题的设计。</div> </li> <li><a href="/article/1949392119684722688.htm" title="给教师的建议第62条有感" target="_blank">给教师的建议第62条有感</a> <span class="text-muted">66山东杨洪枚</span> <div>今天《建议》的第62条是关于学生思考的问题,苏老告诉我们作为一名合格的教师,要教会学生思考,让学生生活在思考的世界里。我们在平时的教学过程中,无论课堂还是课下都要启发学生学会思考,课堂上对于一些问题,不要急于抛出答案,要给学生充分的时间思考,把课堂还给学生,让学生自己总结分析,最后老师只是对学生的想法给予指导评价,整节课下来学生会收获很多,这相对于以前的课堂,基本知识点都是教师给总结,学生只管记住</div> </li> <li><a href="/article/1949333960383328256.htm" title="【QT进阶】Qt http编程之websocket的简单介绍" target="_blank">【QT进阶】Qt http编程之websocket的简单介绍</a> <span class="text-muted">不吃~香菜</span> <a class="tag" taget="_blank" href="/search/QT%E8%BF%9B%E9%98%B6/1.htm">QT进阶</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a> <div>往期回顾【QT进阶】Qthttp编程之用户登录注册功能实现-CSDN博客【QT进阶】Qthttp编程之json解析的简单介绍-CSDN博客【QT进阶】Qthttp编程之nlohmannjson库使用的简单介绍-CSDN博客【QT进阶】Qthttp编程之websocket的简单介绍一、什么是websocket1、简介websocket是HTML5中新增的一个协议,这个协议的出现,让客户端和服务器之前</div> </li> <li><a href="/article/1949251496080109568.htm" title="【HTML】<script>元素中的 defer 和 async 属性详解" target="_blank">【HTML】<script>元素中的 defer 和 async 属性详解</a> <span class="text-muted"></span> <div>文章目录元素中的defer和async属性详解基本概念传统脚本加载defer属性async属性对比表格使用场景建议注意事项示例在HTML5中,元素有两个控制脚本加载和执行行为的属性:defer和async。这两个属性可以帮助开发者优化页面加载性能,特别是在处理外部脚本时。基本概念传统脚本加载没有使用任何属性的元素会阻塞HTML解析:浏览器遇到这个脚本时会暂停HTML解析下载并执行脚本执行完成后才继</div> </li> <li><a href="/article/1949181375550648320.htm" title="像素风格超级玛丽HTML游戏" target="_blank">像素风格超级玛丽HTML游戏</a> <span class="text-muted"></span> <div>像素风格超级玛丽HTML游戏创建一个像素风格的HTML5小游戏,模仿超级玛丽的经典玩法。游戏包含移动、跳跃、收集金币、躲避敌人和到达终点等核心机制。设计思路使用纯HTML5Canvas实现游戏渲染像素风格美术设计(16x16像素元素)实现物理引擎(重力、碰撞检测)键盘控制移动和跳跃添加经典超级玛丽元素(砖块、水管、蘑菇敌人)下面是完整的实现代码:像素超级玛丽*{margin:0;padding:0</div> </li> <li><a href="/article/1949181376288845824.htm" title="像素风格坦克大战游戏" target="_blank">像素风格坦克大战游戏</a> <span class="text-muted">代码改变世界10086</span> <a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%83%8F%E7%B4%A0%E6%B8%B8%E6%88%8F/1.htm">像素游戏</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</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>像素风格坦克大战游戏下面我将实现一个基于HTML5Canvas的像素风格坦克大战游戏,玩法类似经典的FC坦克大战。设计思路使用像素风格渲染游戏元素玩家控制坦克移动和射击敌方AI坦克自动移动和攻击可破坏的砖墙和不可破坏的钢墙基地保护机制计分系统和生命值显示实现代码像素坦克大战*{margin:0;padding:0;box-sizing:border-box;font-family:'PressSt</div> </li> <li><a href="/article/1949085415449358336.htm" title="canvas使用" target="_blank">canvas使用</a> <span class="text-muted">CDwenhuohuo</span> <a class="tag" taget="_blank" href="/search/canva%E5%8F%AF%E7%94%BB/1.htm">canva可画</a> <div>是HTML5引入的一个新标签,它首次出现在2004年的Safari浏览器中,由Apple提出,并在后来的HTML5标准中被正式采纳。IE8及以下❌不支持Canvas的基本用法-WebAPI|MDNvue3import{onMounted}from'vue';onMounted(()=>{constcanvas=document.getElementById('myCanvas');constctx</div> </li> <li><a href="/article/1949025272867123200.htm" title="SQL基础⑯ | MySQL8新特性篇" target="_blank">SQL基础⑯ | MySQL8新特性篇</a> <span class="text-muted"></span> <div>0序言本文介绍MySQL8的主要新特性及移除的旧特性,详解核心功能的定义、用法与示例。算是作为SQL基础篇的最后一篇补充。本文的内容可作为一个内容补充,基本知识在前15篇中都覆盖到了,这次只是介绍MySQL8的一些新特性。如果不是很深入,只是日常普通运用的话,5.7版本基本上也够用。1MySQL8新特性概述MySQL8在功能上有显著改进,重构了源代码,优化了优化器,提升了性能与用户体验,同时移除了</div> </li> <li><a href="/article/1948986571701153792.htm" title="通过Deepseek找工作" target="_blank">通过Deepseek找工作</a> <span class="text-muted">速易达网络</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>推送的结果如下,对应的AI提示词在底部:计算机方向远程工作职位汇总整合全球远程技术岗位|支持全地域远程办公|涵盖开发、安全、云计算等方向覆盖方向:8+个技术领域薪资范围:¥10K-¥40K/月工作模式:100%远程远程技术职位列表职位名称技能要求经验要求薪资待遇工作模式WordPress开发工程师PHP,HTML5/CSS3,WordPress二次开发,SEO优化3年+1.4-1.6万/月全球远程</div> </li> <li><a href="/article/1948920632704036864.htm" title="HTML制作一个介绍自己家乡的网站——贵州贵阳,排版整洁,内容丰富,主题鲜明" target="_blank">HTML制作一个介绍自己家乡的网站——贵州贵阳,排版整洁,内容丰富,主题鲜明</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/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>一、‍网站题目旅游,当地特色,历史文化,特色小吃等网站的设计与制作。二、✍️网站描述‍静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等,用的最多的还是DW,当然不同软件写出的前端Html5代码都是一致的,本网页适合修改成为各种类型的产品展示网页,</div> </li> <li><a href="/article/1948891766690213888.htm" title="HTML5和SVG篝火动画实战:月亮下的野营炊烟效果" target="_blank">HTML5和SVG篝火动画实战:月亮下的野营炊烟效果</a> <span class="text-muted">申增浩</span> <div>本文还有配套的精品资源,点击获取简介:HTML5是网页标记语言的最新标准,支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画,通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化,实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用,为开发者提供了一个学习Web前端开发的实践案例。1.HTML</div> </li> <li><a href="/article/1948812853125378048.htm" title="技术大牛谈HTML 5设计原理" target="_blank">技术大牛谈HTML 5设计原理</a> <span class="text-muted">Bluestar</span> <a class="tag" taget="_blank" href="/search/Web%E5%BC%80%E5%8F%91/1.htm">Web开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xhtml/1.htm">xhtml</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%A1%A3/1.htm">文档</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a> <div>本篇文章是JeremyKeith在Fronteers2010上的主题演讲,主要跟大家谈谈HTML5的设计。主要分两个方面,一方面就是HTML5;另一方面就是80/20。JeremyKeith在Fronteers2010上的主题演讲下载PPT(PDF)http://adactio.com/extras/slides/designofhtml5.pdf观看视频http://fronteers.nl/c</div> </li> <li><a href="/article/1948705688083558400.htm" title="html结构解析" target="_blank">html结构解析</a> <span class="text-muted">ca_rry</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>:声明为HTML5文档:根元素,指定页面语言为中文:设置字符编码,确保中文正常显示:实现响应式设计,使页面在移动设备上正确显示:设置浏览器标签页标题:内嵌CSS样式,用于定义页面元素的显示效果:页面主容器,用于统一管理页面内容的布局:页面主标题,应用了自定义标题样式:示例图片,添加了悬停缩放效果:表单容器,包含输入框、下拉选择器和提交按钮:特性列表,使用自定义列表样式</div> </li> <li><a href="/article/1948621358934061056.htm" title="Django 数据库迁移:makemigrations 和 migrate 命令详解及常见问题解决" target="_blank">Django 数据库迁移:makemigrations 和 migrate 命令详解及常见问题解决</a> <span class="text-muted">码农研究僧</span> <a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/Bug/1.htm">Bug</a><a class="tag" taget="_blank" href="/search/%E8%BF%81%E7%A7%BB/1.htm">迁移</a> <div>目录1.问题所示2.pythonmanage.pymakemigrations3.pythonmanage.pymigrate4.拓展1.问题所示最初始的状态是遇到这个问题由于刚开始跑pythonweb项目,开源项目附带的Readme,个别命令不太懂,对此详细研究其基本知识最终的解决方案如下:清理迁移文件:删除迁移目录中的.pyc文件和pycache目录,然后重新运行makemigrations检</div> </li> <li><a href="/article/1948336800086945792.htm" title="JS执行机制" target="_blank">JS执行机制</a> <span class="text-muted">1024k纯金</span> <div>首先我们来看几个问题:1.JS是单线程的么?2.JS有异步么?3.JS单线程怎么实现的的异步1.JS是单线程的么?这个问题毫无悬念,肯定是单线程的。js刚开始就是作为浏览器脚本语言推出的,试想如果是多线程:那么一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?这样就复杂化了,HTML5提出WebWorker标准,允许JavaScript脚本创建多个线程,但</div> </li> <li><a href="/article/1948321293552119808.htm" title="作业" target="_blank">作业</a> <span class="text-muted">yd_d4db</span> <div>1.技能会打篮球,有一定的篮球知识有较强的理性思维,能辩证得看待社会事件对人际交往方面有一定的见解。2.优点身体素质较好,精力充沛。能深入思考问题,抓住核心。待人友善,有礼貌。有幽默感,乐观。3.最爱做又不觉得累的事看小说和文学杂志篮球训练写文章4.雇佣理由有上进心,愿意并善于学习能提出自己独特的见解有文采,能写文章我觉得自己的写作定位有篮球基本知识,训练的心得诀窍。时评。待人接物的窍门,方法。自</div> </li> <li><a href="/article/1948224750979444736.htm" title="网页视频进度条禁止拖动----解决" target="_blank">网页视频进度条禁止拖动----解决</a> <span class="text-muted"></span> <div>点击键盘F12键,进入开发者模式发现标志,html5播放器,属于原生支持最方便实现加速的在开发者模式中找到Console调式窗口,输入以下代码可以设置视频播放速度/*playvideotwiceasfast*/document.querySelector('video').defaultPlaybackRate=1.0;//默认一倍速播放document.querySelector('video'</div> </li> <li><a href="/article/88.htm" title="ztree设置禁用节点" target="_blank">ztree设置禁用节点</a> <span class="text-muted">3213213333332132</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/ztree/1.htm">ztree</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/setDisabledNode/1.htm">setDisabledNode</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a> <div>ztree设置禁用节点的时候注意,当使用ajax后台请求数据,必须要设置为同步获取数据,否者会获取不到节点对象,导致设置禁用没有效果。 $(function(){ showTree(); setDisabledNode(); }); </div> </li> <li><a href="/article/215.htm" title="JVM patch by Taobao" target="_blank">JVM patch by Taobao</a> <span class="text-muted">bookjovi</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/HotSpot/1.htm">HotSpot</a> <div>在网上无意中看到淘宝提交的hotspot patch,共四个,有意思,记录一下。 &nbsp; 7050685:jsdbproc64.sh has a typo in the package name 7058036:FieldsAllocationStyle=2 does not work in 32-bit VM 7060619:C1 should respect inline and</div> </li> <li><a href="/article/342.htm" title="将session存储到数据库中" target="_blank">将session存储到数据库中</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a> <div>CREATE TABLE sessions ( id CHAR(32) NOT NULL, data TEXT, last_accessed TIMESTAMP NOT NULL, PRIMARY KEY (id) ); &nbsp; &lt;?php /** * Created by PhpStorm. * User: michaeldu * Date</div> </li> <li><a href="/article/469.htm" title="Vector" target="_blank">Vector</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/vector/1.htm">vector</a> <div>public Vector&lt;CartProduct&gt; delCart(Vector&lt;CartProduct&gt; cart, String id) { for (int i = 0; i &lt; cart.size(); i++) { if (cart.get(i).getId().equals(id)) { cart.remove(i); </div> </li> <li><a href="/article/596.htm" title="各连接池配置参数比较" target="_blank">各连接池配置参数比较</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E6%B1%A0/1.htm">连接池</a> <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 排版真心费劲,大家凑合看下吧,见谅~ &nbsp; &nbsp; Druid DBCP C3P0 Proxool 数据库用户名称 Username Username User &nbsp; 数据库密码 Password Password Password &nbsp; 驱动名</div> </li> <li><a href="/article/723.htm" title="[简单]mybatis insert语句添加动态字段" target="_blank">[简单]mybatis insert语句添加动态字段</a> <span class="text-muted">53873039oycg</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mysql数据库,id自增,配置如下: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;insert id=&quot;saveTestTb&quot; useGeneratedKeys=&quot;true&quot; keyProperty=&quot;id&quot; parameterType=&</div> </li> <li><a href="/article/850.htm" title="struts2拦截器配置" target="_blank">struts2拦截器配置</a> <span class="text-muted">云端月影</span> <a class="tag" taget="_blank" href="/search/struts2%E6%8B%A6%E6%88%AA%E5%99%A8/1.htm">struts2拦截器</a> <div>struts2拦截器interceptor的三种配置方法 方法1. 普通配置法 &lt;struts&gt; &nbsp;&nbsp;&nbsp; &lt;package name=&quot;struts2&quot; extends=&quot;struts-default&quot;&gt; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &</div> </li> <li><a href="/article/977.htm" title="IE中页面不居中,火狐谷歌等正常" target="_blank">IE中页面不居中,火狐谷歌等正常</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/IE%E4%B8%AD%E9%A1%B5%E9%9D%A2%E4%B8%8D%E5%B1%85%E4%B8%AD/1.htm">IE中页面不居中</a> <div>问题是首页在火狐、谷歌、所有IE中正常显示,列表页的页面在火狐谷歌中正常,在IE6、7、8中都不中,觉得可能那个地方设置的让IE系列都不认识,仔细查看后发现,列表页中没写HTML模板部分没有添加DTD定义,就是&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3</div> </li> <li><a href="/article/1104.htm" title="String,int,Integer,char 几个类型常见转换" target="_blank">String,int,Integer,char 几个类型常见转换</a> <span class="text-muted">antonyup_2006</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a> <div>如何将字串 String 转换成整数 int? int i = Integer.valueOf(my_str).intValue(); int i=Integer.parseInt(str); 如何将字串 String 转换成Integer ? Integer integer=Integer.valueOf(str); 如何将整数 int 转换成字串 String ? 1.</div> </li> <li><a href="/article/1231.htm" title="PL/SQL的游标类型" target="_blank">PL/SQL的游标类型</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/%E6%98%BE%E7%A4%BA%E6%B8%B8%E6%A0%87%28%E9%9D%99%E6%80%81%E6%B8%B8%E6%A0%87%29/1.htm">显示游标(静态游标)</a><a class="tag" taget="_blank" href="/search/%E9%9A%90%E5%BC%8F%E6%B8%B8%E6%A0%87/1.htm">隐式游标</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%A0%87%E7%9A%84%E6%9B%B4%E6%96%B0%E5%92%8C%E5%88%A0%E9%99%A4/1.htm">游标的更新和删除</a><a class="tag" taget="_blank" href="/search/%25rowtype/1.htm">%rowtype</a><a class="tag" taget="_blank" href="/search/ref%E6%B8%B8%E6%A0%87%28%E5%8A%A8%E6%80%81%E6%B8%B8%E6%A0%87%29/1.htm">ref游标(动态游标)</a> <div>游标是oracle中的一个结果集,用于存放查询的结果; &nbsp; PL/SQL中游标的声明; 1,声明游标 2,打开游标(默认是关闭的); 3,提取数据 4,关闭游标 &nbsp; &nbsp; 注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标 &nbsp; 隐式游标:主要是对DML数据的操作隐</div> </li> <li><a href="/article/1358.htm" title="JUnit4中@AfterClass @BeforeClass @after @before的区别对比" target="_blank">JUnit4中@AfterClass @BeforeClass @after @before的区别对比</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/JUnit4/1.htm">JUnit4</a><a class="tag" taget="_blank" href="/search/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95/1.htm">单元测试</a> <div>一.基础知识 JUnit4使用Java5中的注解(annotation),以下是JUnit4常用的几个annotation: @Before:初始化方法&nbsp;&nbsp; 对于每一个测试方法都要执行一次(注意与BeforeClass区别,后者是对于所有方法执行一次)@After:释放资源&nbsp; 对于每一个测试方法都要执行一次(注意与AfterClass区别,后者是对于所有方法执行一次</div> </li> <li><a href="/article/1485.htm" title="精通Oracle10编程SQL(12)开发包" target="_blank">精通Oracle10编程SQL(12)开发包</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a> <div>/* *开发包 *包用于逻辑组合相关的PL/SQL类型(例如TABLE类型和RECORD类型)、PL/SQL项(例如游标和游标变量)和PL/SQL子程序(例如过程和函数) */ --包用于逻辑组合相关的PL/SQL类型、项和子程序,它由包规范和包体两部分组成 --建立包规范:包规范实际是包与应用程序之间的接口,它用于定义包的公用组件,包括常量、变量、游标、过程和函数等 --在包规</div> </li> <li><a href="/article/1612.htm" title="【EhCache二】ehcache.xml配置详解" target="_blank">【EhCache二】ehcache.xml配置详解</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/ehcache.xml/1.htm">ehcache.xml</a> <div>在ehcache官网上找了多次,终于找到ehcache.xml配置元素和属性的含义说明文档了,这个文档包含在ehcache.xml的注释中! ehcache.xml : http://ehcache.org/ehcache.xml ehcache.xsd : http://ehcache.org/ehcache.xsd ehcache配置文件的根元素是ehcahe &nbsp; ehcac</div> </li> <li><a href="/article/1739.htm" title="java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL" target="_blank">java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL</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/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>今天学习spring+cxf的时候遇到一个问题:在web.xml中配置了spring的上下文监听器: &lt;listener&gt; &lt;listener-class&gt;org.springframework.web.context.ContextLoaderListener&lt;/listener-class&gt; &lt;/listener&gt; &nbsp;随后启动</div> </li> <li><a href="/article/1866.htm" title="angular.element" target="_blank">angular.element</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a><a class="tag" taget="_blank" href="/search/angular.element/1.htm">angular.element</a> <div>angular.element 描述: &nbsp; &nbsp; 包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。(类似于jQuery的选择器啦) &nbsp; &nbsp; 如果jQuery被引入了,则angular.element就可以看作是jQuery选择器,选择的对象可以使用jQuery的函数;如果jQuery不可用,angular.e</div> </li> <li><a href="/article/1993.htm" title="java-给定两个已排序序列,找出共同的元素。" target="_blank">java-给定两个已排序序列,找出共同的元素。</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.List; public class CommonItemInTwoSortedArray { /** * 题目:给定两个已排序序列,找出共同的元素。 * 1.定义两个指针分别指向序列的开始。 * 如果指向的两个元素</div> </li> <li><a href="/article/2120.htm" title="sftp 异常,有遇到的吗?求解" target="_blank">sftp 异常,有遇到的吗?求解</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jcraft/1.htm">jcraft</a><a class="tag" taget="_blank" href="/search/auth/1.htm">auth</a><a class="tag" taget="_blank" href="/search/jsch/1.htm">jsch</a><a class="tag" taget="_blank" href="/search/jschexception/1.htm">jschexception</a> <div>com.jcraft.jsch.JSchException: Auth cancel at com.jcraft.jsch.Session.connect(Session.java:460) at com.jcraft.jsch.Session.connect(Session.java:154) at cn.vivame.util.ftp.SftpServerAccess.connec</div> </li> <li><a href="/article/2247.htm" title="[生物智能与人工智能]神经元中的电化学结构代表什么?" target="_blank">[生物智能与人工智能]神经元中的电化学结构代表什么?</a> <span class="text-muted">comsci</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>&nbsp;&nbsp;&nbsp;&nbsp; 我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着&quot;经验&quot;的角色.... &nbsp;&nbsp;&nbsp;&nbsp; 我们可以尝试一下...在某些神经</div> </li> <li><a href="/article/2374.htm" title="通过LAC和CID获取经纬度信息" target="_blank">通过LAC和CID获取经纬度信息</a> <span class="text-muted">dai_lm</span> <a class="tag" taget="_blank" href="/search/lac/1.htm">lac</a><a class="tag" taget="_blank" href="/search/cid/1.htm">cid</a> <div>方法1: 用浏览器打开http://www.minigps.net/cellsearch.html,然后输入lac和cid信息(mcc和mnc可以填0),如果数据正确就可以获得相应的经纬度 方法2: 发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&amp;lac=&lt;lac&gt;&amp;cid=&</div> </li> <li><a href="/article/2501.htm" title="JAVA的困难分析" target="_blank">JAVA的困难分析</a> <span class="text-muted">datamachine</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>前段时间转了一篇SQL的文章(http://datamachine.iteye.com/blog/1971896),文章不复杂,但思想深刻,就顺便思考了一下java的不足,当砖头丢出来,希望引点和田玉。 &nbsp; -----------------------------------------------------------------------------------------</div> </li> <li><a href="/article/2628.htm" title="小学5年级英语单词背诵第二课" target="_blank">小学5年级英语单词背诵第二课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>money 钱 paper 纸 speak 讲,说 tell 告诉 &nbsp; remember 记得,想起 knock 敲,击,打 question 问题 number 数字,号码 &nbsp; learn 学会,学习 street 街道 carry 搬运,携带 send 发送,邮寄,发射 &nbsp; must 必须 light 灯,光线,轻的 front </div> </li> <li><a href="/article/2755.htm" title="linux下面没有tree命令" target="_blank">linux下面没有tree命令</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>centos p安装 yum -y install tree &nbsp; mac os安装 brew install tree &nbsp; 首先来看tree的用法 tree 中文解释:tree 功能说明:以树状图列出目录的内容。 语  法:tree&nbsp;[-aACdDfFgilnNpqstux][-I&nbsp;&lt;范本样式&gt;][-P&nbsp;&lt;范本样式</div> </li> <li><a href="/article/2882.htm" title="Map迭代方式,Map迭代,Map循环" target="_blank">Map迭代方式,Map迭代,Map循环</a> <span class="text-muted">蕃薯耀</span> <a class="tag" taget="_blank" href="/search/Map%E5%BE%AA%E7%8E%AF/1.htm">Map循环</a><a class="tag" taget="_blank" href="/search/Map%E8%BF%AD%E4%BB%A3/1.htm">Map迭代</a><a class="tag" taget="_blank" href="/search/Map%E8%BF%AD%E4%BB%A3%E6%96%B9%E5%BC%8F/1.htm">Map迭代方式</a> <div>Map迭代方式,Map迭代,Map循环 &nbsp; &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; 蕃薯耀 2015年</div> </li> <li><a href="/article/3009.htm" title="Spring Cache注解+Redis" target="_blank">Spring Cache注解+Redis</a> <span class="text-muted">hanqunfeng</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>Spring3.1 Cache注解&nbsp; 依赖jar包: &lt;!-- redis --&gt; &lt;dependency&gt; &lt;groupId&gt;org.springframework.data&lt;/groupId&gt; &lt;artifactId&gt;spring-data-redis&lt;/artifactId&gt; </div> </li> <li><a href="/article/3136.htm" title="Guava中针对集合的 filter和过滤功能" target="_blank">Guava中针对集合的 filter和过滤功能</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a> <div>在guava库中,自带了过滤器(filter)的功能,可以用来对collection 进行过滤,先看例子: &nbsp;&nbsp; @Test public void whenFilterWithIterables_thenFiltered() { List&lt;String&gt; names = Lists.newArrayList(&quot;John&quot;</div> </li> <li><a href="/article/3263.htm" title="学习编程那点事" target="_blank">学习编程那点事</a> <span class="text-muted">lampcy</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>一年前的夏天,我还在纠结要不要改行,要不要去学php?能学到真本事吗?改行能成功吗?太多的问题,我终于不顾一切,下定决心,辞去了工作,来到传说中的帝都。老师给的乘车方式还算有效,很顺利的就到了学校,赶巧了,正好学校搬到了新校区。先安顿了下来,过了个轻松的周末,第一次到帝都,逛逛吧! 接下来的周一,是我噩梦的开始,学习内容对我这个零基础的人来说,除了勉强完成老师布置的作业外,我已经没有时间和精力去</div> </li> <li><a href="/article/3390.htm" title="架构师之流处理---------bytebuffer的mark,limit和flip" target="_blank">架构师之流处理---------bytebuffer的mark,limit和flip</a> <span class="text-muted">nannan408</span> <a class="tag" taget="_blank" href="/search/ByteBuffer/1.htm">ByteBuffer</a> <div>1.前言。 &nbsp; 如题,limit其实就是可以读取的字节长度的意思,flip是清空的意思,mark是标记的意思 。 2.例子. 例子代码: String str = &quot;helloWorld&quot;; ByteBuffer buff = ByteBuffer.wrap(str.getBytes()); Sy</div> </li> <li><a href="/article/3517.htm" title="org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1" target="_blank">org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/%24/1.htm">$</a><a class="tag" taget="_blank" href="/search/%E8%BD%AC%E4%B9%89/1.htm">转义</a><a class="tag" taget="_blank" href="/search/el%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">el表达式</a> <div>最近在做Highcharts的过程中,在写js时,出现了以下异常: &nbsp; 严重: Servlet.service() for servlet jsp threw exception org.apache.el.parser.ParseException: Encountered &quot; &quot;:&quot; &quot;: &quot;&quot; at line 1, </div> </li> <li><a href="/article/3644.htm" title="用Java实现发送邮件到163" target="_blank">用Java实现发送邮件到163</a> <span class="text-muted">tntxia</span> <a class="tag" taget="_blank" href="/search/java%E5%AE%9E%E7%8E%B0/1.htm">java实现</a> <div>/* 在java版经常看到有人问如何用javamail发送邮件?如何接收邮件?如何访问多个文件夹等。问题零散,而历史的回复早已经淹没在问题的海洋之中。 本人之前所做过一个java项目,其中包含有WebMail功能,当初为用java实现而对javamail摸索了一段时间,总算有点收获。看到论坛中的经常有此方面的问题,因此把我的一些经验帖出来,希望对大家有些帮助。 此篇仅介绍用</div> </li> <li><a href="/article/3771.htm" title="探索实体类存在的真正意义" target="_blank">探索实体类存在的真正意义</a> <span class="text-muted">java小叶檀</span> <a class="tag" taget="_blank" href="/search/POJO/1.htm">POJO</a> <div>一. 实体类简述&nbsp;&nbsp; &nbsp;实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口,在程序中仅作为数据容器用来持久化存储数据用的 POJO(Plain Old Java Objects)简单的Java对象 &nbsp; 它的一般格式就是 public class A{ private String id; public Str</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>