- 博客(45)
- 资源 (3)
- 收藏
- 关注
原创 mac 上传项目到github
在终端中进入自己要提交的代码目录下输入git init //初始化本地仓库git add . //将代码放到提交区git commit -m “commit”//提交到要地仓库,并写一些注释 -m 代表注释git remote add origin git@github.com:wwwo09/Demo.git //连接远程仓库并建了一个名叫:origin的别名git pull --re...
2019-04-29 22:47:19 214
原创 Mac下anaconda3启动tensorflow和tensorboard
启动tensorflow:cd /cd anaconda3/bin/jupyter-notebook启动tensorboard:cd /cd anaconda3/tensorboard --logdir=log/02或者是启动指定的日志文件02在python代码中需要写入log文件:import tensorflow as tftf.reset_defaul...
2019-04-19 11:08:21 660
原创 react遇到一个问题,不知道为什么this.state存不进去ref的value
import React, { Component } from 'react';import './index.css'class Register extends Component { constructor(props) { super(props); this.state = { user_password: "", user_emai...
2019-04-18 17:49:52 730
原创 react 中axios的引用方法
一。在组件中引用组件import React, { Component } from 'react';import './index.css';import axios from 'axios';class Login extends Component { constructor(props) { super(props); } //当组件输出到 DOM 后...
2019-04-18 15:50:06 3614
原创 react受控组件改写为非受控组件
受控import React, { Component } from 'react';class CommentBox extends Component { constructor(props) { super(props); this.state = { value: "" }; this.handleChange = this.han...
2019-04-16 11:15:04 504
原创 react的props必须像纯函数那样使用他们的组件
react的props必须像纯函数那样使用他们的组件纯函数:function sum(a,b){return a + b;}非纯函数:function sum2(a,b){a = a + b;return a;}
2019-04-16 09:21:17 597
原创 React.Fragment
React.Fragment官方文档:React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。Fragments 看起来像空的 JSX 标签:render() { return ( <> <ChildA /> <ChildB /> ...
2019-04-16 00:29:03 616
原创 react选项卡----只有标签
import React, { Component } from 'react';import './index.css'class TabItem extends Component { constructor(props){ super(props); this.state = { n:0 } };...
2019-04-15 00:51:38 400
原创 react中如何做到css样式私有
提问原因:在一个.css文件中的header类设置颜色为黑色,页面效果却是红色。发现在app.css中设置header类的color:red;提问:如何私有css?(在vue中通过scoped使得css样式变为私有)解决:一。根本办法:用css module完全可以做,在create-react-app中使用css modules这里又分为两种方式:一种引入,一种修改配置(...
2019-04-14 21:30:38 7595 1
原创 react 让虚拟dom单页app占满屏幕的两种方式
index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" /> <meta nam...
2019-04-14 21:03:59 640
原创 react异步数据如ajax请求应该放在哪个生命周期?
对于同步的状态改变,是可以放在componentWillMount,对于异步的,最好好放在componentDidMount。但如果此时有若干细节需要处理,比如你的组件需要渲染子组件,而且子组件取决于父组件的某个属性,那么在子组件的componentDidMount中进行处理会有问题:因为此时父组件中对应的属性可能还没有完整获取,因此就让其在子组件的componentDidUpdate中处理。...
2019-04-14 11:59:30 1321
原创 create-react-app脚手架如何引入public下的css
引入src文件夹外的css样式报错:Relative imports outside of src/ are not supported.解决办法:1,项目直接eject命令,如果之前执行过了产生了webpack等文件就不用再执行。 2,将webpack.config.js中ModuleScopePlugin命令注释掉即可。//n...
2019-04-14 00:28:06 2808
原创 react input输入值进行绑定
import React, { Component } from 'react'import '../App.css'//A其实就是一个简单的高阶组件export default (title) => WrappedComponent => class A extends Component { refc(instance) {//instance指的是Wrapp...
2019-04-13 22:02:04 3135
原创 react:npm run eject报错:Remove untracked files, stash or commit any changes, and try again.
Remove untracked files, stash or commit any changes, and try again.原因:你有改动项目的其他内容之后 再尝试eject就会这样解决:先git add .然后git commit -m "init"然后再npm run eject...
2019-04-13 17:50:08 862
原创 模拟数据--菜品
const data = [ { id:1, shop:"院落创意菜", picture:"http://img1.imgtn.bdimg.com/it/u=2440095791,1511299106&fm=26&gp=0.jpg", product:"百香果(冷饮)1扎", price:19...
2019-04-12 22:17:30 435
原创 react定义组件的方法有哪些?
1.函数式无状态组件2.es5方式React.createClass组件3.es6方式extendsReact.Component1.函数式无状态组件 语法:function HelloComponent(props){return <div> Hello {props.name}</div>}...
2019-04-12 18:49:09 1481
原创 target,currentTarget和this三者的区别
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(注册该事件的对象)(一般为父级)。this指向永远和currentTarget指向一致(只考虑this的普通函数调用)。点击第...
2019-04-12 17:58:14 195
原创 react引用图片问题
(问题:引入图片): ./代表的含义是http://localhost:3000/,即是代表根目录下的public目录下。我的图片样式正确,路径正确,可是加载不出来。这又几种方法正确引入图片:(1)。已经路径的图片,路径中不含有变量,用如下方法:(就算是同级目录下,也要加上./,不然会报错)注意:require中只能放字符串,不能放变量create-react...
2019-04-12 17:47:00 3095
原创 Objects are not valid as a React child (found: object with keys {id, src, title}). If you meant to r
这种错误说明你在html中输出了一个对象
2019-04-12 17:02:00 12729 1
原创 npm inti -y 卡住解决办法
wanggonggegedeMacBook-Air:react-webpack wanggonggege$ sudo npm n init -yPassword:Usage: npm <command>where <command> is one of: access, adduser, audit, bin, bugs, c, cache, ci...
2019-04-10 18:30:27 1806
原创 Mac OS X 启用超级用户 sudo -s 获得系统权限 Mac终端命令
Mac OS X 启用超级用户 sudo -s 获得系统权限 Mac终端命令
2019-04-10 18:23:12 8524
原创 react可控组件和不可控组件
在React中的input标签是有些小坑的,input本身就有自己的缓存机制,然后React的State也有缓存机制。这两种缓存机制我们在编码中是要进行取舍的。将input中的value绑定到state的React组件就是可控组件,反之则是不可控组件。先看一个不可控的input代码//测试效果用import React, { Component } from 'react';cla...
2019-04-10 15:42:54 1274
原创 label for
定义和用法for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label> 标签下的 for 属性命名一个目标表单 id,这样就是显式形式。例如,在 XHTML 中:显式的联系:<label for="SSN">Social S...
2019-04-10 14:47:58 168
原创 react踩坑之React.PropTypes已经被废弃
修改后的方法//测试效果用import React, { Component } from 'react';import PropTypes from 'prop-types';class Test extends Component { render(){ return <h2>{this.props.title}</h2>...
2019-04-10 13:25:08 2616 2
原创 react学习笔记
propslet HelloBox=React.createClass({ render:function(){ return <div>{'Hello '+this.props.myattr}</div>; } }) ReactDOM.render(<HelloBox myattr="world"/>,document.getElementByI...
2019-04-10 13:22:11 95
原创 之前npm坏了,mac恢复npm默认路径
之前根据一些教程学习安装npm,设置了例如:npm configsetprefix或npm configsetcache但是由于还不是很了解npm导致使用终端时找不到安装后的命令,想要恢复默认值。方法是:删除.npmrc文件他的位置可以在终端输入:npm config ls找到 userconfig的路径, rm -rf他就行了,然后你的npm就正常了...
2019-04-10 11:51:59 1761
原创 sudo cp -r 文件 /usr/bin然后输入你的电脑密码。
sudo cp -r 文件 /usr/bin然后输入你的电脑密码。mac复制文件夹到另一个地方
2019-04-10 00:17:53 6718
原创 react学习之路
注意:react用ant-design,vue用element-ui1.创建react项目: npx create-react-app <项目名> 启动项目:cd <项目名> npm start2.解读package.json: dependencies: 指定项目运行所依赖的模块,即:开发版和发布版都需要的依赖。 ...
2019-04-09 23:18:00 332
原创 react学习笔记
一、HTML 模板最后一个 <script> 标签的 type 属性为 text/babel 。这是因为 React 独有的 JSX 语法,跟 JavaScript 不兼容。凡是使用 JSX 的地方,都要加上 type="text/babel"react.js 、react-dom.js 和 Browser.js ,它们必须首先加载。其中,react.js 是 React 的核...
2019-04-09 23:17:26 100
原创 vscode无法保存,新建文件
google上搜索了一下,说是当前文件夹被写入了root权限,所以用普通用户无法编辑,只要将当前文件夹的权限改变一下即可sudo chown -R $USER <directory_project>根目录创建.env写入SKIP_PREFLIGHT_CHECK=true可以解决react报错说webpack版本不一致的错误...
2019-04-09 23:16:38 8884 1
原创 在 webpack 构建的项目中,使用vue开发(二)
下面这样子会报错我们如下进行更改:配置第三方loader,使得webpack可以识别.vue文件,将其打包为js...
2019-04-09 17:59:06 131
原创 何在 webpack 构建的项目中,使用vue开发
一步一步尝试,下面这个是不支持的:首先:1.npm i vue -S把vue的包安装到项目运行依赖然后在npm run dev先放代码,再上效果图,会报错的;//main.js//如何在 webpack 构建的项目中,使用vue开发//复习 在普通网页中如何使用vue://1.使用 script 标签,引入vue的包//2.在index页面中,创建一个id为app d...
2019-04-09 17:05:38 350
原创 Module build failed: Error: Cannot find module ‘@babel/core‘
ERROR in ./src/main.jsModule build failed (from ./node_modules/_babel-loader@8.0.5@babel-loader/lib/index.js):Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package...
2019-04-09 09:53:07 3021
原创 webpack url不同文件夹下的 同名图片,后者覆盖前者
参考上一篇文章,在最后一片文章中会放github项目地址//index.scsshtml,body{ .box{ width:220px; height:150px; // 默认情况下webpack无法处理css文件中的url地址,不管是图片还是字体库 background:url('../images/...
2019-04-09 00:37:16 1235
阿吉 移动通信网络5G VS 4G.pptx
2020-05-29
通信网络及技术与我作业.docx
2020-05-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人