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语法转换为JavaScript 先进浏览器进行代码兼容 npm install --save bab ...
摄影 | 户外打鸟
机身: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条件语句 遍历循环渲染
v-if条 ...
摄影 | 古城风光
机身: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
出镜:无
地点:集锦
点击可看大图