DOI:10.19551/jki.issn1672-9129.2021.03.181
Web前端开发技术特点及优化方向分析
张㊀敏(贵阳职业技术学院㊀贵州㊀550081)
摘要：互联网信息技术的普及对人类社会的产生了巨大的影响，这种不容忽视的强烈存在感使得网页界面的设计和信息展尤为重要㊂Web的前端开发技术肩负着对用户进行信息展示的重要任务，其设计质量直接同用户的信息获取质量存在不可分割的关系㊂为了提升互联网客户端的用户体验，同社会进步保持一致，本文将分析Web前端开发技术特点及优化方向，希望能为整个行业的发展提出合理化的建议㊂
关键词:web前端开发；技术特点；优化分析
中图分类号:TP393.09㊀㊀㊀文献标识码:A㊀㊀㊀文章编号:1672-9129(2021)03-0184-02
㊀㊀引言:web的前端开发技术涉及到JavaScript,HTML,CSS 这三项计算机语言㊂这三者在整个web的前端开发技术之中既相互独立又存在着密不可分的联系，能够有效保持web 的稳定运行㊂为了实现web前端开发技术的优化首先需要活用这三项技术，明确各个细节，在此基础之上嫁接其他最新的技术，并根据现实需要作出一定的调整㊂
1㊀web前端技术体系和工作方法分析
web前端和java哪个难数据信息时代使得网页能够承载的信息量更加丰富，除了一般的图片，文字，之外还能添加更生动的视频，小游戏等其他的媒体形式㊂同时新时期也对网页的交互性提出了更多的要求㊂这就使得在进行web前端技术的优化升级要从提高用户的网页使用体验出发，力求为互联网用户带来更美好的生活体验㊂上文提到的JavaScript,HTML,CSS是前端技术开发最基础的计算机语言，在进行web前端技术优化之前需要明确这些基本原理的使用方式，明确各项技术的优点㊂1.1HTML㊂HTML中文全称为超文本标记语言，其中HTML5是其新版本的一种㊂HTML5的结构能够使得web界面设计更加具有逻辑性和条理性，方便后期运营维护管理㊂随着智能手机的功能更加齐全，人们浏览网页的方式更加倾向于使用移动终端,HTML5的自身优越性使其更加配适于这一现实要求㊂
1.2CSS㊂CSS的中文全称为叠层样式表，主要作用是表现HTML等文件形式并增强控制网页样式的一种标记性语言㊂CSS样式有以下几个重要作用：将内容和格式分离；提高页面的重用度；增加控制页面布局的能力；便于维护和更新网页；提高网页的下载速度；优化代码兼容性㊂
1.3JavaScript㊂JavaSeript语言的前身是Netscape公司推出的Livescrip，是一种基于对象和事件驱动并具有相对安全性的客服端脚本语言，它基本符合传统计算机高级语言的特点，但由于其学习和编写更加简单㊁高效㊁便捷，已经被广泛运用于互联网开发㊂JavaScript可以直接嵌入HTML页面中，无须经过Web服务器就能直接对用户的输入作出响应，使网页可以与用户更好地交互；同时它不依赖操作系统，只需要浏览器的支持，具有跨平台的特性，可以在多种平台下运行㊂
1.4跨浏览器技术㊂不同参数的浏览器的Web页面执行方式也有所不同㊂造成这样的结果的原因是，不同类型的浏览器对同一段代码的解析方式不同㊂这样不尽相同的代码解析途径致使最终的结果也不尽统一，这样就会使得不同的浏览器的页面执行方式会产生差距，最终会对页面的展示效果产生影响㊂杜绝这种现象产生需要在web前端技术开发时进行有目标的处理，面对多种不同的浏览器从其内置样式出发，彻底解决这一问题㊂目前常见的B/S结构是以客户端浏览器为基点进行分析㊂用户使用浏览器登陆网页界面时，需要从浏览器的端口录入网址，完成对url的请求㊂之后由DNS服务器实现解析服务器域名，针对收获的域名页面的ip地址完成计算机访问页面㊂对此客户端的浏览器对配对的服务器传输HTTP的指令，服务器集合收到的HTTP相关信息结合浏览器的url指令实现打开对应目标文件㊂目标文件一般会用网页地址的表现形式出现,web服务器会结合页面文件的相关内容和url提供的参数，完成对数据库文件的资源调取，实现生成HTML页面的任务㊂得到HTML文件以后服务器会根据客户端浏览器的HTTP协议，转交HTML 文件给浏览器㊂浏览器收到来自HTML服务器的文件之后，会对其进行分析处理㊂根据处理分析的情况对服务器中的链接资源文件(内嵌网页,CSS，多媒体资源,JavaScript等)进行请求指令输送㊂服务器会根据对浏览器资源文件的HT-TP请求结果抽取配对的资源文件，并经由网络配送给客户端浏览器㊂浏览器在收到资源文件之后，会对其进行分类，结合规则将其展示在web界面之中，并会根据资源文件的所属媒体形式进行便于展示的重新排版㊂整个流程的完成是一个从上至下的顺序,HTML的文档会根据对应的页面脚本进行一定的分析处理，结合解释说明的脚本代码，安排在执行脚本期间的阻塞链接文件加载㊂
2㊀优化web前端技术的方向分析
当前优化web的前端技术需要从用户的生活方式，消费需要，个人素质等层面进行分析㊂针对国民教育水平的提升，生活节奏的加快，消费模式多变等现代社会的真实情况㊂提升web的加载速率，将页面展示的信息进行筛选，保质保量㊂对互联网用户而言，点击网页能得到快速响应能够有效增加网页的访问量，减少用户的等待，节约用户的时间提升效率㊂这样能够促进用户获得更好的使用体验，在进行选择时会首选当前的网页，有助于巩固老用户发展新用户㊂从互联网信息庞大的信息量的社会现实来判断，提高网页展示的信息质量，使用新型媒体来宣传能够有效同现代社会人的审美和价值取向保持一致，选取信息载体更加动态多样，提升用户获取信息的质量㊂面对海量动态异构的数据类型，传统的数据决策分析技术还无法解决这些难题㊂对于知识的匮乏制约了web运维进行网页信息安排的能力㊂利用大数据决策还难以实现对不同类型不同形式数据之间存在的联系以及规律进行合理判断，得到正确的数据信息展示安排方案㊂汇总收集用户关于地区，年龄，性别等相关信息的图表㊂利用这些图表可以简要得出网络端的收听体概况，再结合点击量综合分析的调查报告，清晰地总结出网页使用的主要受众体情况㊂数据分析是指利用数据信息技术进行统计分析，通常会采用定量方法以及数学计算机模型帮助建立目标之间合理的关系，帮助决策者寻正确的方向㊂
3㊀优化web前端技术简介
3.1HTTP优化㊂优化HTTP的方式重点是减少赘余的请求，能够提升整个web前端技术的运作效率，减少不必要的环节流程带来的时间延迟㊂HTTP请求中涵盖的请求较多，可以有浏览器等到服务器展开数据的传输,DNS地址搜寻，数据对接，建立浏览器与服务器之间的连接等环节㊂这些环节每通过一个就会造成时间上的消耗，为了提高网页的运转速率，适当的削减不必要的环节是有必要的㊂通常会使用将多个JavaScript文件(也包括CSS文件)整合成一个单一的文件，保证能够相关的文件能够一次处理成功㊂网页上展示的图片文件，需要结合图像上分布的不同链接映射不同的图像内容㊂内联图像文件，则需要保持文本和图像的下载显示能够一同下载成功㊂
3.2降低DNS查询频率㊂DNS查询的频率偏高也会造成网页的响应时间缓慢，不利于提升网页的运行速率㊂一般情况下DNS解析需要花费0.2至0.12秒的时间㊂DNS的查询频次升高，会使得信息传输的速度受到影响㊂DNS查询作为浏览器进行下一步工作的前期准备工作，其用时过长会影响下一步工作的推进㊂由此可见减少繁重的DNS查询次数对于提升网页运行使用的效率具有重要意义㊂
3.3将文件规模控制在合理范围之内㊂将文件规模压
缩在合理范围之内能够减少文件传输时间，重点需要解决CSS文件(JavaScript文件也包含在内)的代码书写问题，减
少不需要的赘余代码书写㊂减少对内容不会产生影响的HTML的标签数量，并非必要不采用内联式样
式的方式，合
理压缩文件大小，减少网页打开时间㊂
3.4科学设计㊂科学设计网页的排版内容需要考量两
㊃481㊃
DOI:10.19551/jki.issn1672-9129.2021.03.182
新形势下高校共青团思想政治工作面临的挑战
陈㊀妍㊀徐清禄㊀侯凯莉(华北理工大学㊀河北㊀唐山㊀063200)
摘要：面对当代大学生思想行为日趋开放，人生观和价值观逐渐丰富和多元化，高校共青团也要不断开拓创新㊂此次调研暴露出高校大学生对共青团知识了解不够深入㊁共青团活动形式较单调㊁缺乏创新等问题，本次调研希望可以为共青团的思想政治教育工作拓展宣传教育路径，使高校思想政治教育建设工作得到更加有力的保障㊂
关键词：高校共青团；思想政治；思政宣传
中图分类号:G641㊀㊀㊀文献标识码:A㊀㊀㊀文章编号:1672-9129(2021)03-0185-01
㊀㊀1㊀调研背景
随着 三会两制一课 的逐渐地普及㊁高等教育大众化以及教育体制改革，致使高校共青团外部环境的建设发生了巨大的变化㊂伴随着后勤社会化的持续推进㊁高校学分制的实施，班级的概念越来越淡化，这样一来对于如何使团组织更好地覆盖又成为了新的课题㊂
2㊀调研方案
问卷调查表标准度化程度高，收效快且较为方便㊂问卷内容主要针对高校的大学生调查基层团委建设和思想政治教育宣传工作的情况㊂比如说高校的相关工作方式是否与大学生思想行为方式接轨；本人所在的团支部体制是否健全，是否落实班团一体化和三会两课制度，团干部作风是否优良等问题㊂
通过问卷调查法我们可以发现青年对思想政治工作的想法和根本认识上的不足以便于更加清晰的反映青年思想现状㊂3㊀调研结果分析
3.1相关知识了解程度情况调查㊂通过我们对各高校同学对共青团知识应知应会基本内容的了解情况，调查结果显示出大部分的同学们对共青团的相关知识有所了解㊂其中首先关于热点话题 中国梦 和 社会主义核心价值观 同学们很熟悉并且能够准确和熟练的指出其内容；其次我们发现同学们对基础的共
青团知识，如 共青团行动指南 和 五位一体总体布局 虽然了解程度较高，但并不能较为全面而准确地说出其内容；再如像 三会两制一课 这样出现率不高的词了解的人就更少㊂
3.2参加活动形式意愿的调查㊂教育活动形式意愿的调查分析表中有关思政教育活动主要的类型，分别是思想教育类㊁文体艺术类㊁组织建设类㊁志愿公益类㊂对调研结果分析得出：同学们还是更加倾向于参加组织实践类活动；对于思想教育类活动，相较于传统一点的讲座，同学们还是对青年大学习这一新奇的宣传教育方式更加感兴趣㊂
以上说明，在举办共青团组织思政教育活动时要兼顾理论和实践结合的策略，并且更多的侧重实践方面活动的组织，让同学们在实践中受到思想的引领㊂同时，活动形式也要根据时代的发展而不断改变与创新，从而激发出同学们对学习的兴趣㊂
3.3对各高校的同学团日活动情况的调查㊂(1)同学们对班级组织的团日组织活动参与度㊂大多数同学对于班级活动的参与度很高，但是仍存在极少数少参加甚至不参加的同学㊂
(2)对团日活动情况的调查㊂大多数班级举办的团日活动形式多为五种以内，活动较为匮乏㊂面向社会的社会公益活动的形式多样，而调研得到的数据表示大多数的班级都只是举办了不多的团日活动，而团日活动的举办对培养团员青年正确思想价值观的培养以及形成社会良好风气有很大的帮助㊂
(3)团日活动的举办对生活的积极影响㊂大学生团日活动不同于其他组织的活动㊂大学生团体日活动具有青年性的特点㊂团日活动在继承之中又包含创新，出现了许许多多适应改革要求并且具有时代特点的新形式㊂大学生们可以在实践中得到教育㊂这些形式的团日活动不但严肃，有意义，而且生动有趣，能使我们的生活更加丰富㊂学生的个人特长可以通过活动表现出来，个人意志可以通过活动磨练出来，个人思想可以通过活动的交流更加成熟㊂而团日活动确实带给了大多数的大学生一定的影响甚至影响较为明显㊂3.4对共青团思政教育活动形式存在问题的调查㊂同学们对共青团思政教育活动形式存在问题主要集中在，缺乏相关实践活动㊁形式缺乏创新㊁形式主义较严重和内容单调枯燥㊂这说明，同学们更加希望脱离单调的理论学习，而是通过实践的方式去树立正确的人生价值观；共青团可以根据教育与教学相结合的工作方法，在开展活动时结合当代青年身心发展的特点将活动形式创新㊂
4㊀结论
(1)大部分同学们关于共青团思政教育的知识具有基本的了解㊂但是对于一些内容，大家只是处于浅层次的了解，而且同
学们对内容的了解程度与其宣传的热度有很大关系㊂(2)同学们更加偏向于参加形式多样的组织建设和志
愿公益活动㊂这说明，共青团组织思政教育活动要做到理论实践相结合，更多的侧重结合青年的身心
特点实践方面活动，让同学们在实践中受到思想政治教育㊂
(3)共青团活动形式较为匮乏，高校共青团可以根据教育与教学相结合的工作方法，开展创新形式的活动时可以适当地去结合当代青年身心发展的特点，以此来引领青年人，让青年学生逐步在实践过程中不断磨练自己㊂(4)共青团可以根据教育与教学相结合的工作方法，开展创新形式的活动时可以适当地去结合当代青年身心发展的特点，以此来引领青年人，让青年学生逐步在实践过程中不断磨练自己㊂
参考文献:
[1]韩秉峻，刘颖.新时代高校共青团思想政治教育工
作路径探究[J].现代交际,2020(08):146+145. [2]刘雪晶.试论新时代高校共青团思想引领创新之策[J].科学大众(科学教育),2020(04):117.
[3]刘锦鑫.大思政视阈下高校共青团的课程思政教育
实现路径探索[J].高教学刊,2020(06):174-176. [4]唐成.高校共青团大学生思想教育引领的问题及策
略探究[J].传播与版权,2020(01):164-166.
[5]蒙代伟.新时代加强高校共青团干部思想政治教育
的意义与路径分析[J].智库时代,2019(49):90-91 [6]庞婷，左文东.习近平青年观对共青团思想政治教
育工作的启示[J].新西部,2019(32):119-120.
个方向，分别是script置底和样式表置顶㊂CSS能够实现覆盖层叠的工作，这就使得浏览器一般会在网页加载完全然后进行渲染㊂script置底则是为了杜绝script脚本的执行阻塞页面的下载，从而造成页面组件下载速度不足，页面加载时间过长等问题的发生㊂
4㊀结语
在信息数据时代优化web的前端开发，需要从基础的三项计算机语言出发，切合当前受众的生活方式，社会发展等现实条件㊂做好提升网页的加载速率，提升信息选择质量的工作㊂前者减少各个传输环节不必要的内容，加快间歇速度㊂后者需要借助大数据云计算的技术，实现信息的有效提取㊂由此优化web设计，提升人们的使用体验㊂
参考文献:
[1]张建名. Web前端开发技术 课程微课设计研究[J].电子世界,2021(02):15-16.
[2]武建业.Web前端开发技术和其对网站性能的影响[J].电子世界,2021(02):174-175.
作者简介：张敏,1975年10月，女，汉，籍贯：四川射洪，大学本科，职称：高级讲师，研究方向：计算机应用㊂
㊃581㊃