现在是一级节点,用来写标签组件,是并行的一级节点,即一级节点有3个。
注意,必须有一个视图,并且只能有一个根视图。所有内容都写在这个视图下面。
引用外部文件的方式发生变化
以前外部js和css是通过src和链接href引入的;
现在是用es6编写的,引入了外部js模块(注意不是文件)或者css。
@url(".//uni/uni.css");
js 将进来并成为一个对象。
uni-app目录下有一个工具类util.js。您可以在uni-app中搜索该示例查看。
在这个util.js中,我们需要将前面的方法封装成一个对象
(时间) {
time;//这里没有写逻辑
。 = {
:
一些高级用法:
//直接使用js模块的属性。 uni-app中有例子
var = ('.../.../...//util.js').;
//导入并重命名js为,然后使用.继续执行该方法。 uni-app中有例子
* 从'///..min.js'开始;
css外部文件导入
全局样式写入根目录的app.vue中,每个页面都会加载app.vue中的样式。
**此外,Vue支持组件导入,可以更方便地封装一个包括界面、js、样式的库。
以下是导入字幕的组件库。页面上显示一个abc,右上角有一个数字下标1。 **详情请参阅
如果需要全局导入vue组件,即每个页面都可以直接使用,无需引用注册,则在项目根目录的main.js中处理。以下是uni-app中的示例。
//main.js
来自 './/page-head.vue' //导入
('page-head', ) //注册。注册后,该组件可以直接在各个vue页面中使用。
组件/标签更改
以前是html标签,现在是小程序组件。
区别
除了更改之外,还添加了一些手机上常用的新组件:
除了内置组件之外,还有很多开源的扩展组件,封装了常用的操作。插件市场已经建立以包含这些扩展组件。详情请参见插件市场。
js 变化
1、经营环境的变化
运行环境从浏览器变为v8引擎
支持标准js语法和API,如if、for等。
但是,特定于浏览器的对象(包括存储)仅在浏览器中可用,并且不受应用程序和小程序支持。
可能有人认为js就等于浏览器中的js。其实js是由组织管理的。浏览器中的js是w3c组织在js规范的基础上添加了 、 、 等特殊对象。
uni-app各端中,除了h5端外,其他端的js运行在独立的v8引擎下,而不是在浏览器中,因此无法使用浏览器对象。如果你曾经做过小程序开发,你应该对此非常了解。
这意味着它所依赖的很多HTML库都无法使用。
当然,应用程序和小程序都支持Web视图组件,可以加载标准HTML。此类页面仍然支持浏览器特定的对象、、、。
2、数据绑定方式的变化
之前的DOM操作改为Vue的MVVM模式。
目前前端的趋势是去dom化,改用mvvm模式,这是一种更简洁的编写方式,大大减少代码行数,同时差分渲染性能更好。
uni-app使用vue的数据绑定方式来解决js与dom界面的交互问题。
如果你想改变某个DOM元素的显示内容,比如视图的显示文本:
以前都是给视图设置ID,然后在JS中通过选择器获取DOM元素,再通过JS进一步进行赋值操作,修改DOM元素的属性或者值。
下面演示一段代码。页面上有一个显示的文本区域和一个按钮。单击该按钮将修改文本区域的值。
123
修改为789
** 让我自我介绍一下。我2013年毕业于上海交通大学,曾在小公司和华为、OPPO等大公司工作过。我于2018年加入阿里巴巴,一直到现在。 **
我知道,大多数前端工程师想要提高自己的技能,往往必须自己探索和成长,或者报名参加课程。但培训机构几千的学费确实压力很大。没有系统的自学效果低效且冗长,很容易触碰天花板,技术停滞不前!
因此,我们收集整理了《2024年Web前端开发全套学习资料》。初衷也很简单。希望能够帮助到想要学习、提升自己却又不知道从哪里开始的朋友,同时也减轻大家的负担。
既有适合新手学习的基础教材,也有适合3年以上经验的朋友深入学习和提高的高级课程。基本涵盖了95%以上的前端开发知识点,真正系统化!
由于文件比较大,这里只是截取部分目录。每个节点包含各大厂商访谈、学习笔记、源码讲义、实战项目、讲解视频,并将持续更新!
如果您觉得本内容对您有帮助,可以扫码获取! ! (注:前端)
终于
它是一种真正的前端必须掌握的编程语言。学会灵活运用,对以后的学习和工作都有很大的帮助。掌握它最重要的是先学习基础知识,然后通过不断的实战来提高我们的编程能力和逻辑思维。这一部分的学习是持续不断的,直到我们真正掌握并能灵活运用为止。如果一开始学习一两次后,发现没有改进的空间,可以暂时搁置。在我们的前端工作中继续下面的学习,在后续的学习实现中也会遇到和锻炼。现实生活中并不难理解,关键是要灵活运用。
资料领取方式:点击此处免费领取全套前端学习资料
ps:///2024/03/13/.jpg"/>
终于
它是一种真正的前端必须掌握的编程语言。学会灵活运用,对以后的学习和工作都有很大的帮助。掌握它最重要的是先学习基础知识,然后通过不断的实战来提高我们的编程能力和逻辑思维。这一部分的学习是持续不断的,直到我们真正掌握并能灵活运用为止。如果一开始学习一两次后,发现没有改进的空间,可以暂时搁置。在我们的前端工作中继续下面的学习,在后续的学习实现中也会遇到和锻炼。现实生活中并不难理解,关键是要灵活运用。
资料领取方式:点击此处免费领取全套前端学习资料
[外部链接图片正在传输中...(img--66)]
[外部链接图片正在传输中...(img--67)]