ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

菜鸡后端的前端学习记录

菜鸡后端的前端学习记录

前言

记录一下看视频学习前端的的一些笔记,以前对Html、Js、CSS有一定的基础(都认得,没用过),现在不想从头再来了,学学Vue框架,不定时更新,指不定什么时候就鸽了。。。。
忘了记一下看的视频了,有兴趣的可以去看一看,目前感觉讲的还不错,但是需要有一定基础:
【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】

开发工具使用记录:

  1. VsCode代码提示挺不友好,配置起来还不一定生效(太菜了),照着打容易打错,有点痛苦,优点是免费
  2. WebStorm提示不错,也不用额外搞什么配置,安装就能用,缺点就是收费,要不就得去想办法白嫖

开年会+周末先鸽几天

Vue2

01 P1~P6初识Vue

image.png

02 P7 模板语法

image.png

03 P8 数据绑定

image.png

04 P9 el和data的俩种写法

image.png
image.pngimage.png
image.png

05 P10 MVVM模型

数据代理?
image.png
image.png

06 P11~P13 数据代理 通过一个对象代理对另一个对象中属性的操作(读/写)

image.png

Object.defineproperty方法
image.png

image.png

07 P14~P17 事件处理

P14 事件的基本使用

image.png
P15 事件修饰符
修饰符可以连续写
image.png
P16 键盘事件
按键可以组合 ctrl.y
image.png

08 P17~P20 计算属性

image.png

  1. 对比 methods和插值语法,methods进行属性计算时,不会有缓存(应该有方式缓存吧?),会多次调用使用计算属性的方式时,如果值不变,后续若调用多次,有缓存的话只会调用一次;

  2. 还有需要注意的是在标签内部使用插值语法调用methods中的方法时,需要加括号,否则只会输出函数,不会调用函数,要注意区分method和computed,methods需要注意括号问题,computed是属性的特殊写法,简写形式使用时不需要加括号

image.png
image.png
3. 计算属性可以简写,简写需要满足只读不写的需求
image.png

09 P21~P24 监视属性-深度监视

image.png
image.png

  1. 计算属性,data中的属性都可以被监视

image.png

  1. 绑定事件时可以写一些简单的语句

image.png

  1. 深度监视,提供给程序员使用的方法默认关闭深度监视,数据结构复杂时可能会耗费性能

image.png
image.png
4. 监视属性简写,不配置immediate 或者 deep 的时候

简写时不能使用箭头函数,使用后this对象会变为window

image.png

返回列表