吃瓜网站&吃瓜事件：
一个合格的web前端需要会什么?
1、一个合格的Web前端需要掌握HTML、CSS、JavaScript等基础技术，熟悉常用前端框架和库，了解响应式设计，掌握基本的后台语言知识，并具备调试和优化能力。以下是具体说明：HTML基础：HTML（超文本标记语言）是Web开发的基础，用于构建网页的结构。
2、前端三大基础技能HTML、CSS、 *** 自不必说，这是前端吃饭的东西。TCP/IP、浏览器渲染原理、前端性能优化兼容、PC/M端开发、DOM、BOM、计算机原理（基础，一般软件或计算机出身的都知道）等。就目前社会上需要的而言，除了基础之外，会要求掌握Vue、react、ng、node等一个或多个知识。
3、Web前端开发[文]技术主要包括三个要[章]素：HTML、CS[来]S和JavaScr[自]ipt！它要求前端[Z]开发工程师不仅要掌[B]握基本的Web前端[L]开发技术，网站性能[O]优化、SEO和服务[G]器端的基础知识，而[文]且要学会运用各种工[章]具进行辅助开发以及[来]理论层面的知识，包[自]括代码的可维护性、[Z]组件的易用性、分层[B]语义模板和浏览器分[L]级支持等。
4、web前端入门[O]大约需要3个月左右[G]的时间，但具体时间[文]会根据个人的学习习[章]惯、理解能力和实践[来]投入有所变化。以下[自]是关于web前端入[Z]门时间的一些详细说[B]明：基础知识学习：[L]新手可以从HTML[O]、CSS、Java[G]Script这些基[文]础语言入手。这些语[章]言是前端开发的基础[来]，通过系统学习和实[自]践，可以在相对较短[Z]的时间内掌握。
5、CSS3对于Web前端整个页面的设计是必备的技能。JavaScript：JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
6、目前Web前端开发中提到最多的就是W3C标准，这是一系列标准的 *** ，代表了互联网发展的方向，也代表了前端开发的一种信仰。写的代码都要100%通过标准验证，为通过标准验证而感到自豪，会有效推动互联网的快速发展。
学完一周layui后有什么收获?
学习一周layui后，主要收获如下： 掌握了layui前端组件的使用 *** layui是一个功能强大的前端组件库，包含分页、表格、按钮、时间控件等多种常用组件。通过一周的学习，已经能够熟练掌握这些组件的使用 *** ，并能够在项目中灵活应用。
学习了一周的lay[B]ui后，我收获颇丰[L]。感谢学习过程中接[O]触到的两个项目，让[G]我对layui有了[文]更深入的理解。学习[章]layui的初衷是[来]想扩展自己的技术栈[自]，同时在公司项目中[Z]遇到了使用Easy[B]Admin框架的机[L]会。在研究Easy[O]Admin的过程中[G]，我发现了layu[文]i-mini项目，[章]它是一个纯前端项目[来]，提供了各种常用的[自]前端组件。
并且像一些专业的培训机构，培训完后有相应的就业课程和就业指导，比起自学来说求职胜算更大。如果您学Java是因为单纯的兴趣爱好，自学是一个很不错的选择。但如果您想通过学Java技术转行的话，那么更好是选择参加Java培训班。
当然到离开后期你也可以学学专门为后端人员定制的前端框架，比如， layui ， easyui。如果还觉得不够可以学学前端专用框架。比如vue element ， 但是大前提是把自己的后台学到位了再学其他的。Javaweb ： jsp、servlet。 为什么用了html还要学jsp呢。因为jsp和Java是无缝连接的。
- Augular *** [Z] - Rect *** - LayUI - EasyUI ...第四部分：J[B]avaWEB Servlet *** P AJAX(是Jav[L]aScript的一[O]部分语法，专门做页[G]面局部刷新)第五部[文]分：JavaWEB[章]项目 做一个B/S结构的[来]项目，将WEB前端[自]和JavaWEB内[Z]容做一个整合练习。[B]其实到这里为止，所[L]有的系统都可以做了[O]。但是用的技术很L[G]ow。没有用框架。[文]
第三阶段：JavaWeb开发技术 JavaWeb前端；JavaWeb基础；JavaWeb高级等 学习完本阶段的课程后，具备开发个人网站、企业网站的能力。第四阶段：大型项目实战-CMS系统 JavaScript增强；Struts2；Spring基础和IoC(XML配置)等 通过对本阶段课程的学习可以完成市面上大多数的web应用开发。
Jquery如何获取iframe里面body的html呢?
jQuery可以使用“$(iframe body).html()”语句获取iframe内部body的html内容。jQuery选择器支持多种元素操作，以美元符号$()开头。例如，“$(p)”可选取所有标签对应的jQuery对象。jQuery对象的html()函数能获取指定对象内嵌的全部HTML代码。
Jquery可以使[章]用“$(ifram[来]e body).htm[自]l()”语句获取i[Z]frame里面bo[B]dy的html内容[L]。jQuery选择[O]器允许对HTML元[G]素组或单个元素进行[文]操作，所有选择器都[章]以美元符号开头：$[来]()。元素选择器基[自]于元素名选取元素，[Z]例如：“$(p)”[B]可以获取页面中所有[L]p元素对应的jqu[O]ery对象。
首先，打开html[G]编辑器，新建htm[文]l文件，例如：in[章]dex.html，[来]填写相应html代[自]码。
这种 *** 首先通过w[Z]indow.fra[B]mes[ifram[L]eChild].d[O]ocument获取[G]到iframe的文[文]档对象。然后使用j[章]Query的fin[来]d *** ，在该文档对[自]象中查找指定的DO[Z]M元素。例如，要查[B]找id为child[L]的元素，可以这样写[O]：$.find。使[G]用$ *** ：这种 *** [文]允许你指定一个选择[章]器和一个上下文，上[来]下文可以是另一个文[自]档对象。
经测试：一。找子窗[Z]口中的元素，用co[B]ntents().[L]find()的 *** [O]可以实现。比如：v[G]ar w=$(#bb).[文]contents([章]).find(#c[来]).content[自]s().find([Z]#ni).html[B]()；找到当前页面[L]中id为bb的if[O]rame下的id为[G]c的iframe下[文]的id为ni的ht[章]ml()二。
例如，window.frames[0].frames[1]可以访问之一个iframe中的第二个iframe。然后，可以使用标准的DOM *** 来定位元素。iframe嵌套页面定位 通过iframe的id或name定位：如果iframe有id或name属性，可以直接通过这些属性来定位iframe，并进一步定位其中的元素。
关于jQuery中on() *** 的用法
jQuery中on *** 的用法：基本语法 $.on 关键参数 events：一个或多个用空格分隔的事件类型和可选的命名空间。 selector：用于筛选被事件处理程序触发的元素。 data：用于在事件对象中传递额外的数据，供事件处理函数使用。
on *** 是jQue[来]ry中用于绑定事件[自]的一个更通用的 *** [Z]，它可以绑定各种类[B]型的事件，包括点击[L]事件。重要的是，o[O]n *** 支持事件委托[G]，这意味着它可以为[文]当前或未来的元素绑[章]定事件。使用on方[来]法进行事件委托时，[自]需要指定一个已存在[Z]的父元素作为事件监[B]听器，并将事件和目[L]标子元素的选择器作[O]为参数传递给on方[G]法。
在这个例子中，我们[文]使用jQuery的[章]on *** 绑定cha[来]nge事件到sel[自]ect元素上。当s[Z]elect元素的值[B]发生改变时，指定的[L]函数将会被执行。如[O]果你通过编程方式改[G]变了select元[文]素的值，例如通过设[章]置元素的value[来]属性或者改变元素的[自]selectedI[Z]ndex属性，那么[B]change事件并[L]不会自动触发。
(classNam[O]e).on为onc[G]lick绑定，只有[文]在页面onload[章]时执行一次。页面刷[来]新后，新加载的具有[自]className[Z]的元素便没有事件绑[B]定到上面了。相反$[L](document[O]).on这种 *** 会[G]刷新和重新赋予绑定[文]操作，所以一定程度[章]上更为全面。所以，[来]凡是涉及页面dom[自]元素操作且必须在页[Z]面打开后就运行的语[B]句，都应该放到re[L]ady事件中执行。[O]
要为前端JavaS[G]cript代码中的[文]元素添加on *** ，[章]存在以下几种实现方[来]式：使用jQuer[自]y库的on *** ：说[Z]明：jQuery库[B]提供了一个便捷的o[L]n *** ，用于在被选[O]元素及其子元素上添[G]加事件处理程序。
首先，通过代码找到id为myInput的input元素，并利用jQuery的on() *** 为它添加事件处理程序。接着，我们定义一个函数，该函数先获取input输入框的值，然后通过val() *** 直接将这些值赋给id为result的div元素。实现效果如下：on() *** 用于在被选元素和其子元素上添加事件处理程序。
