react中自定义组件importl路径正确,代码也不报错但启动和打包都提示我的那个组件找不到不能被解析

开发环境基于react16+typescript3+webpack4

错误简述:

入口文件index.tsx:

 import * as React from 'react'
 import * as ReactDOM from 'react-dom'

 import Manager from './components/Manager'

 ReactDOM.render(
      <Manager />,
     document.getElementById('root') as HTMLElement
   )

Manager组件:

import * as React from 'react'  
interface IProps {
    empty?: any
}
interface IState {
    test1?: string
    test2?: string
}
export default class Manager extends React.Component<IProps, IState> {
    constructor(props: IProps) {
      super(props)
    }
    render() {
        return (
            <div>
                可以使用基础ts语法和react了
            </div>
        )
    }
}

yarn start和yarn build都报错:

 ERROR in ./src/index.tsx
Module not found: Error: Can't resolve './components/Manager' in 'E:\myWeb\coding\DEVENV\learing1011\react-dev-env-learing\src'
 @ ./src/index.tsx 3:0-43 4:36-43
 @ multi (webpack)-dev-server/client?http://localhost:8081 ./src/index.tsx

错误复现

            代码地址:
            https://github.com/dxiuxiu/react-dev-env-learing

            yarn install

            yarn start && yarn build都可以复现

2个回答

问题已经解决了,错误原因是,webpack.config.js内容错误,将原来webpack.config.js内容全部替换为下面的内容即可解决:

 const path = require("path");
module.exports = {
  mode: 'development',
  entry: {
    index: ["./src/index.tsx"], //入口文件,若不配置webpack4将自动查找src目录下的index.js文件
  },
  output: {
    filename: "js/[name].bundle.js", //输出文件名,[name]表示入口文件js名
    path: path.resolve(__dirname, 'build/dist/'), // 输出路径
  },
  resolve: {
    extensions: [".ts", ".tsx", ".js", "jsx"],
  },
  devtool:  'cheap-module-eval-source-map',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        loader: "awesome-typescript-loader"
      }
    ]
  }
}

m0_37148591
SarinaDu 还有一个小问题,我安装了react-router-dom但没有安装react-router,这样是不对的,react-router是react-router-dom的核心,一定是一起使用的,他们的关系类似于react和react-dom,具体关系可以自行百度,网上有很多说明
一年多之前 回复
m0_37148591
SarinaDu 学到了,感谢。但不是我需要的答案哦
一年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
用react写自定义标签,可行么?

上司给了一个方向,打算让我们使用react编写jsp自定义标签,就是使用纯前台代码编写jsp自定义标签,效果就和div,table等标签差不多,使用"alt+/"后可以自动补全属性,我看了一段时间的react,可是如何利用react编写自定义标签还是无头绪,求大神指点

react 调用函数组件内部方法

react刚入门,学习element-ui carousel源码后,准备做一个轮播图,在react16.8之后推荐使用hook编写,现在父组件在调用子组件方法遇到了问题,源码使用class组件,我用函数组件,大概思意思是在CarouselItem 组件 componentWillMount时,向Carousel组件中items(Array)添加CarouselItem,之后再调用 CarouselItem组件中 translateItem方法;在class组件中 直接通过"."得方式就能访问到,在函数组件中显然是不行的(违反hook使用原则:不能再循环中使用,只能在函数组件的主体内部调用);求助有没有办法或者其他好的方案 ![图片说明](https://img-ask.csdn.net/upload/201905/05/1557071868_556156.png)![源码中调用](https://img-ask.csdn.net/upload/201905/05/1557071883_191437.png)![外部调用](https://img-ask.csdn.net/upload/201905/06/1557072038_911028.png)

怀疑react和相关组件版本不兼容

怀疑react配置冲突,请帮忙看下 ``` "dependencies": { "ajv": "^6.0.0", "assets-webpack-plugin": "^4.0.0", "autoprefixer": "*", "babel-plugin-syntax-dynamic-import": "^6.18.0", "babel-preset-es2015": "^6.24.1", "babel-preset-react": "^6.23.0", "color-picker": "0.0.1", "enzyme-adapter-utils": "^1.8.1", "fs": "0.0.1-security", "grid-styled": "^5.0.2", "highlight": "^0.2.4", "html-loader": "*", "js-parse-markdown-metadata": "github:ryankharris/js-parse-markdown-metadata", "js-yaml": "^3.12.0", "less": "3.0.4", "metamd": "github:chrisjaure/metamd", "net": "^1.0.2", "parse-markdown-metadata": "github:raininglemons/parse-markdown-metadata", "plantuml-encoder": "^1.2.5", "postcss-cli": "^2.5.0", "postmate": "^1.4.7", "processmaker": "^0.1.1", "prop-types-extra": "^1.1.0", "rc-steps": "^3.3.0", "react": "^15.6.2", "react-bootstrap": "^0.32.4", "react-bootstrap-table": "^4.3.1", "react-dnd": "^2.1.4", "react-dom": "^15.5.0", "react-input-autosize": "^2.2.1", "react-markdown": "^4.0.3", "react-modal": "^3.6.1", "react-overlays": "^0.8.3", "react-redux": "^5.0.7", "react-router": "^4.3.1", "react-router-dom": "^4.3.1", "react-s-alert": "^1.4.1", "react-select": "^2.1.1", "react-slide-deck": "^0.2.3", "react-stepper-horizontal": "^1.0.11", "react-table": "^6.8.6", "react-tabs": "^2.3.0", "request": "^2.88.0", "reveal.js": "github:hakimel/reveal.js", "shelljs": "^0.5.3", "squire-rte": "^1.9.0", "tls": "0.0.1", "tui-color-picker": "^2.2.0", "tui-editor": "file:tui-editor", "webpack": "^3", "webpack-notifier": "^1.5.1" }, "devDependencies": { "assert": "^1.4.1", "circular-dependency-plugin": "^4", "deep-freeze": "0.0.1", "enzyme": "^3.3.0", "enzyme-adapter-react-15": "^1.1.1", "eslint": "^4.18.2", "eslint-plugin-react": "^7.7.0", "json-diff": "^0.5.2", "karma": "^2.0.0", "karma-chrome-launcher": "^2.2.0", "karma-coverage": "^1.1.1", "karma-mocha": "^1.3.0", "karma-sinon": "^1.0.5", "karma-webpack": "^2.0.13", "mdx-deck": "^1.7.7", "mocha": "^5.0.1", "react-test-renderer": "^15.6.1", "redux-freeze": "^0.1.5", "redux-mock-store": "^1.5.1", "sinon": "^4.4.2", "webpack-dev-server": "^2" } ```

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; ```

React中引用组件的时候在加载页面时组件样式变化很大

在React中js页面上加载组件的时候组件的样式会脱离Panel超出限定

react的ant-design组件的select如何自己封装

ant-design是个强大的组件库,其中有移动端的组件样式,样式种类也非常多,但是并没select这个组件,这需要我们自己去封装,(也许可以用原生的select,但想要封装在ant-design里)。 至于ant-design样式的话,新建less再引入它的less编译成属于自己的css。 但看了半天react,没搞明白如何封装了ant-design怎么被封装的,不知道有人做过封装没有,可以讲下思路吗?

react-native访问安卓原生VideoView组件报错,错误如下所示

react-native访问安卓原生VideoView组件报错,错误如下所示,请问什么原因?? ``` 08-01 12:54:24.034 4321-4321/com.react_native_video I/MediaPlayer: constructor 08-01 12:54:24.038 4321-4321/com.react_native_video I/MediaPlayer: setDataSource:http://ohe65w0xx.bkt.clouddn.com/test3.mp4 08-01 12:54:24.038 4321-4321/com.react_native_video W/MediaPlayer: Couldn't open http://ohe65w0xx.bkt.clouddn.com/test3.mp4: java.io.FileNotFoundException: No content provider: http://ohe65w0xx.bkt.clouddn.com/test3.mp4 08-01 12:54:24.038 4321-4321/com.react_native_video I/MediaPlayer: setDataSource:http://ohe65w0xx.bkt.clouddn.com/test3.mp4 08-01 12:54:24.039 4321-4321/com.react_native_video V/MediaHTTPService: MediaHTTPService(android.media.MediaHTTPService@63789e0): Cookies: null 08-01 12:54:24.043 4321-4351/com.react_native_video V/MediaHTTPService: makeHTTPConnection: CookieManager created: java.net.CookieManager@4e82499 makeHTTP ``` 我的环境信息如下: ``` npmPackages: react: 16.4.1 => 16.4.1 react-native: 0.56.0 => 0.56.0 npmGlobalPackages: react-native-cli: 2.0.1 ``` 并且,我的视频地址 http://ohe65w0xx.bkt.clouddn.com/test3.mp4 也是可以访问到的, 下面是我的原生代码 ``` package com.react_native_video; import android.net.Uri; import javax.annotation.Nullable; import android.os.Build; import android.widget.VideoView; import com.facebook.common.logging.FLog; import com.facebook.react.bridge.ReadableMap; import com.facebook.react.bridge.ReadableMapKeySetIterator; import com.facebook.react.uimanager.SimpleViewManager; import com.facebook.react.uimanager.ThemedReactContext; import com.facebook.react.uimanager.annotations.ReactProp; import java.io.File; import java.lang.reflect.Method; import java.util.HashMap; import java.util.Map; public class VideoViewManager extends SimpleViewManager<VideoView> { @Override public String getName() {// 组件名称 return "VideoView"; } @Override protected VideoView createViewInstance(ThemedReactContext reactContext) { VideoView video = new VideoView(reactContext); return video; } @Override public void onDropViewInstance(VideoView view) {//对象销毁时 super.onDropViewInstance(view); view.stopPlayback();//停止播放 } // @ReactProp(name="source") // public void setSource(VideoView videoView, @Nullable String source) { // if (source!= null) { // videoView.setVideoURI(Uri.parse(source)); // videoView.start(); // } // } @ReactProp(name="source") public void setSource(VideoView videoView, @Nullable ReadableMap source) { if (source!= null) { if (source.hasKey("url")) { String url = source.getString("url"); System.out.println("========================" + url); FLog.e(VideoViewManager.class, "url=" + url); HashMap<String, String> headerMap = new HashMap<>(); if (source.hasKey("headers")) { ReadableMap headers =source.getMap("headers"); ReadableMapKeySetIterator iter = headers.keySetIterator(); while(iter.hasNextKey()) { String key = iter.nextKey(); String value = headers.getString(key); FLog.e(VideoViewManager.class, key+"=" + value); System.out.println("========================"); System.out.println(key+"=" + value); System.out.println("========================"); headerMap.put(key, value); } } if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { // videoView.setVideoURI(Uri.parse(url)); // Uri.fromFile(new File(url))) System.out.println("========+++++================"); System.out.println(Uri.fromFile(new File(url))); System.out.println(Uri.parse(url)); System.out.println("========+++==================="); videoView.setVideoURI(Uri.parse(url), headerMap); } else { try { // Uri.fromFile(new File(your image path)) Method setVideoURIMethod = videoView.getClass() .getMethod("setVideoURI", Uri.class, Map.class); setVideoURIMethod.invoke(videoView, Uri.parse(url), headerMap); } catch (Exception e) { e.printStackTrace(); } } System.out.println("=============videoView==========="); System.out.println(videoView); videoView.start(); //设置获取焦点 videoView.setFocusable(true); } } } } ```

react中组件加载后变更ajax值,怎么让它重新加载,我设置setState没反应???

react中componentDidMount方法中添加ajax,现在我变更ajax的url值,怎么让它重新加载,我设置setState没反应??? 代码截图如下: 我要实现初始状态url值为https://unsplash.com/,然后点击搜索键,获取input值,更改url值,使代码重新加载,不知道该怎么实现 ![图片说明](https://img-ask.csdn.net/upload/201811/09/1541771989_752369.jpg)

ant.design 的react 组件运行报错

![图片说明](https://img-ask.csdn.net/upload/201612/09/1481280256_572229.png) 请问我在ant.design下载了github脚手架ant.design后,用了,cnpm install命令和npm start在本地运行为什么运行不起来啊? 执行cnpm install命令的时候报了上面截图的错

react如何引入外部组件?

我用的是react.js不是native,我写了一个js和jsx文件,放着我写的react组件,尝试着引入当前页面,结果进不来,怎么破? ``` <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/react.js" ></script> <script type="text/javascript" src="../js/react-dom.js" ></script> <script type="text/javascript" src="../js/browser.min.js" ></script> <script type="text/babel" src="Reservation.js" ></script> </head> <body> <div id="example2"></div> <script type="text/babel"> ReactDOM.render(<Reservation />,document.getElementById('example2')); </script> </body> </html> ``` ```<html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/react.js" ></script> <script type="text/javascript" src="../js/react-dom.js" ></script> <script type="text/javascript" src="../js/browser.min.js" ></script> <script type="text/babel" src="Reservation.jsx" ></script> </head> <body> <div id="example2"></div> <script type="text/babel"> ReactDOM.render(<Reservation />,document.getElementById('example2')); </script> </body> </html> ```

react中实现这样一个自定义窗口:可被鼠标拖拽改变位置同时在其不关闭的情况下可以继续操作父元素

我在使用react开发时遇到这样一个需求不知道有没有人有没有遇到过呢?点击某个按钮时显示一个自定义的小窗口,这个小窗口里面展示一些当前需要展示的信息,然后小窗口可以被鼠标拖拽改变位置,在小窗口不关闭的时候可以继续操作页面,这里对比antd的模态框,模态框打开不可以改变位置,而且有遮罩,就算设置了遮罩不可见也依然不能对页面进行继续操作,除非将模态框关闭。

React 子组件怎么给父组件的数组中添加一个对象并在父组件中遍历出来?

本人React新新新手,请教一个菜鸟级问题。 子组件传值给父组件,怎么样把子组件传给父组件的对象,添加到父组件原有的数组中,并且内容在HTML上遍历出来?

react 做一个listbox的组件

用react 做一个listbox(类似于asp.net的ListBox控件)的组件

create-react-app安装react项目,yurn一直报错

create-react-app安装react项目,yurn一直报错,错误如下图 ![图片说明](https://img-ask.csdn.net/upload/201903/27/1553686858_860957.png)![图片说明](https://img-ask.csdn.net/upload/201903/27/1553686869_66096.png)

react脚手架项目npm start报错,求大佬指点

### npm start之后报错 ![图片说明](https://img-ask.csdn.net/upload/201904/09/1554808105_969096.png) ####报错信息: ``` ./src/index.js Module build failed: Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'.``` ### 解决: - 网上说的:<br> - ```.babelic文件 修改``` ``` ![图片说明](https://img-ask.csdn.net/upload/201904/09/1554808998_691763.png) { "presets": [ "module:metro-react-native-babel-preset", "@babel/preset-flow" ], "plugins": [ ["@babel/plugin-proposal-decorators", { "legacy" : true }] ] } ``` - 更新以使用这些插件的Babel 7版本,例如@babel/plugin-proposal-decorators和@babel/plugin-proposal-class-properties ## 都不起作用!!大佬来帮帮我!!

react使用antd组件出错

![图片说明](https://img-ask.csdn.net/upload/201708/18/1503023205_359922.png) 我就想知道这是怎么回事

react-native run-android报错

当前的环境: Android Studio2.3.2 jdk8 直接通过react-native init FisrtApp 通过react-native run-andriod出现报错,报错如图,请问如何解决 ![图片说明](https://img-ask.csdn.net/upload/201705/20/1495211556_69150.png)

react native 原生UI组件,数据更新,界面不更新

我开发了一个react native android原生UI组件(fixtable),用adapter代理数据,数据更新了,但是界面上要触摸一下才会更新,同样的代码用原生android代码就没有问题。这是什么问题啊,

使用wangEdit自定义菜单报错

``` <script type="text/javascript"> // 获取元素 var div = document.getElementById('div1'); // 生成编辑器 var editor = new wangEditor(div); editor.config.menus = [ 'head', 'bold', 'italic', 'underline', 'strikeThrough', 'foreColor', 'backColor', 'link', 'list', 'justify', 'quote', 'emoticon', 'image', 'video', 'code', 'undo', 'redo' ]; editor.create(); </script> ``` 其中根据代码提示发现,editor就是该页面下创建的var editor,而editor下的congif和menus却不是wangEditor.js文件下的。 ![图片说明](https://img-ask.csdn.net/upload/201706/14/1497425536_785064.png) ![图片说明](https://img-ask.csdn.net/upload/201706/14/1497425555_226663.png) 也找不到wangEditor.js下的config和menus,而且不单单是自定义菜单栏不行,就连自定义字体颜色什么的都不可以。 我用的时候是参考的[wangEditor2使用手册](https://www.kancloud.cn/wangfupeng/wangeditor2/113975 "")网页的内容 而我本人用的是wangEditor-3.0.0 急需,跪求怎么解决。。。

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

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

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

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

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

ArrayList源码分析(入门篇)

ArrayList源码分析 前言: 写这篇博客的主要原因是,在我上一次参加千牵科技Java实习生面试时,有被面试官问到ArrayList为什么查找的速度较快,插入和删除的速度较慢?当时我回答得不好,很大的一部分原因是因为我没有阅读过ArrayList源码,虽然最后收到Offer了,但我拒绝了,打算寒假学得再深入些再广泛些,下学期开学后再去投递其他更好的公司。为了更加深入理解ArrayList,也为

我以为我学懂了数据结构,直到看了这个导图才发现,我错了

数据结构与算法思维导图

String s = new String(" a ") 到底产生几个对象?

老生常谈的一个梗,到2020了还在争论,你们一天天的,哎哎哎,我不是针对你一个,我是说在座的各位都是人才! 上图红色的这3个箭头,对于通过new产生一个字符串(”宜春”)时,会先去常量池中查找是否已经有了”宜春”对象,如果没有则在常量池中创建一个此字符串对象,然后堆中再创建一个常量池中此”宜春”对象的拷贝对象。 也就是说准确答案是产生了一个或两个对象,如果常量池中原来没有 ”宜春” ,就是两个。...

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

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

和黑客斗争的 6 天!

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

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

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

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

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

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

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

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

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

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

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

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

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

玩转springboot启动banner定义所得

最近接手了一个springboot项目,不是不熟悉这个框架,启动时打印的信息吸引了我。 这不是我熟悉的常用springboot的打印信息啊,我打开自己的项目: 还真是的,不用默认的感觉也挺高大上的。一时兴起,就去研究了一下源代码,还正是有些收获,稍后我会总结一下。正常情况下做为一个老程序员,是不会对这种小儿科感兴趣的,不就是一个控制台打印嘛。哈哈! 于是出于最初的好奇,研究了项目的源代码。看到

带了6个月的徒弟当了面试官,而身为高级工程师的我天天修Bug......

即将毕业的应届毕业生一枚,现在只拿到了两家offer,但最近听到一些消息,其中一个offer,我这个组据说客户很少,很有可能整组被裁掉。 想问大家: 如果我刚入职这个组就被裁了怎么办呢? 大家都是什么时候知道自己要被裁了的? 面试软技能指导: BQ/Project/Resume 试听内容: 除了刷题,还有哪些技能是拿到offer不可或缺的要素 如何提升面试软实力:简历, 行为面试,沟通能...

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

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

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

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

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

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中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多个条件是什么逻辑关系?条件判断在什么时候执...

终于懂了TCP和UDP协议区别

终于懂了TCP和UDP协议区别

你打算用Java 8一辈子都不打算升级到Java 14,真香

我们程序员应该抱着尝鲜、猎奇的心态,否则就容易固步自封,技术停滞不前。

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

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

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

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

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

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

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

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

立即提问
相关内容推荐