在vue keep-alive页面,切换路由的时候axios取消了未完成的接口,再次进入该页面数据不完整

因为这个页面请求数据比较多,所以想到了用keep-alive。
但是在路由切换时我用axios取消了未完成的请求。
这样的话再次进入这个页面时,页面数据时不完整的,这种情况怎么解决,
或者提供一种别的思路也可以

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue中用到keep-alive部分页面缓存,怎么和transition综合使用?

不用部分缓存时是这样的: ``` <transition :name="direction" mode="out-in"> <keep-alive> <router-view></router-view> </keep-alive> </transition> ``` 现在变成如下这样,那么transition怎么加上去,不会有问题?求指教大神! ``` <keep-alive> <router-view v-if="$route.meta.keepAlive" ></router-view> </keep-alive> <router-view v-if="!$route.meta.keepAlive"></router-view> ```

axios 如何关闭keepalive

axios官方文档上写的默认没有开启keepalive,但是发请求的时候request的connection字段为keepalive,我没有设置keepAlive,尝试使用httpAgent({keepAlive: false})并没有效果

vue项目,在切换路由时内存没有释放,再次切换回原路由或者是其他页面,为什么内存又被释放了?

先说一下环境:vue:2.5.2 vue-router:3.0.1 element-ui:2.13.0 最开始存在三个页面HelloWorld、foo和bar。 分别说一下这两个页面都有什么: HelloWorld页面,有一个请求(会请求一些数据),将请求回来的数据放到data中,并用element-ui的select组件进行展示,另外就是一个跳转至foo页面的按钮,代码如下: ``` <template> <div class="hello"> <el-button @click="getAccountListPage"> page获取科目列表 </el-button> <el-select v-model="activeAcc" placeholder="请选择"> <el-option v-for="item in accountPageList" :key="item.id" :label="item.codeAndName" :value="item.id"> </el-option> </el-select> <el-button @click="goToFoo"> go Foo </el-button> </div> </template> <script> export default { name: 'HelloWorld', data () { return { activeAcc: '', accountPageList: [] } }, methods: { getAccountListPage() { let xmlhttp, that = this; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { let res = JSON.parse(xmlhttp.response); if(res.result) { that.accountPageList = res.value; } } }; xmlhttp.open("POST","******这里是url*******",true); xmlhttp.setRequestHeader("Content-type","application/json"); xmlhttp.send('{}'); }, goToFoo() { this.$router.push({name: 'foo'}) } }, } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` foo页面,很简单,有一个跳转至HelloWorld页面的按钮和一个跳转至bar页面的按钮,代码如下: ``` <template> <div class="foo"> 这是Foo页面 <el-button @click="goToHelloWorld"> go HelloWorld </el-button> <el-button @click="goToBar"> go Bar </el-button> </div> </template> <script> export default { name: 'Foo', data () { return {} }, computed: {}, methods: { goToHelloWorld() { this.$router.push({name: 'HelloWorld'}) }, goToBar() { this.$router.push({name: 'bar'}) } } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` bar页面和foo页面一样,有一个跳转至HelloWorld页面的按钮和一个跳转至foo页面的按钮,代码如下: ``` <template> <div class="bar"> 这是Bar页面 <el-button @click="goToHelloWorld"> go HelloWorld </el-button> <el-button @click="goToFoo"> go Foo </el-button> </div> </template> <script> export default { name: 'Bar', data () { return { } }, computed: {}, methods: { goToHelloWorld() { this.$router.push({name: 'HelloWorld'}) }, goToFoo() { this.$router.push({name: 'foo'}) } }, } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` 操作步骤: 1.进入HelloWord页面,不做任何操作,利用chrome浏览器开发者工具中的Performance monitor工具,查看内存使用情况 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778311_366832.png) 2.点击按钮获取数据,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778454_982794.png) 可以看到,js、dom nodes、 js event,都有所增加。 3.跳转至foo页面,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778614_138117.png) 这时候发现内存占用情况并没有明显变化,也就是说跳转foo页面后,helloword页面的内存并未得到释放。这是问题一。 4.这时候跳转至bar页面,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778782_257327.png) 可以看到,刚刚存在的内存占用已经被释放了。这是问题二。 上面的截图都是我手动垃圾回收(collect garbage)后的截图。 对于上面出现的两个问题,还请各位大佬解答一下,万分感谢!!!

vue-element-admin 随便挂个路由上去 都不成功 求解!!!急急急

![图片说明](https://img-ask.csdn.net/upload/201905/28/1559049489_953298.png) ![图片说明](https://img-ask.csdn.net/upload/201905/28/1559049510_221072.png) ![图片说明](https://img-ask.csdn.net/upload/201905/28/1559049521_314350.png) ![图片说明](https://img-ask.csdn.net/upload/201905/28/1559049529_151158.png) 地址栏输入http://localhost:8080/#/test 一直重定向到该页面 我的login/index.vue 的登录函数改了 handleLogin() { this.$refs.loginForm.validate(valid => { if (valid) { this.$store.dispatch('user/login', this.loginForm) .then(() => { // this.$router.push({ path: this.redirect || '/', query: this.otherQuery }) // this.loading = false }) .catch(() => { // this.loading = false }); } }); }, 为啥就是出不去登录页 求指教!!!急急急!!!

vue-aplayer跳转路由时歌曲会停止,该怎么让他不停止

vue-aplayer跳转路由时歌曲会停止,该怎么让他不停止

ant-design-vue路由求指点

各位大佬,后生初次接触这个项目框架,遇到点问题,望不吝赐教 我的路由是这样写的 ![图片说明](https://img-ask.csdn.net/upload/202004/10/1586505141_162683.png) 项目需求是左侧导航栏只展示到学员管理,发送消息和学生详情不展示在导航栏,由按钮控制跳转,现在遇到问题是跳转后路由发生了变化但是页面没变化(下面三张图展示) ![图片说明](https://img-ask.csdn.net/upload/202004/10/1586505167_179645.png)![图片说明](https://img-ask.csdn.net/upload/202004/10/1586505175_879254.png)![图片说明](https://img-ask.csdn.net/upload/202004/10/1586505184_67473.png) 使用了另一种写法后可以实现页面内容变化,但是无法选中左侧导航栏(也就是学员管理)(见下面两张图) ![图片说明](https://img-ask.csdn.net/upload/202004/10/1586505204_453475.png) ![图片说明](https://img-ask.csdn.net/upload/202004/10/1586505214_975245.png) 希望各位大佬伸出支援的手~ 另外求antd-vue的教学资源 多谢

求大神帮忙解决:vue-cli3 axios请求本地数据问题

引入axios ``` import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import axios from 'axios' Vue.config.productionTip = false Vue.prototype.$axios = axios ``` vue.config.js ``` module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, hotOnly: false, proxy: { // 配置跨域 '/api': { target: 'http://localhost:8080', ws: true, changOrigin: true, pathRewrite: { '^/api': '' } } }, before: app => {} } }; ``` json目录 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566447518_763675.png) axios请求 ``` getData() { this.$axios('api/data/profile/shopping.json') .then( res => { console.log(res.data) }) } ``` 错误提示 ![图片说明](https://img-ask.csdn.net/upload/201908/22/1566447555_906674.png)

vue-cli 路由变化了为什么 页面没有变化

# 这个router的index.js页面 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559620_430546.png) # 主页面 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559668_314034.png) # 点击我的按钮后路由变化了,页面内容没有变 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559713_524859.png) # 点击设置按钮后路由变化了,页面内容没有变 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559751_515850.png) # 我的vue组件 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559810_859936.png) # 设置vue组件 ![图片说明](https://img-ask.csdn.net/upload/201910/20/1571559824_130894.png)

vue-cli(目前使用的是4.2.3)axios get方法获取json404错误?

本人前端初学者 在使用vue-cli(目前使用的是4.2.3)写代码时,遇到了这样的问题: 使用axios的get方法获取本地的json文件总是报404错误,获取外网可以获取到。 网上找了大堆相关问题,有的说是放在src/static目录下,然后使用相对路径访问就可以,我测试了,还是一样的404错误。 的说是放在public下,然后使用绝对路径访问,结果还是404错误。 后来我去了看了官方文档,只有说相对路径和绝对路径的问题。无奈,再次懵逼了。 后来看到有的说是映射,这我就更懵逼了。 求大佬来帮忙解决

vue-cli项目懒加载路由之后打包文件比不路由懒加载还大

vue-cli项目懒加载路由之后打包文件比不路由懒加载还大,我没有使用懒加载,打包后app的那个js就1001k,我要是使用懒加载,那么9个页面,基本上每个页面的被打包之后都是300多k,完了还有一个app的js是500k左右,会大2M,这个是怎么回事,有什么方式解决吗? (我的项目中基本每个页面都使用echarts和百度地图api)

Vue-router的问题,使用路由嵌套的时候,为何子路由的内容不被渲染到router-view?

![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404412_780066.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404427_831596.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404436_354059.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404443_394701.png)![图片说明](https://img-ask.csdn.net/upload/201903/12/1552404451_51692.png) 上面白色背景的是官方的,黑色的是我的,唯一不同的地方就是官方没有使用name来命名路由。根据这种设计,点击不同名的路由,路径确实被改变了(参考图3和图4),**但是所渲染的内容都是block组件**,这是为何?二级路径,我希望渲染block2的内容。为何会出现这个问题?怎么解决?为了更好的逻辑,设计模式,尽量采用嵌套路由,如果不是嵌套路由,我有办法解决。

vue-awesome-swiper 手势缩放无效

问题描述: 想在vue项目中使用vue-awesome-swiper实现相册查看功能,测试的时候发现使用写死的图片src 时手势缩放没有问题,但是图片src集合换到从后台获取到再赋值的,手势缩放就不起作用了,不知道是什么原因。 用的vue template, 后台获取到的数据已经渲染到dom中,手机上测试切换没有问题,双击放大也可以,就是手势缩放或者双击放大后图片不能拖拽移动查看(用写死的图片src是可以的)。 vue项目依赖或版本: ``` "devDependencies": { "axios": "^0.15.3", "babel-plugin-component": "^0.10.1", "babel-plugin-transform-object-rest-spread": "^6.26.0", "bootstrap-sass": "^3.3.7", "cross-env": "^3.2.3", "jquery": "^3.1.1", "laravel-mix": "^0.12.1", "less": "^2.7.3", "less-loader": "^4.0.5", "lodash": "^4.17.4", "postcss-px2rem": "^0.3.0", "vue-lazyload": "^1.2.6" }, "dependencies": { "fastclick": "^1.0.6", "leancloud-realtime": "^4.0.0-alpha.3", "leancloud-realtime-plugin-typed-messages": "^3.0.0", "leancloud-storage": "^3.4.2", "mint-ui": "^2.2.11", "moment": "^2.19.1", "vee-validate": "^2.0.0", "vue": "^2.5.13", "vue-awesome-swiper": "^2.6.7", "vue-resource": "^1.3.4", "vue-router": "^3.0.1", "vuex": "^3.0.1" } ``` 问题出现的环境背景及自己尝试过哪些方法: 试过使用另一个图片预览插件 [PhotoSwipe](http://photoswipe.com/ ""):PhotoSwipe,这个插件体验感比较好,但是插件需要预先知道图片的宽高,这个目前还没有时间研究。 相关代码: ``` <style> .viewImg .swiper-slide img { width: 100%; } </style> <template> <div class="viewImg" > <a class="btn-close f-r"><img src="/images/icon-close.png" @click="closeViewer" alt="关闭" title="关闭"></a> <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide v-for="img in images" :key="img.id"> <div class="swiper-zoom-container"> <img :data-src="img.smallSizeUrl" class="swiper-lazy"> </div> </swiper-slide> <div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-next" slot="button-next"></div> </swiper> </div> </template> <script> import 'swiper/dist/css/swiper.css' ; import { swiper, swiperSlide } from 'vue-awesome-swiper' export default { components: { swiper, swiperSlide }, data() { return {swiperOption: { allowTouchMove: true, width: window.innerWidth, notNextTick: false, observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true,//修改swiper的父元素时,自动初始化swiper loadPrevNext: true, lazy: { loadPrevNext: true, }, lazyLoading : true, lazyLoadingInPrevNext: true, // 设置为true允许将延迟加载应用到最接近的slide的图片(前一个和后一个slide)。 zoom: true, grabCursor: true, // 设置为true时,鼠标覆盖Swiper时指针会变成手掌形状,拖动时指针会变成抓手形状。(根据浏览器形状有所不同) pagination: { el: '.swiper-pagination' }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev' } } } }, //定义这个sweiper对象 computed: { swiper() { return this.$refs.mySwiper.swiper; } }, mounted () { //这边就可以使用swiper这个对象去使用swiper官网中的那些方法 // this.swiper.slideTo(0, 1, false); }, props: { images: { required: true } }, methods:{ closeViewer: function(){ this.viewImg = false; } } } </script> ``` 我期待的结果是什么?实际看到的错误信息又是什么: 需要实现流畅的相册查看功能,支持预加载、流畅切换以及手机中手势缩放查看。 [vue-awesome-swiper 的demo](https://surmon-china.github.io/vue-awesome-swiper/ "")里可以看到都可以满足目前的主要需求,但是我在项目中出现了以上问题,求助。

关于vue使用vue-video-player无法播放视频的问题

vue-video-player正常全局加载后 并使用却无法加载本地MP4的视频 本地MP4视频放在同级别目录下 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899078_715017.png) 资源路劲配置 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899045_399805.png) 视频播放的时候显示无法加载 不支持 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899198_48691.png) 控制台输出 ![图片说明](https://img-ask.csdn.net/upload/201911/16/1573899227_712565.png) 浏览器播放MP4视频是可以的 换成其他本地资源路劲也是一样问题 求问怎么解决

Vue-router动态路由匹配到正常路由怎么办

在router.js中定义了这样两个路径/:id、/user,因为动态路由是在根路径下 且先定义的,所以后面的路径不会匹配,访问任何路径会匹配到/:id这个路径下,具体代码如下: ```javascript import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const router = new Router({ mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', component: () => import('./views/index/Index.vue'), children: [ { path: '/', redirect: { name: 'index' } }, { path: '/index', name: 'index', component: () => import('./views/pages/Home.vue') }, { path: ':user_name', component: () => import('./views/index/Index.vue'), children: [ { path: '/', name: 'user_info', component: ()=>import('./views/pages/UserInfo.vue') }, { path: 'article', name: 'user_article', component: ()=>import('./views/pages/UserArticle.vue') } ] } ] }, { path: '/user', component: () => import('./views/users/User.vue'), children: [ { path: '', redirect: { name: 'profile' } }, { path: 'profile', name: 'profile', component: () => import('./components/user/Profile.vue') }, { path: 'editor', name: 'editor', component: () => import('./components/user/Editor.vue') } ] }, { path: '/login', name: 'login', component: () => import('./views/Login.vue') }, { path: '/404', name: '404', component: () => import('./views/404.vue') }, { path: 'register', name: 'register', component: () => import('./views/Register.vue') } ] }) // router全局钩子函数 router.beforeEach((to, from, next) => { NProgress.start() if (to.path === '/login') { next() NProgress.done(); } else { if (to.meta.requiresAuth && !getToken()) { next({ path: '/login', query: { redirect: to.fullPath } }) NProgress.done(); } else { next() NProgress.done() } } }) export default router ``` ### 如上,当访问/username时匹配/:id,但是之后的路由无论访问/user、/login等都是匹配的/:id这个路由。 ### 求教该怎么写路由才能让匹配正确的路由?

vue里面head组件切换下拉框,当前页面刷新数据

我做了一个head的组件,上面有个下拉框,放在了当前的vue文件上,当我切换下拉框的时候,刷新当前页数据,如果不用vuex做的话,该怎么做?请各位大神解答~~

vue-cli4 无法触发页面刷新

我在搭建vue+ts环境时发现,只有在template中添加内容才会刷新页面,而修改script 和style中的内容却无法触发,怎么解决呢?

vue cli3 管理axios 连接api的跨域请求地址问题

vue.config.js配置代理 ``` devServer: {// 环境配置 host: 'localhost', port: 8080, https: false, hotOnly: false, open: true, //配置自动启动浏览器 proxy: {// 配置多个代理(配置一个 proxy: 'http://localhost:4000' ) '/api': { target: 'http://127.0.0.1:8000', changeOrigin: true, //允许跨域 pathRewrite: { //需要rewrite重写的, 如果在服务器端做了处理则可以不要这段 '^/': '' } }, } }, ``` main.js配置 ``` import axios from 'axios' import 'amfe-flexible' setaxios() Vue.config.productionTip = false Vue.prototype.$http = axios axios.defaults.timeout = 5000 // 请求超时 axios.defaults.baseURL = '/' // api 即上面 vue.config.js 中配置的地址 new Vue({ router, store, render: h => h(App) }).$mount('#app') ``` inde.vue中代码 ``` async created(){ try{ //获取轮播图数据 const items=await this.$http.get('/h5indexad') .then(response => { console.log(items) console.log(response) this.items=items.data }) ``` 为什么浏览器前端还是连的vue的端口8080,不是api接口地址8000 ![图片说明](https://img-ask.csdn.net/upload/201907/19/1563508630_384647.png)

VUE 多级菜单,路由变了页面内容没变

需求是这样的: 分为顶部1级菜单,和左侧2,3级菜单,点击顶部菜单左侧会联动 ![图片说明](https://img-ask.csdn.net/upload/201907/23/1563848300_684787.png) 点击1,2,3每级菜单页面都会跟着变, 例如点击监控系统1级菜单,就会默认进入冷站页面 现在顶部菜单是没有问题的,就是2,3级出现问题了,谢谢大神指导,刚刚注册没有C币,可加微信发红包,谢谢了 ``` //index.js let routes = [ { path: '/login', name: 'login', component: Login }, { path: '/', component: Main, children: [{ path: '/monitor/cold', component: Cold, iconCls: 'fa fa-home fa-fw', name: '系统监控', children: [ { path: '/monitor/cold', component: Cold, iconCls: '/static/menu/ba.png', name: '楼宇自控', children: [ { path: '/monitor/cold', component: Cold, iconCls: '/static/menu/ba.png', name: '冷站' }, { path: '/monitor/ahu', component: Ahu, iconCls: '/static/menu/fire.png', name: '组合式空调' } ] }, { path: '/monitor/fire', component: Fire, iconCls: '/static/menu/fire.png', name: '消防监控', children:[] }, { path: '/monitor/door', component: Door, iconCls: '/static/menu/mj.png', name: '门禁监控', children:[] } ] }] }, //后面还有很多123级菜单,省略 ] //Main.vue <template> <section> <el-container class="container"> <!--页眉--> <el-header class="header"> <el-row> <el-menu :default-active="$route.path" class="menu-ul" mode="horizontal" @select="handleSelect" background-color="#06283C" text-color="#fff" active-text-color="#ffd04b" > <template v-for="(item,index) in menus"> <el-menu-item v-for="child in item.children" :index="child.path" :key="child.path" @click="initLeftMenu(child)" style="width:120px;"><i :class="child.iconCls" style="margin-left: -20px;margin-right: 10px;"></i>{{child.name}}</el-menu-item> </template> </el-menu> </el-row> </el-header> <el-container> <el-aside class="left-aside" width="50px" v-show="$route.path != '/home'"> <el-menu v-show="$route.path.indexOf('monitor') > 0" default-active="1-2" class="el-menu-left" :collapse="true"> <template v-for="(item,index) in leftMenus"> <!--如果有3级菜单--> <el-submenu v-if="item.children.length > 0" :index="item.path" :key="item.path" @click="$router.push(item.path)"> <template slot="title"> <img :src="item.iconCls"/> </template> <el-menu-item-group v-if="item.children != null && item.children != '' && item.children != []"> <span slot="title">{{item.name}}</span> <el-menu-item v-for="children in item.children" :index="children.path" :key="children.path" @click="$router.push(children.path)" style="width:120px;padding-left: 20px !important;"><i :class="children.iconCls" style="margin-left: -20px;margin-right: 10px;"></i>{{children.name}}</el-menu-item> </el-menu-item-group> </el-submenu> <!--如果没有3级菜单--> <el-menu-item v-if="item.children.length == 0" :index="item.path" :key="item.path" @click="$router.push(item.path)"> <img :src="item.iconCls"/> </el-menu-item> </template> </el-menu> </el-aside> <el-main class="main"> <transition name="fade" mode="out-in"> <router-view></router-view> </transition> </el-main> </el-container> </el-container> </section> </template> let data = () => { return { menus: [],//顶部一级 leftMenus:[]//左侧23级 } } //点击顶部1级菜单联动事件 let initLeftMenu = function (child) { this.$router.push(child.path) this.leftMenus = child.children } ```

vue cli3搭建的项目里使用axios引入本地json一直404

json文件我存在在public文件夹下,我记得不错的话,cli3之后public才是存放静态资源的地方,而不是之前的static了吧,但是不知道为什么还是报404,是我还得在vue.config.js中配置什么吗![图片说明](https://img-ask.csdn.net/upload/201904/07/1554616386_296732.png) ``` methods:{ send(){ axios.get('/public/student.json',{}).then(res=>{console.log(res.data)}) } }, mounted(){ this.send() } ```

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

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

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

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

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

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

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

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

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

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

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

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

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

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

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

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

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

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

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

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

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

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

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

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

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

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

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

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

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

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

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

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

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

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

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

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

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

轻松等回家通知

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

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

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐