最后
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
我特地针对初学者整理一套前端学习资料
v-bind 动态绑定属性
在data 中定义了一张图片,我们希望把这张图片渲染到页面上。
export default {
data () {
return {
img: ‘http://destiny001.gitee.io/image/monkey_02.jpg’
}
}
}
利用 v-bind 进行渲染
缩写:
data中定以一个数组,最终将数组渲染到页面上
data () {
return {
arr: [
{ name: ‘刘能’, age: 29 },
{ name: ‘赵四’, age: 39 },
{ name: ‘宋小宝’, age: 49 },
{ name: ‘小沈阳’, age: 59 }
]
}
}
利用 v-for 进行循环
名字 : {{ item.name }} --年龄 : {{item.age}}
uni中的事件
事件绑定
在uni 中事件绑定和vue中是一样的,通过v-on进行事件绑定,也可以简写@
<botton @click=“tapHandle”> 我是一个按钮
事件函数定义在 methods中
methods:{
tapHandle (){
console.log (‘点击成功!’);
}
}
事件传参
- 默认如果没有传递参数,事件函数第一个形参为事件对象
// template
<button @click=“tapHandle”>点我啊
// script
methods: {
tapHandle (e) {
console.log(e)
}
}
- 如果给事件函数传递参数了,则对应的事件函数形参接收的则是传递过来的数据
常用的JavaScript设计模式
-
单体模式
-
工厂模式
-
例模式
函数
-
函数的定义
-
局部变量和全局变量
-
返回值
-
匿名函数
-
自运行函数
-
闭包
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
e65ecb71ac0)**