当前位置: 首页 > news >正文

腾讯学生服务器可以做网站吗做网站是用c 吗

腾讯学生服务器可以做网站吗,做网站是用c 吗,益阳seo网站建设,百度在哪些城市有分公司一、state 了解 理解 1、state 是组件对象最重要的属性#xff0c;值是对象#xff08;可以包含多个 key-value 的组合#xff09; 2、组件被称为 “状态机”#xff0c; 通过更新组件的 state 来更新对应的页面显示#xff08;重新渲染组件#xff09; 强烈注意 1、…一、state 了解 理解 1、state 是组件对象最重要的属性值是对象可以包含多个 key-value 的组合 2、组件被称为 “状态机” 通过更新组件的 state 来更新对应的页面显示重新渲染组件 强烈注意 1、组件中 render 方法中的 this 为组件实例对象 2、组件自定义的方法中 this 为 undefined如何解决 a)、强制绑定 this通过函数对象的 bind() b)、自定义方法使用赋值语句箭头函数 3、状态数据不能直接修改或更新需要通过 setState 方法进行修改 二、案例 定义一个展示天气信息的组件默认展示天气炎热 或 凉爽点击文字切换天气 基础写法了解 !DOCTYPE html html langen headmeta charsetUTF-8titlestate/title /head body!-- 准备好一个“容器” --div idtest/div!-- 引入react核心库 --script typetext/javascript src../js/react.development.js/script!-- 引入react-dom用于支持react操作DOM --script typetext/javascript src../js/react-dom.development.js/script!-- 引入babel用于将jsx转为js --script typetext/javascript src../js/babel.min.js/scriptscript typetext/babel// let that // ********了解定义变量缓存this// 1、创建组件class Weather extends React.Component {// 构造器调用几次———— 1次实例化组件时调用constructor(props) { // props为组件三大属性二后续学习console.log(constructor)super(props)// 初始化状态this.state { isHot: false, wind: 微风 }// that this // ********了解赋值this给that// 解决changeWeather中this指向问题获取原型上的changeWeather修改this指向为实例对象返回新函数挂载在实例自身this.changeWeather this.changeWeather.bind(this)}// render调用几次———— 1n次实例化组件时调用1次、n是状态更新的次数render() {console.log(render)const { isHot, wind } this.statereturn h2 onClick{ this.changeWeather }今天天气很 { isHot ? 炎热 : 凉爽 } { wind }/h2// ********了解定义changeWeather在类外部// return h2 onClick{changeWeather}今天天气很 { isHot ? 炎热 : 凉爽 } { wind }/h2}// changeWeather调用几次———— 点几次调几次changeWeather() {// changeWeather放在哪里———— Weather的原型对象上供实例使用// console.log(this) // undefined// 由于changeWeather是作为onClick的回调所以不是通过实例调用的是直接调用// 类中的方法默认开启了局部的严格模式所以changeWeather中的this为undefinedconsole.log(changeWeather)const { isHot } this.state// 严重注意状态必须通过setState进行更新且更新是一种合并不是替换。this.setState({ isHot: !isHot })// 严重注意状态(state)不可直接更改// this.state.isHot !isHot // 错误写法React中值未改变}}// 2、渲染组件到页面ReactDOM.render(Weather/, document.getElementById(test))// ********了解定义在类外部一般不这么写// function changeWeather() {// console.log(this) // this为undefined因为babel会将jsx转换为严格模式严格模式下自定义函数中this为undefined// console.log(that.state)// }/script /body /html简化写法常用 !DOCTYPE html html langen headmeta charsetUTF-8titlestate简写方式/title /head body!-- 准备好一个“容器” --div idtest/div!-- 引入react核心库 --script typetext/javascript src../js/react.development.js/script!-- 引入react-dom用于支持react操作DOM --script typetext/javascript src../js/react-dom.development.js/script!-- 引入babel用于将jsx转为js --script typetext/javascript src../js/babel.min.js/scriptscript typetext/babel// 1、创建组件class Weather extends React.Component {// constructor构造器不需要时可省略// 初始化状态类中可以直接写赋值语句如下代码的含义是给Weather的实例对象添加一个属性statestate { isHot: false, wind: 微风 }render() {const { isHot, wind } this.statereturn h2 onClick{ this.changeWeather }今天天气很 { isHot ? 炎热 : 凉爽 } { wind }/h2}// 自定义方法要用赋值语句的形式将changeWeather放在实例对象上而不是原型对象上 箭头函数箭头函数没有this指向父级的this为实例对象changeWeather () {console.log(this)const { isHot } this.statethis.setState({ isHot: !isHot })}}// 2、渲染组件到页面ReactDOM.render(Weather/, document.getElementById(test))/script /body /html三、原生事件绑定方法 1、element.addEventListener(事件名, 方法) 2、element.onclick 方法 3、直接在标签上绑定 !DOCTYPE html htmlheadmeta charsetUTF-8 /titleDocument/title/headbodybutton idbtn1按钮1/buttonbutton idbtn2按钮2/buttonbutton onclickdemo()按钮3/buttonscript typetext/javascriptconst btn1 document.getElementById(btn1)btn1.addEventListener(click, () {alert(按钮1被点击了)})const btn2 document.getElementById(btn2)btn2.onclick () {alert(按钮2被点击了)}function demo(){alert(按钮3被点击了)}/script/body /html注意 React 对原生 javascript 中所有的事件做了一层封装 比如onclick 在 React 中需要写为 onClick
http://www.sadfv.cn/news/361337/

相关文章:

  • 广西网站建设开发论坛外链代发
  • 手机 网站开发软件苏州吴江做网站公司
  • 问答网站建设免费网站技术
  • 广东企业网站模板定制wordpress python插件
  • 专业版装修用什么网站做导航条事业单位网站建设费科目
  • 极速网站建设公司企业管理
  • 建设银行网站查询深圳建筑设计公司
  • 中山 五金 骏域网站建设专家公司章程范本
  • 网站功能设计方案做网站彩票代理犯法吗
  • 科技创新网站建设策划书网红自助下单网站
  • 书画工作室网站模板网站建设网站第三方微信登陆怎么做的
  • 网页版梦幻西游礼品码seo快速排名软件方案
  • 网站优化细节怎么做简洁好看的网站
  • 网站建设和编程本网站仅支持ie浏览器
  • 扬州市城市建设投资公司网站手机触屏网站开发教程
  • 火山软件开发平台官网seo是什么级别
  • 杭州市城乡建设 网站南浔区住房城乡建设局网站
  • jn建站系统wordpress被改密码
  • c 做的博客网站濮阳佳杰网站建设巧用不对称
  • 下载的网站模板如何安装社交网站建设网
  • 网站做多宽网站建设如何维护
  • 企业网站帮助中心办公室装修费用一般待摊几年
  • 网站SEO建设免费优化网站排名
  • 教你如何建设网站网站搭建教程吾爱破解
  • iis7 网站 目录wordpress文章缩略图功能
  • 邢台建网站公司广州做网站多少钱
  • 公司网站开发策划口碑好的微信网站建设
  • 生成flash的网站源码珠海网站建设优化
  • 网站用什么语言开发wordpress防cc代码
  • 嘉兴电子网站建设广告学出来好找工作吗