React中如何引入图片,使用图片????

React如和引入图片,在使用的时候,需要图片的引入,但是提示不成功,使用了require也不行

1个回答

项目路径对么?不是有标签啥的额,看看控制台报的啥错误

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
react怎么开发甘特图?

公司要开发一个工程中心,所以要求在后台管理系统中添加一个甘特图,添加三级子事件那种,我在网上也找到了不少开发甘特图的插件:https://linux.ctolib.com/guiqui-react-timeline-gantt.html#articleHeader7 ,现在项目里使用的就是这个,但是这个插件无法添加子事件,更别说三级子事件了,下面是我代码,和展示效果,和上面网站几乎是一样的,不过它会在你修改事件标题后报错,导致无法移动,所以我在up事件中做了if判断,禁用了修改标题,求求好心大佬,指点一下,有没有好用的甘特图插件!!!!![图片说明](https://img-ask.csdn.net/upload/201905/30/1559201804_606389.png) ``` /** * Created by GYL on 2018/8/24 */ import React, { Component } from 'react'; import TimeLine from "react-gantt-timeline"; import "./styles.css"; class Gantetu extends Component { constructor(props) { super(props); let d1 = new Date(); let d2 = new Date(); d2.setDate(d2.getDate() + 2); let d3 = new Date(); d3.setDate(d3.getDate() + 3); let d4 = new Date(); d4.setDate(d4.getDate() + 4); console.log('d1:',d1,'d2:',d2,'d3:',d3,'d4:',d4) let data = [ { id: 1, start: d1, end: d2, name: "Demo Task 1" }, { id: 2, start: d3, end: d4, name: "Demo Task 2", color: "orange" }, ]; this.state = { data: data, links: [] }; } genID() { function S4() { return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1); } return ( S4() + S4() + "-" + S4() + "-4" + S4().substr(0, 3) + "-" + S4() + "-" + S4() + S4() + S4() ).toLowerCase(); } createLink(start, end) { console.log(start, end,'createLink') return { id: this.genID(), start: start.task.id, startPosition: start.position, end: end.task.id, endPosition: end.position }; } onUpdateTask = (item, props) => { console.log('onUpdateTask',item, props) if(!props.start) { return } item.start = props.start; item.end = props.end; this.setState({ data: [...this.state.data] }); }; onCreateLink = item => { console.log('onCreateLink',item,this.createLink(item.start, item.end)) let newLink = this.createLink(item.start, item.end); this.setState({ links: [...this.state.links, newLink] }); }; render() { let width = document.body.clientWidth; const height = document.body.clientHeight; let containerHeight = '76vh'; let tableHeight = 310; if (width > 1367) { tableHeight = 380; containerHeight = '83vh'; } return ( <div className="app-container"> <h1>Getting Started Demo</h1> {/* DayWidth<input type="range" min="30" max="500" value={this.state.daysWidth} onChange={this.handleDayWidth} step="1"/> Item Height<input type="range" min="30" max="500" value={this.state.itemheight} onChange={this.handleItemHeight} step="1"/> */} <div className="time-line-container"> <TimeLine data={this.state.data} links={this.state.links} onUpdateTask={this.onUpdateTask} onCreateLink={this.onCreateLink} /> </div> </div> ); } } export default Gantetu; ``` ``` ```

react在index.html中引入js库,错误提示第一行

![![图片说明](https://img-ask.csdn.net/upload/201807/04/1530676919_890648.png)图片说明](https://img-ask.csdn.net/upload/201807/04/1530676904_588496.png) 应该怎么解决?是什么问题的,求大神执教

react 引用CSS的问题

react 中 不同的组件内如果有相同的className,那么他们之间会互相影响吗![图片说明](https://img-ask.csdn.net/upload/201712/08/1512718367_594459.png) 如图,在Dialog中引用了PaperSetting.js和TitleColor.js ,这两个中有和DropDownSelect中同名的className,DropDownSelect.scss中的样式也会影响到PaperSetting和TitleColor的样式,这是为什么呢???

React页面中使用fetch请求数据相关异常问题,新人求解答

最近学习React做一个简单的Demo,里面需要通过访问Web接口获取数据,看别人使用fetch挺简单的,于是就引入了,但是却遇到了问题。。。起初,直接使用fetch(url)去做,运行直接报异常:No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefore not allowed access。goggle了一下,应该是跨域问题,有人给出解答,把请求request的mode设置为"no-cors",试了一下,跨域问题好像是解决了,在控制台里看到请求也正常返回了(含有body数据) ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341388_551416.png) ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341406_116300.png) 但是始终获取不到响应reponse里面的数据,可是数据明明就在那,而且报出的异常我很困惑: ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341445_264760.png) ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341460_726978.png) 求解答 谢谢~ PS: Demo跑在本地8000端口上

mocha使用中, import 图片报错。

1. 在 React+ts 开发环境中,使用 mocha 做单元测试,import 图片时报错:找不到该模块,该怎样解决。 2. ![图片说明](https://img-ask.csdn.net/upload/201908/23/1566531348_815466.png)

react+webpack中使用wowjs和animate.css后报错window is not defined

1.首先使用npm安装wowjs npm install wowjs --save-dev 2.在js中引用 import 'animate.css' import {WOW} from 'wowjs'; new WOW({live: false}).init(); 但是报错window is not defined 需要在webpack.config.js中配置吗?如何配置呢? 我在webpack.config.js这样配置了。不可以 ![图片说明](https://img-ask.csdn.net/upload/201809/29/1538214241_538880.jpg)

使用原生JS写的组件,依赖zrender.js和D3.js,怎么将这个组件用在react项目中

## 背景: 有需求要实现一个上下都可展开的树状图,由于能力有限,所以让师傅调研,师傅只会写传统的JS,他用传统的JS封装好了,目录如下: ![图片说明](https://img-ask.csdn.net/upload/201809/18/1537266167_30220.png) 依赖d3.js和zrender.js,现在想把它放到react的项目中,因为react版本的zrender中的方法和原生的zrender用法不同,所以我都是用 script 标签引入的。 ![图片说明](https://img-ask.csdn.net/upload/201809/18/1537266440_271573.png) 然后将amtree.js中的amtree对象拷到react的tools.js中。 问题: 现在在tools.js文件中还是报 `zrender is not defined` ,我在这个文件中是不是还要import个zrender,但是使用npm安装的zrender,使用方法和原生的不一样啊,怎么办?

react-router 组件加载的问题

正在学习react,使用侧边栏的时候,主页面无法使用Router加载,是代码哪里出错了? ``` <div style={{padding: 24, background: '#fff', minHeight: 360}}> {RouteMap.map(route => ( <Route exact key={route.key} path={route.link} component={route.component} /> ) )} </div> ``` 如下图,如果加载正确的话,右边应该是能显示表格才对<br/> ![图片说明](https://img-ask.csdn.net/upload/201903/05/1551779018_181657.png) 相关的完整代码:<br/> App.js ``` import React from 'react'; import {Breadcrumb, Icon, Layout, Menu} from 'antd'; import 'antd/dist/antd.css'; import '../css/App.css'; import {BrowserRouter, Link, Route} from 'react-router-dom' import SidebarData from './sidebarData'; import {Switch} from "react-router"; const { Header, Content, Footer, Sider, } = Layout; const MenuContent = SidebarData.map(item => ( item.children === "-1" ? ( <Menu.Item key={item.key}> <Link to={item.link}> <Icon type={item.icon}/><span>{item.text}</span> </Link> </Menu.Item> ) : ( <Menu.SubMenu key={item.key} title={<span><Icon type={item.icon}/> <span>{item.text}</span></span>}> {item.children.map(childItem => ( <Menu.Item key={childItem.key}> <Link to={childItem.link}>{childItem.text}</Link> </Menu.Item> ))} </Menu.SubMenu> ) ) ); const RouteMap = []; SidebarData.map(item => { if (item.children === "-1") { RouteMap.push({ key: item.key, text: item.text, link: item.link, component: item.component }); } else { item.children.map(childItem => { RouteMap.push({ key: childItem.key, text: childItem.text, link: childItem.link, component: childItem.component }); }); } }); class App extends React.Component { state = { collapsed: false, }; onCollapse = (collapsed) => { console.log(collapsed); this.setState({collapsed}); } handleClick = (e) => { RouteMap.map(item => { if (item.key === e.key) { this.setState({curKey: item.key}); this.setState({curText: item.text}); this.setState({curLink: item.link}); this.setState({curComponent: item.component}); } }); } render() { return ( <BrowserRouter> <Layout style={{minHeight: '100vh'}}> <Sider collapsible collapsed={this.state.collapsed} onCollapse={this.onCollapse} > <div className="logo"/> <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline" onClick={this.handleClick} selectedKeys={[this.state.curKey]} > {MenuContent} </Menu> </Sider> <Layout> <Header style={{background: '#fff', padding: 0}}> {this.state.curText} </Header> <Content style={{margin: '0 16px'}}> <Breadcrumb style={{margin: '16px 0'}}> <Breadcrumb.Item>用户</Breadcrumb.Item> <Breadcrumb.Item>Bill</Breadcrumb.Item> </Breadcrumb> <div style={{padding: 24, background: '#fff', minHeight: 360}}> {/*<Orderb2c/>*/} {/*<Switch>*/} {RouteMap.map(route => ( <Route exact key={route.key} path={route.link} component={route.component} /> ) )} {/*</Switch>*/} </div> </Content> <Footer style={{textAlign: 'center'}}> ©2019 Created by Ant UED </Footer> </Layout> </Layout> </BrowserRouter> ); } } export default App; ``` SidebarData.js ``` import Orderb2c from './orderb2c'; import Orderb2b from "./orderb2b"; import Userlist from "./userlist"; import Userauthority from "./userauthority"; import Userinfo from "./userinfo"; import Mainpage from "./mainpage"; const SidebarData = [ { key: 'main_page', text: '主页', icon: 'desktop', link: './mainpage', component: Mainpage, children: '-1' }, { key: 'user', text: '用户', icon: 'user', children: [{ key: 'user_list', text: '用户列表', link: './userlist', component: Userlist }, { key: 'user_authority', text: '用户权限', link: './userauthority', component: Userauthority }, { key: 'user_info', text: '用户信息', link: './userinfo', component: Userinfo }] }, { key: 'order', text: '订单', icon: 'file', children: [{ key: 'order_b2c', text: 'B2C订单', link: './orderb2c', component: Orderb2c }, { key: 'order_b2b', text: 'B2B订单', link: './orderb2b', component: Orderb2b }] } ]; export default SidebarData; ```

0.55.4版本ReactNaitve列表展示Image过多就不显示

* 0.44.3版本FlatList+Image没有问题。 * 但是在0.55.4版本中FL列表展示Image显示网络图片,加载到几十张之后,Image就显示空白了,应用推到后台,再进入应用,就刷新有显示了,但是再往前滚动FL,其他的Image就显示空白了。 * 猜想与内存优化有关,但是没有找到方法,求指教 ``` <FlatList getItemLayout={(data, index)=>{return {length: ITEM_HEIGHT,offset: ITEM_HEIGHT * index, index}}} style={{marginTop:10,padding:10,flex:1}} extraData={this.state} data={this.state.result} keyExtractor={(item,index)=>""+index} renderItem={({item,index})=>{ return ( <View style={{flexDirection:"row",alignItems:"center",margin:5}}> <Text style={{fontSize:23,color:"#08f",marginRight:10}}>{index} 、 </Text> <Image source={{uri:item.picUrl[0]}}style={{width:150,height:150}} onError={(e)=>{ console.log("出错error item: "+item.picUrl[0]); } }/> </View> ) }} /> ``` ![图片说明](https://img-ask.csdn.net/upload/201906/12/1560309671_712805.jpg)

AndroidStudio中加入 react-native依赖后出现找不到资源问题

## AndroidStudio中加入 compile 'com.facebook.react:react-native:0.13.0'依赖后出现找不到资源问题 这是错误 ![图片说明](https://img-ask.csdn.net/upload/201611/14/1479122687_377053.png) 这是gradle配置 ![图片说明](https://img-ask.csdn.net/upload/201611/14/1479122702_882920.png)

为什么在项目中,会有多个react版本的依赖

![图片说明](https://img-ask.csdn.net/upload/201907/10/1562767858_143702.png) 如图,有多个react版本的依赖

webpack打包react项目成功但是打开index.html后一片空白。

之前已经完全配置成功,但是今天不知道动了什么地方。 所有打包都能成功,就是在html显示空白。而且什么地方都不报错。 手动修改index.html的引入文件为之前打包成功的JS文件名,也能正常显示。 请问这是出了什么问题 ``` import React from 'react'; class App extends React.Component { render() { return ( <div> 111111111111111111111111111111111111111 </div> ); } } export default App; ``` ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>webpack-with-react</title> </head> <body> <div id="root"></div> </body> </html> ``` ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557910596_146948.png) ![图片说明](https://img-ask.csdn.net/upload/201905/15/1557910715_685540.png)

react native 错误unfortunately has stoped

虚拟机运行apk出现unfortunately has stoped 哪位大神帮忙看看,貌似是activity里面有问题![图片说明](https://img-ask.csdn.net/upload/201701/01/1483280513_154782.png)![图片说明](https://img-ask.csdn.net/upload/201701/01/1483280513_825501.png)

React 使用http-proxy-middleware设置跨域访问后build发布服务器后无法使用。

如题: scr/setupProxy.js ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573868733_680691.png) 补充:在本地启动(npm start)是可以正常访问,但是发布到nginx后无法访问。 在run build 后如何使用setupProxy文件呢。 求助!!

import ReactDOM from 'react-dom';导入出错

import React from 'react'; import ReactDOM from 'react-dom';导入出错,显示import不被当前的JavaScript支持,怎么升级????输入node -v都显示6.2.0了。。。。

electron-react 通过dialog获得js文件地址如何引用

我想用electron-react做一个框架得工具,需要导入外部得js文件,我通过dialog.showOpenDialog获取到了js得地址,但是无法用require引用这个文件,是哪里得问题 ![图片说明](https://img-ask.csdn.net/upload/202002/05/1580884946_491711.png) ![图片说明](https://img-ask.csdn.net/upload/202002/05/1580884982_999198.png)

react使用ant design中的可编辑表格时出现错误!

我在用react想写一个可以编辑的表格,我把ant design上的可编辑表格的代码复制到我的项目中,而且把react的版本升级到了16.3.0,但是在运行项目时出现了下面的报错!![图片说明](https://img-ask.csdn.net/upload/201812/07/1544177606_541736.png), 代码如下: import React from 'react' import { connect } from 'dva'; import { Table, Input, InputNumber, Popconfirm, Form } from 'antd'; import EditableContext from './EditableContext' import EditableFormRow from './EditableFormRow' import EditableCell from './EditableCell' const data = []; for (let i = 0; i < 100; i++) { data.push({ key: i.toString(), name: `Edrward ${i}`, age: 32, address: `London Park no. ${i}`, }); } const FormItem = Form.Item; @connect(({ demonstrationBase, loading }) => ({ demonstrationBase, loading: loading.models.demonstrationBase, })) @Form.create() // export default class DemonstrationBase extends PureComponent { class DemonstrationBase extends React.Component { constructor(props) { super(props); this.state = { data, editingKey: '' }; this.columns = [ { title: 'name', dataIndex: 'name', width: '25%', editable: true, }, { title: 'age', dataIndex: 'age', width: '15%', editable: true, }, { title: 'address', dataIndex: 'address', width: '40%', editable: true, }, { title: 'operation', dataIndex: 'operation', render: (text, record) => { const editable = this.isEditing(record); return ( <div> {editable ? ( <span> <EditableContext.Consumer> {form => ( <a href="javascript:;" onClick={() => this.save(form, record.key)} style={{ marginRight: 8 }} > Save </a> )} </EditableContext.Consumer> <Popconfirm title="Sure to cancel?" onConfirm={() => this.cancel(record.key)} > <a>Cancel</a> </Popconfirm> </span> ) : ( <a onClick={() => this.edit(record.key)}>Edit</a> )} </div> ); }, }, ]; } isEditing = record => record.key === this.state.editingKey; cancel = () => { this.setState({ editingKey: '' }); }; save(form, key) { form.validateFields((error, row) => { if (error) { return; } const newData = [...this.state.data]; const index = newData.findIndex(item => key === item.key); if (index > -1) { const item = newData[index]; newData.splice(index, 1, { ...item, ...row, }); this.setState({ data: newData, editingKey: '' }); } else { newData.push(row); this.setState({ data: newData, editingKey: '' }); } }); } edit(key) { this.setState({ editingKey: key }); } render() { const components = { body: { row: EditableFormRow, cell: EditableCell, }, }; const columns = this.columns.map((col) => { if (!col.editable) { return col; } return { ...col, onCell: record => ({ record, inputType: col.dataIndex === 'age' ? 'number' : 'text', dataIndex: col.dataIndex, title: col.title, editing: this.isEditing(record), }), }; }); return ( <Table components={components} bordered dataSource={this.state.data} columns={columns} rowClassName="editable-row" /> ); } } export default DemonstrationBase ``` import React from 'react' const EditableContext = React.createContext(); export default EditableContext ``` ``` import React from 'react' import EditableContext from './EditableContext' import { Table, Input, InputNumber, Popconfirm, Form } from 'antd'; const EditableRow = ({ form, index, ...props }) => ( <EditableContext.Provider value={form}> <tr {...props} /> </EditableContext.Provider> ); const EditableFormRow = Form.create()(EditableRow); export default EditableFormRow ``` ``` import React from 'react' import { Table, Input, InputNumber, Popconfirm, Form } from 'antd'; import EditableContext from './EditableContext' const FormItem = Form.Item; class EditableCell extends React.Component { getInput = () => { // 自带方法 判断数据类型, 返回输入组件 if (this.props.inputType === 'number') { return <InputNumber />; } return <Input />; }; render() { let { editing, dataIndex, title, inputType, record, index, ...restProps } = this.props; return ( <EditableContext.Consumer> {(form) => { const { getFieldDecorator } = form; return ( <td {...restProps}> {editing ? ( <FormItem style={{ margin: 0 }}> {getFieldDecorator(dataIndex, { // 注意, dataIndex 必须存在, 刻在cloums表格头数据内设置。 initialValue: record[dataIndex], })(this.getInput())} </FormItem> ) : restProps.children} </td> ); }} </EditableContext.Consumer> ); } } export default EditableCell ``` 希望大佬可以帮我解答一下!

import m1 from './img/1.png' m1为undefined

环境:react^16.5.2+typescript3.1.2+url-loader^1.1.2 webpack.config.js ``` module.exports = { module: { rules: [ { test: /\.(png|jpg|gif|svg|ico|cur)(\?[=a-z0-9]+)?$/, use: [{ loader: 'url-loader', options: { limit: 8192, name: 'images/[hash:6].[ext]', fallback: 'file-loader', publicPath: './dist/' } }] } ] } } ``` test.tsx ``` import * as React from 'react' import m1 from './img/1.png' import './index.less' export default class Test extends React.Component<any, any> { constructor(props: any) { super(props) } componentDidMount () { console.log('图片地址') console.log(m1) // undefined } render() { return ( <div className='test'> <span>图片引入测试</span> <img src={m1} alt='test-m1' title='test-m1'/> </div> ) } } ``` 首先我保证import m1 from './img/1.png'的路径一没有写错

webpack打包编译过的文件在express中的index.html中引用警告。

![![![![图片说明](https://img-ask.csdn.net/upload/201612/25/1482599014_716530.png) ![![![!图片说明](https://img-ask.csdn.net/upload/201612/25/1482599004_176439.png)![![![!图片说明](https://img-ask.csdn.net/upload/201612/25/1482598808_424619.png) ![![![!图片说明](https://img-ask.csdn.net/upload/201612/25/1482598784_936906.png) 求大神帮忙,已经在package.json中设置环境变量为prodution 可就是有警告

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

外包程序员的幸福生活

今天给你们讲述一个外包程序员的幸福生活。男主是Z哥,不是在外包公司上班的那种,是一名自由职业者,接外包项目自己干。接下来讲的都是真人真事。 先给大家介绍一下男主,Z哥,老程序员,是我十多年前的老同事,技术大牛,当过CTO,也创过业。因为我俩都爱好喝酒、踢球,再加上住的距离不算远,所以一直也断断续续的联系着,我对Z哥的状况也有大概了解。 Z哥几年前创业失败,后来他开始干起了外包,利用自己的技术能...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

深入剖析Springboot启动原理的底层源码,再也不怕面试官问了!

大家现在应该都对Springboot很熟悉,但是你对他的启动原理了解吗?

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你期望月薪4万,出门右拐,不送,这几个点,你也就是个初级的水平

先来看几个问题通过注解的方式注入依赖对象,介绍一下你知道的几种方式@Autowired和@Resource有何区别说一下@Autowired查找候选者的...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

立即提问
相关内容推荐