关于在create-react-app中引入antd-mobile的问题

如图,引入antd-mobile后为了实现按需加载以及自定主题的功能,需要下载
依赖包babel-plugin-import和react-app-rewired。而由于react-app-rewired在2.0之后的版本删除了injectBabelPlugin函数,需要下载customize-cra对配置加载组件config-overrides进行配置,代码块如下。

const { override, fixBabelImports, addLessLoader } = require('customize-cra');

module.exports = override(
  fixBabelImports('import', {
    libraryName: 'antd-mobile',
    libraryDirectory: 'es',
    style: true, //支持加载less 需要下载less 和less-loader
  }),
  addLessLoader({
    javascriptEnabled: true,
    modifyVars: { '@primary-color': '#25b864' },
  }),
);

比较疑惑的就是,在网上查阅的资料中,大部分的代码块与我上面发的几乎一致,但却只能实现按需打包的功能,而自定义主题的功能却不能生效。

然后我试着在create-react-app中引入antd并且进行同样的修改,自定义主题功能是生效的。

问题来了,是否customiz-cra函数只对antd完全支持,而对antd-mobile并不完全兼容?

如果不完全兼容,是否意味着只能下载2.0之前的react-app-rewired进行antd-mobile引入的配置加载的修改?

求解惑

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
create-react-app my-app 报错
使用create-react-app my-app 创建一个应用 报错如下 请求解答一下谢谢!!! D:\React>create-react-app my-app Creating a new React app in D:\React\my-app. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-scripts... > uglifyjs-webpack-plugin@0.4.6 postinstall D:\React\my-app\node_modules\uglifyjs-webpack-plugin > node lib/post_install.js npm ERR! path D:\React\my-app\node_modules\fsevents\node_modules npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall scandir npm ERR! Error: EPERM: operation not permitted, scandir 'D:\React\my-app\node_modules\fsevents\node_modules' npm ERR! { Error: EPERM: operation not permitted, scandir 'D:\React\my-app\node_modules\fsevents\node_modules' npm ERR! stack: 'Error: EPERM: operation not permitted, scandir \'D:\\React\\my-app\\node_modules\\fsevents\\node_modules\'', npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'scandir', npm ERR! path: 'D:\\React\\my-app\\node_modules\\fsevents\\node_modules' } npm ERR! npm ERR! Please try running this command again as root/Administrator. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\L-HQ\AppData\Roaming\npm-cache\_logs\2017-09-13T19_15_49_573Z-debug.log Aborting installation. npm install --save --save-exact --loglevel error react react-dom react-scripts has failed. Deleting generated file... node_modules Deleting generated file... package.json Deleting my-app / from D:\React Done.
create-react-app 报错无法创建项目,Extracting tar content of undefined failed
使用create-react-app脚手架创建项目一直报错失败, ![图片说明](https://img-ask.csdn.net/upload/201904/02/1554189480_580034.png) 百度,Google都找过,网上说的解决办法如下: 1. yarn.lock(新建项目目录下没有这个文件) 2. ``` yarn cache clean yarn install --network-concurrency 1 ``` 试过了也没用。 npm 和yarn也都是最新的了,几个月前还能创建项目,现在是怎么都没法创建react项目了,不知道怎么搞,求助,或者还有不用create-react-app来创建react项目的方便方法吗 我没有C币,尴尬
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)
create-react-app 不是内部或外部命令,也不是可运行的程序或批处理文件,求大神帮忙解决
如图,我已经安装了create-react-app ,但是运行的时候还是会提示"不是内部或外部命令,也不是可运行的程序或批处理文件",求大神们帮忙.! ![图片说明](https://img-ask.csdn.net/upload/201805/31/1527767253_272032.png)
react"^16.8.6" creacte-react-app@3.0.1脚手架npm run eject 问题?
请问 ,我npm run eject 后,config文件夹下怎么只有一个webpack.config.js文件? 我看教程和其他文章都写的是有2个文件的,一个是webpack.config.dev.js 开发环境下的配置项,另一个是webpack.config.prod.js 生产环境下的配置项. 如果这是由于更新后的正常现象,那么请问怎么添加less配置代码? 另外,执行npm run eject 暴露配置文件后, 执行npm run start 就一直报错, 缺少几种loader. 按照错误提示安装'@babel/plugin-transform-react-jsx-source' 后,又找不到is-wsl. 安装了is-wsl 又再次提示找不到 @babel/plugin-transform-react-jsx-source. 最后重新 npm install ,在执行 npm run start 还是不能成功编译.提示错误: Starting the development server... Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'F:\react-test\my-app\node_modules\babel-preset-react-app\node_modules\@babel\runtime/helper s/slicedToArray' in 'F:\react-test\my-app\node_modules\react-dev-utils' Compiling... Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'F:\react-test\my-app\node_modules\babel-preset-react-app\node_modules\@babel\runtime/helper s/slicedToArray' in 'F:\react-test\my-app\node_modules\react-dev-utils' Compiling... Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'F:\react-test\my-app\node_modules\babel-preset-react-app\node_modules\@babel\runtime/helper s/slicedToArray' in 'F:\react-test\my-app\node_modules\react-dev-utils' 请帮我看看怎么解决这几个问题?
create-react-app 下载的demo中往js中写的中文 加载到页面上乱码
![JS![效果](https://img-ask.csdn.net/upload/201712/08/1512696861_776292.png)](https://img-ask.csdn.net/upload/201712/08/1512696842_564583.png)
Antd of React中使用<Redirect from = "/" to="/home"/>出现异常
我是react新手,最近在学习antd of react。想实现一个当用户输入网址后,利用Redirect标签自动跳转到首页的功能。但是使用`<Redirect exact from = "/" to="/home"/>`出现异常,请各位大神帮帮忙,看看问题出现在哪里。源码如下(使用框架:create-react-app创建项目+antd): //app.js当输入网址后显示整体布局Admin组件 export default class App extends Component { render () { return ( <BrowserRouter> <Switch> {/*只匹配其中一个*/} <Route path='/login' component={Login}></Route> <Route path='/' component={Admin}></Route> </Switch> </BrowserRouter> ) } } //Admin.jsx布局组件,组件渲染时在Content中渲染Home组件 const { Footer, Sider, Content } = Layout; export default class Admin extends Component { render() { return ( <Layout style={{ minHeight: "100%" }}> <Sider> <LeftNav /> </Sider> <Layout> <Header>Header</Header> <Content style={{margin: 20, backgroundColor: '#fff'}}> <Switch> <Redirect exact from = "/" to="/home"/> <Route path="/home" component={Home} /> <Route path="/category" component={Category} /> {/* <Route path='/' component={Home}/>使用此种方式可正常渲染Home组件 */} </Switch> </Content> <Footer>Footer</Footer> </Layout> </Layout> ); } } //home.jsx Home组件 export default class Home extends Component { render() { return ( <div> 主页 </div> ) } } 在整体布局Admin组件中我使用` <Redirect exact from = "/" to="/home"/>`使Home组件显示在Layout的Content中,但出现如下异常: TypeError: path_to_regexp__WEBPACK_IMPORTED_MODULE_8___default.a.compile is not a function at compilePath (react-router.js:235) at generatePath (react-router.js:258) at react-router.js:277 at updateContextConsumer (react-dom.development.js:19811) at beginWork$1 (react-dom.development.js:20186) at HTMLUnknownElement.callCallback (react-dom.development.js:337) at Object.invokeGuardedCallbackDev (react-dom.development.js:386) at invokeGuardedCallback (react-dom.development.js:439) at beginWork$$1 (react-dom.development.js:25723) at performUnitOfWork (react-dom.development.js:24649) at workLoopSync (react-dom.development.js:24622) at performSyncWorkOnRoot (react-dom.development.js:24211) at scheduleUpdateOnFiber (react-dom.development.js:23638) at updateContainer (react-dom.development.js:27047) at react-dom.development.js:27464 at unbatchedUpdates (react-dom.development.js:24376) at legacyRenderSubtreeIntoContainer (react-dom.development.js:27463) at Object.render (react-dom.development.js:27548) at Module../src/index.js (index.js:8) at __webpack_require__ (bootstrap:785) at fn (bootstrap:150) at Object.0 (main.chunk.js:1581) at __webpack_require__ (bootstrap:785) at checkDeferredModules (bootstrap:45) at Array.webpackJsonpCallback [as push] (bootstrap:32) at main.chunk.js:1
react相关问题,如何在多个html页面使用index.js?以及其他的js
我是用create-react-app创建的react项目,然后使用了npm run eject将配置文件拽了出来,现在是在默认的public/index.html和src/index.js上写的项目,想请教一下,如何在public中的多个html中使用index.js,或者其他自己编写的js?
React native小程序资源文件暴露在android相册中,如何隐藏?
**答案: 在小程序所需要屏蔽的资源文件夹里加一个.nomedia文件,就可以让android媒体不去搜索当前文件夹的所有图片和多媒体视频音频。** 但是,公司的两位同事打起来了。为了一点小事打起来了。小程序说这个.nomedia文件应该由app帮忙创建,android app说这个文件应该由小程序打包的过程中自己创建。这个.nomedia文件到底由谁去创建?欢迎大家评论。 以下是他们的立场: **app:**代码可扩展性。如果app帮小程序放到总目录下,那么将屏蔽当前文件夹下一切小程序的所有图片,那么以后引入第三方小程序的时候,第三方小程序不好扩展。不做处理,是为了小程序更灵活配置。 **小程序:**如果小程序每个打包,那么每个小程序包都要放一个文件,麻烦。违背了快速开发的初衷。 **app:**代码可移植性。如果app生成.nomedia文件,那么小程序自身问题依然存在,小程序以后运行在别人的app的时候,兼容性差。 **小程序:**就算是以后提供给第三方使用,那也是app提供sdk和小程序配合着给第三方使用。只要sdk这边自动生成,不存在移植性问题。 **app:**打铁还需自身硬,即便app帮忙生成了.nomedia文件,那也只是避免了问题,并没有根源上解决问题。避免问题和解决问题不是一回事。 **小程序:**app的sdk和小程序本来就是一个整体,这是一个前提,不应该分开来说。 **然后,他们脾气不太好,就打起来了**。我身为领导,要做出一个决策。大家给点建议呗。在并不人身攻击的前提下,希望大家积极评论。
如何用 "babel-preset-react-hmre": "^1.1.1",实现代码热加载
我在配置读react全栈这本书时,按照书上面的进行配置,但是出现不了描述的效果 我的package.json代码为: { "name": "react_webpack", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack", "dev": "webpack-dev-server --hot", "start": "webpack-dev-server --hot --inline" }, "author": "jkwu", "license": "ISC", "devDependencies": { "babel-core": "^6.23.1", "babel-loader": "^6.3.0", "babel-plugin-react-transform": "^2.0.2", "babel-preset-es2015": "^6.22.0", "babel-preset-react": "^6.23.0", "babel-preset-react-hmre": "^1.1.1", "css-loader": "^0.26.1", "eslint": "^3.15.0", "eslint-config-airbnb": "^14.1.0", "eslint-loader": "^1.6.1", "eslint-plugin-import": "^2.2.0", "eslint-plugin-jsx-a11y": "^4.0.0", "eslint-plugin-react": "^6.9.0", "file-loader": "^0.10.0", "html-webpack-plugin": "^2.28.0", "react-transform-catch-errors": "^1.0.2", "react-transform-hmr": "^1.0.4", "redbox-react": "^1.3.3", "style-loader": "^0.13.1", "url-loader": "^0.5.7", "webpack": "^2.1.0-beta.21", "webpack-dev-server": "^2.1.0-beta.1" }, "dependencies": { "babel-polyfill": "^6.6.1", "react": "^15.4.2", "react-dom": "^15.4.2" } } webpack.config代码为: var path=require('path'); var webpack=require('webpack'); var HtmlWebpackPlugin=require('html-webpack-plugin'); //一些常用路径 var ROOT_PATH=path.resolve(__dirname); var APP_PATH=path.resolve(ROOT_PATH,'app'); var BUILD_PATH=path.resolve(ROOT_PATH,'build'); // console.log("ROOT_PATH====="+ROOT_PATH); // console.log("APP_PATH====="+APP_PATH); // console.log("BUILD_PATH====="+BUILD_PATH); module.exports={ entry:{ //注意这里教材中使用的是index.jsx app:path.resolve(APP_PATH,'app.jsx') }, output:{ path:BUILD_PATH, filename:'bundle.js' }, //开启 dev source map devtool:'eval-source-map', //开启 webpack dev server devServer:{ historyApiFallback: true, hot: true, inline: true, progress: true, port:9999 //端口你可以自定义 //contentBase是访问路径,设置这个的话没图片会访问不到,如果html文件和css img等文件打包后都在这个路径下是没有问题,否则会找不到文件的 }, module: { // 配置preLoaders,将eslint添加进入 preLoaders: [ { test:/\.jsx?$/, loaders:['eslint'], include:APP_PATH } ], // rules: [ // { // test:/\.jsx?$/, // include:APP_PATH, // enforce: 'pre', // use: [{loader: 'eslint-loader', options: {rules: {semi: 0}}}], // }, // // other rules // ], // 配置loaders,将babel添加进去 loaders:[ { test:/\.jsx?$/, loaders:['babel-loader'], include:APP_PATH }, { test:/.(png)|(jpg)$/, loaders:['url'], include:APP_PATH }, { test:/.css$/, loaders:['style','css'], include:APP_PATH } ] }, //配置plugin plugins:[ new HtmlWebpackPlugin({ title:'My first react app' }) ], resolve:{ extensions:['','.js','.jsx'] } } .babelrc文件为: { "presets": ["es2015","react"], "env": { "development":{ "presets":["react-hmre"] } } } nodejs版本为 jkwu@jkwu:~/Projects/React_Webpack$ nodejs -v v4.2.6 jkwu@jkwu:~/Projects/React_Webpack$ node -v v6.9.4 jkwu@jkwu:~/Projects/React_Webpack$
微信小程序中js代码的一些问题?
#### **在学习微信小程序时候遇到了一些困难,困扰好久了 翻阅书籍视频也没有找到答案,求大神帮忙!** ``` onSelectCampus(res) { const name = res.currentTarget.dataset.cname; var pages = getCurrentPages(); var currentPage = pages[pages.length - 1]; var prePage = pages[pages.length - 2]; app.globalData.nearCampus = name; ``` #### **这是其中的一部分代码,我不明白res.currentTarget.dataset.cname这一串是什么意思,最让我困惑的是分隔字母的这个“.”** ``` var pages = getCurrentPages(); ``` **这一行代码应该是给pages定义 那后面()是干什么用的** **还想问一下“[]”这个符号在小程序是什么用法,就像三行那个 ``` pages[pages.length - 1] ```**
bootstrap 的 visible-*,hidden-*属性在react项目中无法使用
最近在做一个react相关的项目,导入了相关的bootstrap包。想实现小屏幕自动隐藏一些组件的功能;将菜鸟教程里面的实例稍微修改,但是发现_visible-*_,_hidden-*_属性不起作用。 下面是代码和不同大小屏幕的显示。 代码: ![图片说明](https://img-ask.csdn.net/upload/201912/01/1575207890_233338.png) 大屏幕结果: ![图片说明](https://img-ask.csdn.net/upload/201912/01/1575207919_853787.png) 小屏幕结果: ![图片说明](https://img-ask.csdn.net/upload/201912/01/1575207932_154640.png)
react脚手架搭建项目:求解为什么主题颜色没有发生变化 ?
这是index.js文件的代码,入口文件 ``` import React from 'react' import {render} from 'react-dom' import {Button} from 'antd-mobile' render( <Button type="primary">Test</Button>, document.getElementById('root') ) ``` 这是config-overrides.js文件的代码 ``` const {override, fixBabelImports, addLessLoader} = require("customize-cra"); module.exports = override( fixBabelImports("import", { libraryName: "antd-mobile", libraryDirectory: 'es',style: true // change importing css to less }), addLessLoader({ javascriptEnabled: true, modifyVars: { "@primary-color": "#1DA57A" } }) ); ```
RN开发run-android后遇到这个错误com.facebook.jni.CppException: Can't find variable: require
![图片说明](https://img-ask.csdn.net/upload/201907/27/1564169059_441695.jpg) package.js文件 ``` { "name": "zhuanbei", "version": "0.0.1", "private": true, "scripts": { "start": "node node_modules/react-native/local-cli/cli.js start", "test": "jest" }, "dependencies": { "@ant-design/react-native": "^3.1.11", "@babel/preset-env": "^7.5.5", "@react-native-community/async-storage": "^1.5.0", "antd-mobile": "^2.2.14", "antd-mobile-rn": "^2.3.3", "babel-preset-react-app": "^9.0.0", "jsc-android": "^241213.1.0", "mobx": "^5.11.0", "mobx-react": "^6.1.1", "react": "16.8.6", "react-native": "^0.59.9", "react-native-deprecated-custom-components": "^0.1.2", "react-native-full-image-picker": "^1.2.11", "react-native-gesture-handler": "^1.3.0", "react-native-qrcode": "^0.2.7", "react-native-scrollable-tab-view": "^0.10.0", "react-native-shadow": "^1.2.2", "react-native-sms-verifycode": "^2.4.0", "react-native-splash-screen": "^3.2.0", "react-native-svg": "^9.5.3", "react-native-vector-icons": "^6.6.0", "react-native-view-shot": "^3.0.0", "react-navigation": "^3.11.0" }, "devDependencies": { "@babel/core": "^7.4.5", "@babel/plugin-proposal-decorators": "^7.4.4", "@babel/runtime": "^7.4.5", "babel-jest": "^24.8.0", "babel-plugin-import": "^1.12.0", "jest": "^24.8.0", "metro-react-native-babel-preset": "^0.54.1", "react-test-renderer": "16.8.3" }, "jest": { "preset": "react-native" } } ``` 这个问题要怎么解决呢
react-native 源码地址有吗?(github)上的,要最新版本的不要6以下的
react-native 源码地址有吗?(github)上的,要最新版本的不要6以下的
eslint jsx-a11y/anchor-is-valid 禁用不生效,如何解决?
#### 问题 `.eslintrc.js`文件,设置了` 'jsx-a11y/anchor-is-valid': 0` 在 WebStorm中已经不报警告了,但是启动项目时还是有警告,如下图 1. 在编辑器中已经不出警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436601_626815.png) 2. 在项目启动时仍然出现警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436631_510559.png) 3. 在浏览器中也出现了警告 ![图片说明](https://img-ask.csdn.net/upload/201907/18/1563436710_353743.png) **请问如何解决警告问题?** #### 项目环境 1. WebStorm 2. create-react-app --typescript 项目 3. .eslintrc.js文件内容 ```js module.exports = { parser: '@typescript-eslint/parser', extends: [ 'plugin:@typescript-eslint/recommended', 'react-app', 'prettier/react', 'plugin:prettier/recommended', ], env: { browser: true, es6: true, node: true }, globals: { Atomics: 'readonly', SharedArrayBuffer: 'readonly' }, parserOptions: { ecmaFeatures: { jsx: true }, ecmaVersion: 2018 }, plugins: [ 'react', '@typescript-eslint', ], rules: { 'jsx-a11y/anchor-is-valid': 0, '@typescript-eslint/indent': ['error', 2], 'linebreak-style': [ 'error', 'unix' ], quotes: [ 'error', 'single' ], semi: [ 'error', 'always' ], '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/explicit-member-accessibility': 0, // Makes no sense to allow type inferrence for expression parameters, but require typing the response '@typescript-eslint/explicit-function-return-type': [ 'off', { allowTypedFunctionExpressions: true } ], '@typescript-eslint/no-use-before-define': [ 'error', { functions: false, classes: true, variables: true, typedefs: true } ], } }; ``` 4. package.json文件内容 ``` { "name": "jgszl-web-tpl-ts", "version": "0.1.0", "private": true, "dependencies": { "@ant-design/pro-layout": "^4.5.10", "@types/jest": "24.0.15", "@types/node": "12.0.12", "@types/react": "16.8.23", "@types/react-dom": "16.8.4", "@types/react-router-dom": "^4.3.4", "antd": "^3.20.0", "axios": "^0.19.0", "babel-plugin-import": "^1.12.0", "customize-cra": "^0.2.14", "less": "^3.9.0", "less-loader": "^5.0.0", "react": "^16.8.6", "react-app-rewired": "^2.1.3", "react-dom": "^16.8.6", "react-router-dom": "^5.0.1", "react-scripts": "3.0.1", "typescript": "3.5.2" }, "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-app-rewired eject", "lint": "eslint --cache --ext .js,.jsx,.ts,.tsx ./src" }, "eslintConfig": { "extends": "react-app" }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "@types/lodash": "^4.14.136", "@typescript-eslint/eslint-plugin": "^1.11.0", "@typescript-eslint/parser": "^1.11.0", "eslint-config-prettier": "^6.0.0", "eslint-config-react-app": "^4.0.1", "eslint-plugin-prettier": "^3.1.0", "prettier": "^1.18.2" } } ```
react - ts - less 模块化 进行配置后 import无法引用 ????
在使用 react - ts - less 模块化 进行配置后 引用less ``` import styles from "./login.module.less"; //报错 找不到文件 ``` 但 ``` const styles = require("./login.module.less");//正常引用 ``` 不知为何 es6引用找不到文件 ?????
有没有上线过react WEB应用的小哥哥小姐姐呀, 我不会上线,还望不吝赐教?
本人自己学习前端开发,截止今日,依照视频写出一个react 应用, 也买了一台云服务器 ,页申请了域名; 将打包好的网页上传至云服务器, 并且通过域名可以访问到我的应用, 域名为: **weiyafei.cn** 但是有一点不会;就是比如我本地开发的时候,接口调用的是本地 的地址,上线之后我就不会调用接口了, 其实就是不会将数据库上云,然后通过ip获取数据 我附上几个开发时的数据请求图片 ![这是启动mysql](https://img-ask.csdn.net/upload/202001/06/1578307294_842169.png) ![用node管理的mysql 并且提供数据接口](https://img-ask.csdn.net/upload/202001/06/1578307324_415440.png) ![这是本地获取数据的接口](https://img-ask.csdn.net/upload/202001/06/1578307356_549622.png)
echarts-for-react 实现省地图需要每个省份都写一个js吗?有没有通用的模板
写全国地图的时候发现 每写一个省地图就需要import 省.js 和 省/json ,难道没有一个通用的模板吗
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、PDF搜索网站推荐 对于大部
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
Vue + Spring Boot 项目实战(十四):用户认证方案与完善的访问拦截
本篇文章主要讲解 token、session 等用户认证方案的区别并分析常见误区,以及如何通过前后端的配合实现完善的访问拦截,为下一步权限控制的实现打下基础。
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入  假设现有4个人
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
漫话:什么是平衡(AVL)树?这应该是把AVL树讲的最好的文章了
这篇文章通过对话的形式,由浅入深带你读懂 AVL 树,看完让你保证理解 AVL 树的各种操作,如果觉得不错,别吝啬你的赞哦。 1、若它的左子树不为空,则左子树上所有的节点值都小于它的根节点值。 2、若它的右子树不为空,则右子树上所有的节点值均大于它的根节点值。 3、它的左右子树也分别可以充当为二叉查找树。 例如: 例如,我现在想要查找数值为14的节点。由于二叉查找树的特性,我们可...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
开源并不是你认为的那些事
点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么?先要厘清开源不是什么,名正言顺是句中国的古代成语,概念本身的理解非常之重要。大部分生物多样性的起源,...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
      11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下
《C++ Primer》学习笔记(六):C++模块设计——函数
专栏C++学习笔记 《C++ Primer》学习笔记/习题答案 总目录 https://blog.csdn.net/TeFuirnever/article/details/100700212 —————————————————————————————————————————————————————— 《C++ Primer》习题参考答案:第6章 - C++模块设计——函数 文章目录专栏C+...
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车? 某胡同口的煎饼摊一年能卖出多少个煎饼? 深圳有多少个产品经理? 一辆公交车里能装下多少个乒乓球? 一
so easy! 10行代码写个"狗屁不通"文章生成器
前几天,GitHub 有个开源项目特别火,只要输入标题就可以生成一篇长长的文章。背后实现代码一定很复杂吧,里面一定有很多高深莫测的机器学习等复杂算法不过,当我看了源代码之后这程序不到50
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的 回答 - Bravo Yeung,获得该问题下回答中得最高赞(236赞和1枚专业勋章),对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalk
相关热词 c# 引用mysql c#动态加载非托管dll c# 两个表数据同步 c# 返回浮点json c# imap 链接状态 c# 漂亮字 c# 上取整 除法 c#substring c#中延时关闭 c#线段拖拉
立即提问