React 基础入门 | 学习笔记
React 原理和 JSX
React 是 Facebook 开发出的一款 JS 框架 Facebook 认为 MVC 无法满足他们的扩展需求 React 发布于 2013 年
特点:
react 不使用模板
react 不是一个 MVC 框架
响应式(数据更新)
一个轻量级的 JS 库
原理
虚拟 DOM react 把 DOM 抽象成一个 JS 对象
diff 算法
虚拟 DOM 确保对界面上真正发生的部分进行实际 DOM 操作(先更改虚拟 DOM 再将真正发生变化的部分进行实际 DOM 操作)(虚拟 DOM 的存在是因为每次都进行完整 DOM 操作非常浪费资源)
逐层次进行节点比较
React 开发环境的搭建
react.js 核心文件 npm install --save react
react-dom.js /react-native.js 渲染页面中的 DOM 当前文件依赖于 react 核心文件 npm install --save react-dom
babel.js ES6 转换为 ES5 JSX 语法转换为 Jav ...
摄影 | 户外打鸟
机身:SONY A7M2
镜头:SONY 24-70GM SONY 24-240mm
出镜:无
地点:深圳湾公园
点击可看大图
Vue 基础入门 | 学习笔记
Vue 使用总结
组件化编程思想 在 component 文件夹内编写的组件可以通过 import 引入页面使用(标签)(引入页面 components 内注册)
Vue 模板语法
使用实现数据绑定,变量写在 data 中
v-once 属性和 const 差不多 定义为常量、不可变 模板:v-once=‘变量名’
v-html 属性可在 data 中写入 html 语句进行渲染 模板: v-html=‘变量名’
{{ }}格式的数据绑定可写入
数学计算式
三目运算
JS 功能函数
v-bind 属性可给标签绑定属性
模板语法: v-bind=:属性=‘变量名’ 变量在 data 中定义、描述
缩写: :属性=‘变量名’
例: :disabaled=‘msg’ data 中 msg:true
v-on 属性给标签绑定事件 不止于 click
模板: v-on:事件名=‘函数名’ 缩写: @事件名=‘函数名’
例: @click=‘change()’
methods 中写入函数
Vue 条件语句 ...
摄影 | 古城风光
机身:SONY A7M2
镜头:SONY 24-70GM SONY 24-240mm
出镜:无
地点:绍兴
点击可看大图
摄影 | 人文集锦
机身:SONY A7M2
镜头:SONY 24-70GM
出镜:人民群众
地点:集锦
点击可看大图
摄影 | 校园一角
机身:SONY A7M2
镜头:SONY 50mm F1.8
出镜:CC、朵朵奇、鑫哥、可爱的同学们…
地点:教学楼、图书馆、匠心坊
点击可看大图
摄影 | 追逐光影
机身:SONY A7M2 Canon EOS 750D
镜头:SONY 24-70GM Canon EF-S 18-138mm
出镜:无
地点:集锦
点击可看大图
摄影 | 芭蕾舞者
机身:SONY A7M2
镜头:SONY 50mm F1.8
出镜:zys
地点:舞蹈室
点击可看大图
摄影 | 风光集锦
机身:SONY A7M2
镜头:SONY 24-70GM SONY 24-240mm
出镜:无
地点:集锦
点击可看大图