m0_74479247

作业10.19

1.常见的表单元素

文本框

密码框

单选按钮

复选框

下拉列表框</p> <p>文件域<input type="file"></p> <p>提交按钮<input type="submit"></p> <p>隐藏域<input type="hidden"></p> <p> 提交按钮<input type="submit"></p> <p>重填按钮<input type="reset"></p> <p>网址<input type=“url”></p> <p>邮相<input type=“email”></p> <p>搜索框<input type=“search></p> <p>数字<input type="number" ></p> <p>滑块<input type="range"></p> <p>2.表单提交有哪几种方式?各有什么特点?</p> <p>(1)input type="reset" name="butReset" value="reset按钮">reset是重置按钮可重置输入信息</p> <p>(2)<input type="submit" name="butSubmit" value="submit按钮">submit提交按钮直接提交信息</p> <p>(3)<input type="button" name="butButton" value="button按钮"/>button普通按钮有更大的创造价值，未来可期</p> <p>3.制作一个下拉列表需要使用哪些表单元素标签？</p> <p>select name="列表名称" size="行数"></p> <p><option value="选项的值" selected="selected"></p> <p></option ><option value="选项的值">…</option ></select></p> <p>4.使用什么属性可以达到表单的初步验证？</p> <p>placeholder文本框内容出现提示</p> <p>required制造一个必填项</p> <p>pattern验证规则（正则表达式） </p> <p></p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1715102278815395840"></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)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1946889186564960256.htm" title="vue实现超出字数中间用省略号显示" target="_blank">vue实现超出字数中间用省略号显示</a> <span class="text-muted"></span> <div>显示效果：传统节日里的氛围......传统节日里的氛围原理：利用vue中的过滤器filterhtml代码：{{hashName|ellipsis}}js代码：filters:{ellipsis(value){letlen=value.length;if(!value)return''if(value.length>20){returnvalue.substring(0,8)+'......'+va</div> </li> <li><a href="/article/1946875414513250304.htm" title="软件测试理论基础、质量保证常见面试题" target="_blank">软件测试理论基础、质量保证常见面试题</a> <span class="text-muted">程序员阿沐</span> <div>全面掌握软件测试理论基础、文档编写，测试流程1.测试分为哪几个阶段?⒉谈谈你之前测试的项目流程，在每个阶段的输出有哪些?3.谈谈敏捷模式的认识?4.linux常见查看日志命令有哪些?5.线上质量BUG频频爆发怎么办?6.如何分析一个bug是前端还是后端的问题?这些问题你一定要能够很全面的表述出来。比如说我现在是面试官，我第一个肯定不会去问你哪些代码的问题，也不会问你自动化、测试开发的问题。第一个查</div> </li> <li><a href="/article/1946847720190832640.htm" title="电竞护航小程序源码游戏代练小程序源码搭建游戏派单小程序定制开发" target="_blank">电竞护航小程序源码游戏代练小程序源码搭建游戏派单小程序定制开发</a> <span class="text-muted">D15554088058</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%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">小程序</a> <div>独立源码前端uniapp后端phpthinkphp6的框架开源无加密适合运营或者二次开发。欢迎私信（头像11位数字）功能列表：游戏分类：后台添加设置游戏分类分销奖励：推荐打手绑定关系，二级奖励，奖励比例手台设置管事：购买管事权益推荐打手绑定推荐关系，二级奖励，奖励比例后台设置，比打手的奖励高发布订单：后台添加商家成为商家商家添加客服成为客服之后才可以在小程序端发布订单打手接单：打手需要缴纳保证金后</div> </li> <li><a href="/article/1946842044639014912.htm" title="将HTML+JS+CSS数独游戏包装为安卓App" target="_blank">将HTML+JS+CSS数独游戏包装为安卓App</a> <span class="text-muted">yivifu</span> <a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF/1.htm">web前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a> <div>HTML+JS+CSS制作一个数独游戏-CSDN博客中开发了一个数独游戏，这个数独游戏提供了一次性回退到指定步骤的辅助功能，在解决复杂数独问题时十分有帮助，可作为玩数独游戏的辅助工具，因此，考虑将它改装成安卓App安装在手机上，可以更方便使用。将纯HTML程序包装成安卓App在编码方面根本没有什么难度，真正的难度在于开发环境的配置和程序的编译运行。花了一个多星期，才总算编译成功了。有图有真相，在A</div> </li> <li><a href="/article/1946842045721145344.htm" title="python爬虫技术——基础知识、实战" target="_blank">python爬虫技术——基础知识、实战</a> <span class="text-muted">南瓜AI</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/scrapy/1.htm">scrapy</a> <div>参考文献：Python爬虫入门(一)（适合初学者）-CSDN博客一、常用爬虫工具包Scrapy语言:Python特点:高效、灵活的爬虫框架，适合大型爬虫项目。BeautifulSoup语言:Python特点:用于解析HTML和XML，简单易用。Selenium语言:Python/Java/C#特点:支持浏览器自动化，适合处理JavaScript渲染的网页。Requests语言:Python特点:简</div> </li> <li><a href="/article/1946841917941673984.htm" title="我的前端封装之路" target="_blank">我的前端封装之路</a> <span class="text-muted"></span> <div>最近有粉丝提问了我一个面试中遇到的问题，他说面试的时候，面试官问我：你在以前的项目中封装过组件吗？或者做过npm公共库吗？遇到过什么问题吗？当时自己突然觉得好像没什么可回答的啊，但面试结束想起来，自己在前端开发工作中貌似又在不停的封装东西。但因为没有提前准备这类问题，所以回答的不是很理想。这篇文章，我说一些我的封装工作历程，希望对大家有帮助吧。目录1那是一个日历组件1.1S1.2T1.3A1.4R</div> </li> <li><a href="/article/1946840152047415296.htm" title="html5及css有什么区别,html5和css3的区别是什么？" target="_blank">html5及css有什么区别,html5和css3的区别是什么？</a> <span class="text-muted">weixin_39788256</span> <a class="tag" taget="_blank" href="/search/html5%E5%8F%8Acss%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB/1.htm">html5及css有什么区别</a> <div>html5和css3是什么？区别是什么？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。什么是HTML5？HTML，超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。是用于描述网页文档的一种标记语言。html5是HTML第五次重大修改后的版本，是当前最新版本，主要特点是支持原生的视频播放、离线存储、更多的语义</div> </li> <li><a href="/article/1946838890434326528.htm" title="前端埋坑之js console.log字符换行后 html没换行问题处理" target="_blank">前端埋坑之js console.log字符换行后 html没换行问题处理</a> <span class="text-muted">做个有准备的人</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%8B%E5%9D%91%E4%B9%8B%E8%B7%AF-%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端埋坑之路-前端技术</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%8D%81%E5%B9%B4%E4%B9%8B%E8%B7%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/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>方法：//命令字符处理（字符串超过N字之后换行处理）wrapText(text,n){n=n||70;//默认每70个字符换行if(text.length>n){letresult=text.slice(0,n);leti;for(i=n;i<text.length;i+=n){result+='\n'+text.slice(i,i+n);}re</div> </li> <li><a href="/article/1946838386601947136.htm" title="前端转后端学习路线整理" target="_blank">前端转后端学习路线整理</a> <span class="text-muted"></span> <div>一、背景本人是一名Web前端开发，技术栈是Vue和React，不会Node。之前学过，但是因为一些原因（比如没有使用场景，很多概念无法理解，学完就忘等）一直也没有掌握。因为在CMS部门耳濡目染时间久了，感觉不学点后端有点说不过去，而且学起来之后发现也挺有兴趣的。但是对于一名前端开发（而且在学校的时候基本没学习）来说要学习的内容实在太多了，开始的困难在于理清各种技术都是干什么的以及它们之间的关系。现</div> </li> <li><a href="/article/1946835105938993152.htm" title="《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》" target="_blank">《前端基础核心知识笔记：HTML、CSS、JavaScript 及 BOM/DOM》</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/%E7%AC%94%E8%AE%B0/1.htm">笔记</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>html前端三剑客的介绍：HTML:页面内容的载体Css：用来美化和指定页面的显示效果JavaScript：页面显示的过程中，可以动态改变页面的内容重点属性type="text"文本输入type="password"密码输入SerlvertC超链接type="radio"value="值"单选框type="checkbox"value="值"多选框在作用设置编码格式 action是跳转的界面met</div> </li> <li><a href="/article/1946834728023814144.htm" title="一文讲透HTML语义化标签" target="_blank">一文讲透HTML语义化标签</a> <span class="text-muted"></span> <div>文章目录语义化标签概述HTML标签及其含义常见HTML5语义化标签语义化标签对搜索引擎（SEO）的影响提升搜索引擎排名增强可访问性改善用户体验语义化标签案例各标签作用说明语义化标签概述HTML语义化是指使用恰当的标签来准确表达内容的结构和含义，使网页不仅对人类开发者可读，也能被搜索引擎、辅助技术等更好地理解和处理。例如，用表示页眉，表示独立内容区块，提升页面可访问性和SEO效果。HTML标签及其含</div> </li> <li><a href="/article/1946833214496632832.htm" title="CSS面试题及详细答案140道之（101-120）" target="_blank">CSS面试题及详细答案140道之（101-120）</a> <span class="text-muted">还是大剑师兰特</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E5%90%8E%E7%AB%AF%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">前后端面试题</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E5%A4%A7%E5%89%91%E5%B8%88/1.htm">大剑师</a><a class="tag" taget="_blank" href="/search/CSS%E9%9D%A2%E8%AF%95%E9%A2%98/1.htm">CSS面试题</a> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录101.解释`text-indent`属性的作用。102.如何在CSS中实现响应</div> </li> <li><a href="/article/1946832732315250688.htm" title="网站前端开发-实训续篇+总结" target="_blank">网站前端开发-实训续篇+总结</a> <span class="text-muted">yue_jia</span> <div>实训五学生管理篇（可将学校、学院、班级与学生关联起来）一、从后端（projectName）添加学生模块1、在models目录下添加student.js：image.pngprojectName/db/models/student.js：constmongoose=require('mongoose')constSchema=mongoose.Schemaconstfeld={name:String</div> </li> <li><a href="/article/1946830189489090560.htm" title="web前端入门到实战：CSS实现8种炫酷按钮" target="_blank">web前端入门到实战：CSS实现8种炫酷按钮</a> <span class="text-muted">大前端世界</span> <div>今天给大家分享8种炫酷按钮的CSS实现。1.3D按钮1现在的主流是扁平化的设计，拟物化的设计比较少见了，所以我们仅从技术角度去分析如何实现这个3D按钮该按钮的立体效果主要由按钮多出的左、下两个侧面衬托出来，我们可以使用box-shadow模拟出这两个侧面：HTML：3DButton1CSS:.button-3d-1{position:relative;background:orangered;bo</div> </li> <li><a href="/article/1946828172813201408.htm" title="如何区别HTML和HTML5？" target="_blank">如何区别HTML和HTML5？</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/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>要区分HTML（通常指HTML4及更早版本）和HTML5，主要可以从以下关键方面进行比较：一、文档声明区别二、语义化标签对比用途HTML4标签HTML5新标签头部区域导航栏内容区块独立文章侧边栏页脚主要内容区✅HTML5通过语义化标签取代了泛滥的，提升可读性和SEO三、多媒体支持差异四、图形技术演进constctx=document.getElementById('myCanvas').getCo</div> </li> <li><a href="/article/1946799299903942656.htm" title="【Jmeter】报错：An error occured:Unknown arg" target="_blank">【Jmeter】报错：An error occured:Unknown arg</a> <span class="text-muted">卡西里弗斯奥</span> <a class="tag" taget="_blank" href="/search/Jmeter/1.htm">Jmeter</a> <div>问题调试Jmeter时，报错：‘Anerroroccurred:Unknownarg:l’，脚本如下：$JMETER_PATH-n-t"$target_jmx"-l"$SCENARIO_REPORT_DIR/result_${threads}.jtl"-e-o"$SCENARIO_REPORT_DIR/html_${threads}"问题原因脚本没有问题，脚本后面带有空格，执行不过去。解决办法去除</div> </li> <li><a href="/article/1946794887529689088.htm" title="架构解密｜一步步打造高可用的 JOCR OCR 识别服务" target="_blank">架构解密｜一步步打造高可用的 JOCR OCR 识别服务</a> <span class="text-muted">xgc_java</span> <a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84/1.htm">架构</a><a class="tag" taget="_blank" href="/search/ocr/1.htm">ocr</a><a class="tag" taget="_blank" href="/search/%E7%8A%B6%E6%80%81%E6%A8%A1%E5%BC%8F/1.htm">状态模式</a> <div>架构解密｜一步步打造高可用的JOCROCR识别服务在各类拍照取字、票据扫描、合同归档的场景中，OCR（光学字符识别）早已成为核心能力。但要把“图片→文字”打磨成一条工业级、可观测、可扩展的服务链路，绝不仅仅是简单地调用第三方接口。本文将结合JOCROCR识别完整流程图，深入剖析从前端到最终结果的每一个环节，帮助你用架构思维设计高可用、高性能、低成本的OCR服务。一、整体架构全景在深入细节之前，我们</div> </li> <li><a href="/article/1946790225460129792.htm" title="探索Pebble时代遗留的瑰宝：Slate框架简介" target="_blank">探索Pebble时代遗留的瑰宝：Slate框架简介</a> <span class="text-muted">宣苓滢Rosa</span> <div>探索Pebble时代遗留的瑰宝：Slate框架简介项目介绍随着技术迭代的脚步，Slate——曾经为Pebble智能手表应用提供强大支持的前端框架，虽然已被Clay取而代之，但其在移动配置页面开发领域的创新精神值得回顾。它以简洁高效的设计理念，让开发者能够快速创建美观且用户友好的配置界面，曾是众多Pebble应用背后的功臣。技术深度剖析Slate基于轻量级的JavaScript库Zepto.js构建</div> </li> <li><a href="/article/1946783795730509824.htm" title="学习 Python 爬虫需要哪些基础知识？" target="_blank">学习 Python 爬虫需要哪些基础知识？</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/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>学习Python爬虫需要掌握一些基础技术和概念。1.Python基础语法这是最根本的前提，需要熟悉：-变量、数据类型（字符串、列表、字典等）-条件判断、循环语句-函数、类与对象-模块和包的使用（如import语句）2.网页基础了解网页的构成和工作原理：-HTML结构：能看懂标签、属性，知道如何定位内容（如div、span、a标签等）-CSS选择器：用于精准定位网页元素（如类选择器.class、ID</div> </li> <li><a href="/article/1946782063906582528.htm" title="python爬虫--爬去300个租房信息页" target="_blank">python爬虫--爬去300个租房信息页</a> <span class="text-muted">朝畫夕拾</span> <div>爬去300个租房信息页代码如下#--coding:utf-8--importtime,requestsfrombs4importBeautifulSouppage=0limit_count=300crawl_list=[]headers={'Content-type':'text/html;charset=UTF-8','User-Agent':'Mozilla/5.0(Macintosh;Int</div> </li> <li><a href="/article/1946774580098035712.htm" title="代码随想录算法训练营总结篇" target="_blank">代码随想录算法训练营总结篇</a> <span class="text-muted">m0_74934708</span> <a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a> <div>第一次接触卡哥的课程是在大二上，当时做N皇后的题目看到卡哥的视频觉得大受裨益，就想着有时间能够刷完卡哥录制的整期课程，后面有算法训练营的监督让我很幸运地坚持了六十天，学到了很多东西，像贪心算法、动态规划、单调栈以及在二叉树里使用BFS和DFS，都是一些很美妙的思路。这次一刷leetcode后面要去学学前端了，等到暑假有时间希望可以跟着卡哥二刷leetcode。学会算法后再去做题有些痛苦，但做出来的</div> </li> <li><a href="/article/1946774074126561280.htm" title="【前端vue3面试题】2024最新面试实录vue3(2)，最新前端大厂高频面试题" target="_blank">【前端vue3面试题】2024最新面试实录vue3(2)，最新前端大厂高频面试题</a> <span class="text-muted"></span> <div>*watch与watchEffect*provide与inject重构虚拟DOM,diff算法生命周期更名beforeDestroy改名为beforeUnmountdestroyed改名为unmounted//Vue3.0也提供了CompositionAPI形式的生命周期钩子，与Vue2.x中钩子对应关系如下：beforeCreate===>setup()created===>setup()bef</div> </li> <li><a href="/article/1946765248237203456.htm" title="运维技术干货 — 不仅是 Linux 运维最佳实践" target="_blank">运维技术干货 — 不仅是 Linux 运维最佳实践</a> <span class="text-muted">python算法小白</span> <a class="tag" taget="_blank" href="/search/Linux/1.htm">Linux</a> <div>附Java/C/C++/机器学习/算法与数据结构/前端/安卓/Python/程序员必读书籍书单大全：书单导航页（点击右侧极客侠栈即可打开个人博客）：极客侠栈①【Java】学习之路吐血整理技术书从入门到进阶最全50+本（珍藏版)②【算法数据结构+acm】从入门到进阶吐血整理书单50+本（珍藏版)③【数据库】从入门到进阶必读18本技术书籍网盘吐血整理网盘(珍藏版)④【Web前端】从HTML到JS到AJ</div> </li> <li><a href="/article/1946763988863873024.htm" title="前端性能与可靠性工程:前端韧性工程 - 优雅降级与离线支持" target="_blank">前端性能与可靠性工程:前端韧性工程 - 优雅降级与离线支持</a> <span class="text-muted">weixin_42587823</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%92%8C%E5%8F%AF%E9%9D%A0%E6%80%A7%E5%B7%A5%E7%A8%8B/1.htm">前端和可靠性工程</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端性能与可靠性工程:前端韧性工程-优雅降级与离线支持第一部分：思维转变-从“在线优先”到“离线优先”传统的Web开发模式是“在线优先(OnlineFirst)”：我们默认用户的网络是稳定且快速的，然后再把错误处理作为一种例外情况来补充。而韧性工程要求我们进行一次思维上的彻底转变，采纳“离线优先(OfflineFirst)”的模式：我们默认网络是不可靠甚至不存在的，在此基础上构建一个核心可用的应用</div> </li> <li><a href="/article/1946744961370222592.htm" title="web前端期末大作业实例 (1500套) 集合" target="_blank">web前端期末大作业实例 (1500套) 集合</a> <span class="text-muted"></span> <div>文章目录web前端期末大作业(1500套)集合一、网页介绍二、网页集合表白网页125套(集合)Echarts大屏数据展示150套(集合)一、基于HTML+Echarts技术制作二、基于VUE+Echarts技术制作更多源码web前端期末大作业(1500套)集合临近期末，大一新生的各种考试和专业结课作业纷至沓来。web实训大作业、网页期末作业、web课程与设计、网页设计等，简直让人头大。你还在为网页</div> </li> <li><a href="/article/1946727320974848000.htm" title="11.Django中常用过滤器" target="_blank">11.Django中常用过滤器</a> <span class="text-muted">孤寒者</span> <a class="tag" taget="_blank" href="/search/Django%E6%A1%86%E6%9E%B6%E4%BB%8E%E5%85%A5%E9%97%A8%E5%88%B0%E5%AE%9E%E6%88%98/1.htm">Django框架从入门到实战</a><a class="tag" taget="_blank" href="/search/Python%E5%85%A8%E6%A0%88%E7%B3%BB%E5%88%97%E6%95%99%E7%A8%8B/1.htm">Python全栈系列教程</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E6%BB%A4%E5%99%A8/1.htm">过滤器</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/django/1.htm">django</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E8%BD%AC%E4%B9%89/1.htm">自动转义</a> <div>目录：每篇前言：（1）Django模板变量过滤器详解1.过滤器的作用与特点2.基本语法3.链式调用4.带参数的过滤器5.注意事项6.总结（2）Django中实战使用——常用的过滤器：①项目目录下的views.py文件：②项目目录下templates模板文件夹下的模板文件index.html：③效果展示：date和time过滤器格式：拓展——简介自动转义：每篇前言：作者介绍：【孤寒者】—CSDN全栈</div> </li> <li><a href="/article/1946724042186747904.htm" title="vue2 面试题及详细答案150道（121 - 130）" target="_blank">vue2 面试题及详细答案150道（121 - 130）</a> <span class="text-muted"></span> <div>《前后端面试题》专栏集合了前后端各个知识模块的面试题，包括html，javascript，css，vue，react，java，Openlayers，leaflet，cesium，mapboxGL，threejs，nodejs，mangoDB，MySQL，Linux…。前后端面试题-专栏总目录文章目录一、本文面试题目录121.Vue2中如何实现组件的动态样式绑定？122.Vue2中如何处理跨域请求</div> </li> <li><a href="/article/1946709004080181248.htm" title="如何用css画三角形&太极" target="_blank">如何用css画三角形&太极</a> <span class="text-muted">阿小经</span> <div>一、如何用css画一个三角形搜索学习资源：Google>>csstricksshape>>画一个如下图这样的三角形三角形htmltrianglecss1.先设置div元素，为它上下边界设置不同颜色，方便改动2.使其高度、宽度为03.使其上边界值为0（蓝色部分）4.使绿色和红色区域变成透明色就可以得到我们要的三角形了。5.简化代码二、如何用css画一个太极(带animation动效)静态效果图用到伪</div> </li> <li><a href="/article/1946701098827968512.htm" title="wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？" target="_blank">wap页面和html5,WAP网站、3G网站、html5触屏版有什么区别？</a> <span class="text-muted"></span> <div>目前手机上的网站主要就分为WAP格式和3G格式，从脚本语言来讲，我们通常喜欢说用WML开发的网站就是WAP网站，用XHTML开发的网上3G网站。WML是当初专门为2.5G时代开发的一个脚本，他的功能挺简单的，页面形式呢主要是文字居多，因为那个时候的网速带宽还有机型的限制，所以WAP网站不能用CSS，字体颜色也只有普通文字的黑色和链接文字的蓝色，至于页面背景什么的是不能设置的。3G网站，也就是我们所</div> </li> <li><a href="/article/1946700469141303296.htm" title="html5这什么意思,html5是什么意思？html5和html的区别介绍" target="_blank">html5这什么意思,html5是什么意思？html5和html的区别介绍</a> <span class="text-muted">wiles super</span> <a class="tag" taget="_blank" href="/search/html5%E8%BF%99%E4%BB%80%E4%B9%88%E6%84%8F%E6%80%9D/1.htm">html5这什么意思</a> <div>一、HTML5是什么？HTML5是HyperTextMarkupLanguage5的缩写，HTML5是超文本标记语言的最新版本，也就是描述网页的代码，html5实际上是三种代码形式，首先是HTML提供结构，其次是层叠样式表(CSS)负责网站的样式和布局，最后是JavaScript是给网站添加动态功能。二、html5和html的区别1、定义上区别HTML5是应用超文本标记语言(HTML)的第五次修改</div> </li> <li><a href="/article/76.htm" title="遍历dom 并且存储（将每一层的DOM元素存在数组中）" target="_blank">遍历dom 并且存储（将每一层的DOM元素存在数组中）</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/html/1.htm">html</a> <div>数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con</div> </li> <li><a href="/article/203.htm" title="Android+Jquery Mobile学习系列(9)-总结和代码分享" target="_blank">Android+Jquery Mobile学习系列(9)-总结和代码分享</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/JQuery+Mobile/1.htm">JQuery Mobile</a> <div>目录导航经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym</div> </li> <li><a href="/article/330.htm" title="impala参考资料" target="_blank">impala参考资料</a> <span class="text-muted">dayutianfei</span> <a class="tag" taget="_blank" href="/search/impala/1.htm">impala</a> <div>记录一些有用的Impala资料 1. 入门资料 >>官网翻译： http://my.oschina.net/weiqingbin/blog?catalog=423691 2. 实用进阶 >>代码&架构分析： Impala/Hive现状分析与前景展望：http</div> </li> <li><a href="/article/457.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/%E9%9D%99%E6%80%81/1.htm">静态</a><a class="tag" taget="_blank" href="/search/%E9%9D%9E%E9%9D%99%E6%80%81/1.htm">非静态</a><a class="tag" taget="_blank" href="/search/%E9%A1%BA%E5%BA%8F/1.htm">顺序</a> <div>今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo</div> </li> <li><a href="/article/584.htm" title="跳出iframe返回外层页面" target="_blank">跳出iframe返回外层页面</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/iframe/1.htm">iframe</a> <div>在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> // </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>