摘要: 先来看下示例 import React ,{Component} from 'react' let defaultValue = { username:'qqq', password:'', sex:'1',//1,男 0,女 ah:["足球"], city:'咸阳', loveCity:[], d 阅读全文
posted @ 2020-07-22 14:23 upupupupupgo 阅读(114) 评论(0) 推荐(0) 编辑
摘要: ###react列表 ####渲染多个组件 import React,{Component} from 'react' function NumberList () { const numbers = [1,2,3,4,5] const listItems = numbers.map(number 阅读全文
posted @ 2020-07-21 15:36 upupupupupgo 阅读(154) 评论(0) 推荐(0) 编辑
摘要: ###forEach 定义:forEach是给数组的每一个元素执行一次给定的函数 ####语法 arr.forEach(callback(currentValue [, index [, array]])[, thisArg]) ####参数 #####callback 为每个元素执行的函数,该函数 阅读全文
posted @ 2020-07-21 14:19 upupupupupgo 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 1. 翻译: 在.idea/workspace.xml.文件中LF将被CRLF替换。 在工作区(working directory)里,这个文件将会保持它原本的换行符。(line ending:行尾,换行) 注解: LF:Line Feed 换行 CRLF:Carriage Return Line 阅读全文
posted @ 2020-05-10 21:41 upupupupupgo 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 在我们用vue脚手架搭建的项目中,我们可以看到package.json中有一个字段 那么什么是browserslist?它的作用是什么?这就是本文即将叙述的,如有不对的地方,请斧正。 browserlist browserlist是一个前端项目配置工具,功能是在前端工具之间共享目标环境的浏览信息 T 阅读全文
posted @ 2020-04-27 19:46 upupupupupgo 阅读(3375) 评论(0) 推荐(0) 编辑
摘要: @vue/cli service 我们使用vue cli3来创建的项目中,我们会发现在package.json的script字段里面会有如下信息 注:在package.json中 字段指定了运行脚本命令的npm行的缩写,在上述的script字段里代表的意思就是执行npm run serve / np 阅读全文
posted @ 2020-04-27 17:16 upupupupupgo 阅读(6074) 评论(0) 推荐(1) 编辑
摘要: 条件渲染 引言 我们知道react是用于构建用户界面的JavaScript库。可以用其创建拥有各自状态的组件,在由这些组件构建更加复杂的UI组件。但是在某些情况下,我们需要根据不同的 条件渲染不同的UI,实现不同的功能。react是用JSX来定义UI组件的,但是它不直接支持循环或条件表达式,即使这样 阅读全文
posted @ 2020-04-10 17:44 upupupupupgo 阅读(192) 评论(0) 推荐(0) 编辑
摘要: ###React事件处理 在之前的博文中,我们知道怎么给react的class组件的 dom绑定事件了,现在我们在一起实现给react DOM绑定事件 给函数组件绑定事件 function FnEvent(){ function handleClick(e){ console.log('this i 阅读全文
posted @ 2020-04-07 21:10 upupupupupgo 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 在元素渲染章节中,我们了解了一种更新UI界面的方法,通过调用ReactDOM.render()修改我们想要的 元素 在上述代码中我们封装了一个clockCom的class组件,每次组件更新时候render方法都会被调用,但只要在相同的DOM节点中渲染,就 仅有一个ClockCom组件的class实例 阅读全文
posted @ 2020-04-01 23:55 upupupupupgo 阅读(263) 评论(0) 推荐(0) 编辑
摘要: [TOC] 什么是npm? npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题 npm基本操作理解? 1. 有一个放了所有需要被共享的代码的代码仓库, 2. 发邮件通知jquery,bootstrap,underscore作者使用npm publish把代码提交到代 阅读全文
posted @ 2020-03-19 12:42 upupupupupgo 阅读(176) 评论(0) 推荐(0) 编辑