Day74 前端知识提要（3）——JavaScript

最新推荐文章于 2025-11-24 02:17:16 发布
最新推荐文章于 2025-11-24 02:17:16 发布
阅读量945 收藏 17
点赞数 24
CC 4.0 BY-SA版权
分类专栏： 100天软件测试升级打怪路 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/gregcsdn/article/details/135413523
这篇博客主要介绍了JavaScript的基础知识，包括其定义、使用方式、变量和数据类型、函数定义和调用、变量作用域、条件语句、操作标签元素、数组操作、循环语句、字符串拼接和定时器的使用。内容涵盖了JavaScript在网页交互中的重要性，以及各种编程概念和技术，适合初学者入门。

Day74 前端知识提要（3）——JavaScript

文章目录


image-20231225143840989

JavaScript的介绍

学习目标

  • 能够知道JavaScript的作用

1. JavaScript的定义

JavaScript是运行在浏览器端的脚步语言, 是由浏览器解释执行的, 简称js, 它能够让网页和用户有交互功能, 增加良好的用户体验效果。

前端开发三大块 1、HTML：负责网页结构 2、CSS：负责网页样式 3、JavaScript：负责网页行为， 比如:网页与用户的交互效果

2. 小结

  • JavaScript是运行在浏览器端的脚步语言，它的作用就是负责网页和用户的交互效果。

JavaScript的使用方式

学习目标

  • 能够知道JavaScript的使用方式

1. 行内式（主要用于事件）


                

                
                
        

    

  


        

                

                  

                  

                  了解本专栏
                  
                  
                    
                  订阅专栏 解锁全文
                   
                  
                    
                    超级会员免费看
                  
                

            
            
            
        


    



                



	

		

			

				
					
Day75 前端知识提要（4）——JQuery

				
			

			

				

					老板来片烤面包的博客
				

				

					01-05
					
					958
					
				

			

		

		

			
				
学习目标能够知道jQuery的作用及优点jQuery是对JavaScript的封装，它是免费、开源的JavaScript函数库，jQuery 极大地简化了 JavaScript 编程。jquery选择器就是快速选择标签元素，获取标签的，选择规则和css样式一样。选择集过滤就是在选择标签的集合里面过滤自己需要的标签选择集转移就是以选择的标签为参照，然后获取转移后的标签事件代理就是利用事件冒泡的原理(事件冒泡就是事件会向它的父级一级一级传递),把事件加到父级上，通过判断事件来源，执行相应的子元素的操作，

			
		

	



                

            
              



	

		

			

				
					
Day76 前端知识提要（5）——Vue3教程

				
			

			

				

					老板来片烤面包的博客
				

				

					01-05
					
					925
					
				

			

		

		

			
				
Day76 前端知识提要（5）——Vue3教程

			
		

	



              


  
              

                


	

		

			

				
					
研一自救指南 - 03.面向面经预习（前端）

				
			

			

				

					一直在学习的博客
				

				

					03-17
					
					876
					
				

			

		

		

			
				
针对前人面经整理高频问题和答案。

			
		

	





	

		

			

				
					
vue 2.0 的使用

				
			

			

				

					hzg_hou的博客
				

				

					07-10
					
					1658
					
				

			

		

		

			
				
数据代理（简单,vm目的：让程序员更加方便的读取、修改到_data中属性。。vm身上有_data里的所有属性，且有每一个属性，都有自己的。当修改vm上的属性时，该属性对应的就会调用，去修改_data中对应的属性。当读取vm上的属性时，该属性对应的就会调用，去读取_data中对应的属性。数据劫持（_data目的：为了实现响应式（什么是响应式？—— 数据变页面自动更新），有了数据劫持，就可以捕获到数据的改变，进而重新解析模板，更新界面。。_data形式。当修改_data。

			
		

	



		

			
		



	

		

			

				
					
人工智能（PythonWeb）—— tornado

				
			

			

				

					迷途无归的博客
				

				

					08-03
					
					940
					
				

			

		

		

			
				
 

内容提要：如何学习网络框架
        学习３个核心知识：
                1、路由的配置
                2、模板的使用
                3、静态资源的使用

一、tornado项目建立：

    通过PyCharm工具实现项目的管理和代码的编写
    1、创建项目：
        file  ==>  New Project...

			
		

	





	

		

			

				
					
day01-HTML

				
			

			

				

					qq_43361287的博客
				

				

					10-27
					
					269
					
				

			

		

		

			
				
HTML前情提要软件分类可分为又分为工具下载网页开发标准HTML标准结构快捷键HTML标签HTML元素块元素行内元素HTML属性HTML实体
前情提要
软件分类
可分为
	系统软件
	应用软件
	游戏软件

又分为
客户端
			形式：
				-文字客户端（命令行）
				-图像化客户端[C/S架构]（点击拖动）
				-网页[B/S架构]（浏览器访问网页）
					-无需安装
					-无需更新
					-跨平台

服务器（负责远程处理业务逻辑）
			服务器的开发语言：
				java（最

			
		

	





	

		

			

				
					
目录导航《100天软件测试升级打怪路》

				
			

			

				

					老板来片烤面包的博客
				

				

					06-30
					
					702
					
				

			

		

		

			
				
[《100天软件测试升级路》专栏](https://blog.youkuaiyun.com/gregcsdn/category_12321586.html?spm=1001.2014.3001.5482)，是由优快云内容合伙人|软件测试领域优秀创作者的硬核博主 [老板来片烤面包](https://blog.youkuaiyun.com/gregcsdn) 倾力打造，分软件基础及艺术入门、软件测试工具篇、实战篇、web自动化篇等。

			
		

	





	

		

			

				
					
Web第六讲：HTML基础

				
			

			

				

					m0_47670683的博客
				

				

					12-04
					
					777
					
				

			

		

		

			
				
内容提要：

HTML文档的基本结构
标记(标签)类型、标记(标签)语法
body标记的属性的设置方法
给网页添加注释
meta元信息的作用
HTML文档类型。<!doctype html>

html文件由头部head和主体body两部分组成：


在头部<head>标记中，可以定义标题、样式等，头部里放的是网页元信息，不显示在网页内，元信息是关于网页的基本描述...

			
		

	





	

		

			

				
					
“Datawhale AI 夏令营”第四期·大模型应用开发笔记

				
			

			

				

					m0_74097783的博客
				

				

					08-12
					
					880
					
				

			

		

		

			
				
通过学习大模型部署、大模型检索增强生成（Retrieval Augmented Generation, RAG）实战、大模型微调实战，掌握大模型应用全栈开发.本假期参与了Datawhale AI 夏令营第四期，主要是对大模型应用开发方向感兴趣。希望在夏令营可以学到更多知识，认识更多小伙伴。跑完Task1，感觉没有想象中那么难，对新手很友好！

			
		

	





	

		

			

				
					
Vue开发工具使用技巧

					
最新发布

				
			

			

				

					2509_93946471的博客
				

				

					11-24
					
					224
					
				

			

		

		

			
				
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。

			
		

	





	

		

			

				
					
Python全栈开发项目——AI智能聊天机器人

				
			

			

				

					qiao_yue的博客
				

				

					11-24
					
					508
					
				

			

		

		

			
				
本项目实现了AI聊天功能，具有语音输入和聊天背景自定义等亮点功能

			
		

	





	

		

			

				
					
【前端】Grid布局实现瀑布流：随机生成数据、动态计算每项高度、无限滚动、异步请求更多

				
			

			

				

					karshey的博客
				

				

					11-21
					
					989
					
				

			

		

		

			
				
本文介绍了使用CSS Grid布局实现瀑布流效果的方法。普通版通过设置grid-auto-rows:10px和动态计算gridRowEnd实现基础瀑布流布局。进阶版则通过随机生成颜色和高度数据，并实现无限滚动加载功能，模拟异步请求场景。核心思路是利用Grid布局的特性，动态计算每个项目在网格中的跨度，从而实现参差不齐的瀑布流排列效果。文中提供了完整的代码示例和实现原理说明。

			
		

	





	

		

			

				
					
Spring Boot 集成 Spring AI：实现大模型对话与MCP Client

				
			

			

				

					iioSnail的博客
				

				

					11-20
					
					833
					
				

			

		

		

			
				
上篇文章中（Spring Boot 集成 Spring AI：实现可被大模型调用的 MCP Server），我们构建了一个MCP Server，提供了查询个人信息、查询订单信息、下单等操作。但是，上篇文章我们使用的是Cherry Studio作为客户端来与后端进行交互。实际生产中，让客户去下载Cherry Studio，然后配置MCP Server显然不显示。因此，本篇文章将会教会你如何使用 Spring AI 构建一个简单的聊天界面，并支持MCP Client.

			
		

	





	

		

			

				
					
Vue3响应式原理详解

				
			

			

				

					2509_93942542的博客
				

				

					11-24
					
					378
					
				

			

		

		

			
				
当访问响应式对象的某个属性时，get拦截器会被触发，此时会执行track函数来收集当前的依赖（也就是正在运行的副作用函数）。当effect执行时，Vue3会将其设置为当前活跃的副作用函数，这样在访问响应式数据时，get拦截器就能准确知道是哪个effect依赖了这个数据。值得一提的是，Vue3的响应式系统是完全独立的模块，这意味着它可以在任何JavaScript环境中使用，不仅限于Vue框架。另外，Proxy的拦截是浅层的，对于嵌套对象需要递归代理，Vue3通过在get拦截器中自动解包来实现这一功能。

			
		

	





	

		

			

				
					
Vuex的store特性

				
			

			

				

					xiaoxiaoovo的博客
				

				

					11-20
					
					221
					
				

			

		

		

			
				
分别是overview和home，在overview页面修改store中的配置，切换浏览器页签到home页面想要使用最新的store，需要按照以下流程进行实现。不同标签页（window.open）每个标签页是独立的Vue应用。共享同一个Vue应用实例。共享同一个Vue应用实例。同一标签页的路由切换。Vue应用重新初始化。

			
		

	





	

		

			

				
					
WebService — apache axis 1.4 — wsdl — 整合第三方短信

				
			

			

				

					Keep Reading Keep Writing Keep Thinking
				

				

					11-21
					
					405
					
				

			

		

		

			
				
本文记录了使用Apache Axis 1.4整合第三方短信服务的过程。首先搭建环境，下载Axis 1.4并配置环境变量，添加必要的jar包。获取短信服务的WSDL文件（本地或在线），示例使用了http://ip:port/WSSMSIF/services/SmsService?wsdl。文中详细描述了WSDL文件结构，包含SmsMessage、SmsMessages等复杂类型定义，为后续接口调用提供基础。整个流程涵盖了从环境配置到接口文档解析的关键步骤，适用于对接老旧WebService系统。

			
		

	





	

		

			

				
					
HarmonyOS + Cordova：原生与 Web 双向桥接常见问题总览与解决方案

				
			

			

				

					小淼淼的博客
				

				

					11-21
					
					412
					
				

			

		

		

			
				
本文分析了HarmonyOS+Cordova双向桥接通信的常见问题与排查方法。主要内容包括：1）两条核心链路：JS调原生（cordova.exec→ArkTS插件）和原生调JS（onArkTsResult事件推送+JS Proxy注入）；2）常见问题点：service/action不匹配、回调缺失、JSON解析失败、Proxy注入时机不当等；3）排查流程：通过日志打点定位问题层级，检查发起方→桥接层→接收方的调用链；4）优化建议：统一消息结构、确保回调完整性、合理控制数据频率。文章提供了系统化的故障定位思路

			
		

	





	

		

			

				
					
React性能问题导致的页面卡顿处理

				
			

			

				

					2509_93941399的博客
				

				

					11-23
					
					231
					
				

			

		

		

			
				
打开React DevTools的Profiler录制功能，操作表格筛选时发现某个子组件在每次输入框变化时都会重新渲染。明明数据没变化，整个子树却跟着刷新的元凶就是：父组件传递的props是每次重新生成的匿名对象！性能优化没有银弹，关键是要理解React的渲染机制，对症下药才能药到病除。在实际项目中还遇到了一个隐藏很深的性能陷阱：Context引起的全局重渲染。当我们在根组件提供主题配置Context时，任何主题值的变动都会导致所有消费组件重渲染，哪怕它们只使用了Context中的部分数据。

			
		

	





	

		

			

				
					
JavaScript移动应用案例

				
			

			

				

					2509_93946509的博客
				

				

					11-21
					
					308
					
				

			

		

		

			
				
客户想要一个轻量级的社区平台，重点在消息推送和实时交互。Ionic 的 Cordova 插件帮了大忙，比如用相机插件实现图片上传，用地理位置插件做附近的用户推荐。数据库方面，我们选了 Firebase 作为后端，它的实时同步功能和 JavaScript SDK 无缝集成，省去了自己搭服务器的麻烦。这个项目的亮点是插件生态——我们自定义了一个文件导出插件，把任务列表生成 Excel，员工反馈很实用。不过，PhoneGap 的性能瓶颈明显，在低端设备上偶尔卡顿，我们通过减少 DOM 操作和压缩资源缓解了问题。

			
		

	





	

		

			

				
					
第 7 天家庭作业详解与实践——JavaScript基础

				
			

			

				

					
				

			

		

		

			
				
根据“标签”中的"JavaScript"，我们可以确认，家庭作业涉及的知识点肯定与JavaScript语言相关。可能涵盖了变量、函数、事件处理、DOM操作、数组、对象等基础概念，也有可能涉及到更高级的主题，如异步编程（使用...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
老板来片烤面包

			
君子博学于文，赠之以礼,谢君~

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值