前端框架是什么

前端框架是什么

框架:

一种把许多基础功能已经实现了的结构,在语言的基础上,把一些常用的,重复出现的功能进行封装,使得开发人员可以更高效的进行开发

前端框架:

js框架:对js进行封装,简化代码方便操作

UI框架:把一些常用的UI组件(表单,表格,按钮...)进行封装

Vue:

一个前端js框架,简化了js操作

其中MVVM思想实现数据双向绑定(标签展示和js中的数据),任意一方发生改变,框架都会自动更新另一方,程序猿不需要直接操作DOM对象(标签)。

第一个Vue程序:

html:

html 复制代码
	<div id="ddd">
		
		<!-- 
			{{插值表达插入变量,不会覆盖标签体中的内容}}
			v-text,v-html会覆盖掉标签体中的内容
			v-text会把内容当作文本处理
			v-html会把内容当作html内容处理,可以解析标签
		 -->
		
		<p>{{msg}} vue {{a}}</p>
		<!-- <b>你好<b> vue -->
		<p v-text="msg">vue</p>		
		<!-- <b>你好<b> -->
		<p v-html="msg">vue</p>
		<!-- 你好 -->
		
	</div>

js:

js 复制代码
	<script>
	
		var msg="abc";
		//new Vue对象
		var ddd=new Vue({
			el:'#ddd',	//将id为app的标签与vue对象进行绑定
			data:{	//data中用来定义与标签进行双向绑定的数据,可以定义多组的
				msg:"<b>你好<b>",
				a:10	//无分号
			}
		})
	
	</script>
相关推荐
爱上妖精的尾巴8 分钟前
8-5 WPS JS宏 match、search、replace、split支持正则表达式的字符串函数
开发语言·前端·javascript·wps·jsa
小温冲冲10 分钟前
通俗且全面精讲单例设计模式
开发语言·javascript·设计模式
意法半导体STM3240 分钟前
【官方原创】FDCAN数据段波特率增加后发送失败的问题分析 LAT1617
javascript·网络·stm32·单片机·嵌入式硬件·安全
Liu.7741 小时前
vue开发h5项目
vue.js
咔咔一顿操作1 小时前
轻量无依赖!autoviwe 页面自适应组件实战:从安装到源码深度解析
javascript·arcgis·npm·css3·html5
刘联其1 小时前
.net也可以用Electron开发跨平台的桌面程序了
前端·javascript·electron
韩曙亮1 小时前
【jQuery】jQuery 选择器 ④ ( jQuery 筛选方法 | 方法分类场景 - 向下找后代、向上找祖先、同级找兄弟、范围限定查找 )
前端·javascript·jquery·jquery筛选方法
pas1361 小时前
42-mini-vue 实现 transform 功能
前端·javascript·vue.js
柒.梧.2 小时前
从零搭建SpringBoot+Vue+Netty+WebSocket+WebRTC视频聊天系统
vue.js·spring boot·websocket
你的代码我的心2 小时前
微信开发者工具开发网页,不支持tailwindcss v4怎么办?
开发语言·javascript·ecmascript