<router-link>和<router-view>怎么绑定，我这边不管点击哪个点击<router-link>标签，所有的<router-view>标签都会渲染那个<router-link>的路由。 我想要的是一个<router-link>只对应一个<router-view>标签（也就是点击某个<router-link>只会在对应的<router-view>中渲染） 放一张失败的图片：  求拯救

``` <script> import $ from "jquery"; import router from "vue-router"; export default { name:'app', router, components:{}, mounted(){ $(".navLeft").height($(window).height()-50); } }; </script> ``` 上面是App.vue中的js代码。 ``` <el-menu :router="true" background-color="#F5F5F5" class="el-menu-vertical-demo" default-active="1"> <el-submenu index="/user"> <template slot="title"> <i class="el-icon-user"/> <span>用户管理</span> </template> <el-menu-item-group> <el-menu-item index="/user/findAll"><i class="el-icon-setting"/>查看用户信息</el-menu-item> <el-menu-item index="/user/addUser"><i class="el-icon-setting"/>添加用户信息</el-menu-item> <el-menu-item index="/user/modifyUser"><i class="el-icon-setting"/>修改用户信息</el-menu-item> <el-menu-item index="/user/deleteUser"><i class="el-icon-setting"/>删除用户信息</el-menu-item> </el-menu-item-group> </el-submenu> </el-menu> ``` 上面是html模板，使用的是导航栏，想在导航栏中使用路由功能，但是在点击导航菜单的时候提示“element-ui.common.js”的3376行报错。  请问这个该怎么解决？ 网上找了好多，都不是这种的。

 想在id为0001的数据中加链接应该怎么加 html部分都是框架了 想给其中单个数据加怎么加。。求大佬详解

vue 的 <component :is=""> 和 <router-link :to="" > 效果感觉差不多，有什么区别吗，这两个分别在什么时候用

安装了vue-router后，router-link连带标签都消失了，有使用elementui   代码 ``` <ul> <li class="tit"><router-link to="/index">首页</router-link></li> <li>分类</li> <li>排行榜</li> <li>APP下载</li> <li>我要投稿</li> <li>动漫</li> <li>游戏中心</li> <li>条漫大赛</li> </ul> ``` main.js ``` import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; import router from 'vue-router'; Vue.use(router); Vue.use(ElementUI); new Vue({ el: '#app', router, render: h => h(App) }); ``` 路由规则代码 ``` import Vue from 'vue'; import Router from 'vue-router'; Vue.use(Router); const routes = [{ path: "/index", name: 'index', component: () => import('./../views/Index.vue') } ]; export default new Router({ routes: routes, mode: "history", redirect: "/index" }); ```

**html** ``` <div id="app"> <router-link to="/account">account</a> <router-view><router-view> </div> <template id="acc"> <div> <h1>这是Account组件</h1> <router-link to="/account/login">登录</a> <router-link to="/account/register">注册</a> <router-view></router-view> </div> </template> <template id="log"> <div> <h1>Login组件</h1> </div> </template> <template id="reg"> <div> <h1>Register组件</h1> </div> </template> <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script> <script src="https://cdn.bootcss.com/vue-router/3.0.2/vue-router.js"></script> <script src="new_file.js" type="text/javascript" charset="utf-8"></script> ``` **js** ``` var account = { template:"#acc" } var login = { template:"#log" } var register = { template:"#reg" } var router = new VueRouter({ routes:[ // 此处就用组件模板名称，不能用组件名称 { path:'/account',component:account, children:[ { path:'/account/login',component:login }, { path:'/account/register',component:register } ] } ] }) new Vue({ el:'#app', router }) ``` 

vue2.0 <router-link @click.native='事件'> 添加点击事件调用ajax 返回数据 怎么根据 返回的值 进行判断 在进行跳转 最好有详细的代码

 在vue项目中，利用router-view进行单页面后台系统时，在router-view中出现了 样式重叠的问题 以下是router配置 ``` let routes = [ { path: '/', component: App, children: [ {path: '/index', component: index, name: '首页'}, {path: '/city', component: city, name: '城市管理'}, {path: '/site', component: site, name: '站点管理'}, {path: '/route', component: route, name: '线路管理'} ] } ]; ``` 以下是app.vue中的使用 ``` <el-row class="container" style="height: 100%"> <v-header></v-header> <el-col :span="24" class="main"> <el-row> <el-menu :default-active="$route.path" class="mar-l el-menu-vertical-demo el-col el-col-3" light router> <template v-for="(item,index) in $router.options.routes[0].children" v-if="!item.hidden"> <el-menu-item :index="item.path" ><i class="fa" :class="item.class"></i>{{item.name}}</el-menu-item> </template> </el-menu> <section class="contentCon"> <el-col :span="21" :offset="3" class="content-wrapper"> <transition> <router-view></router-view> </transition> </el-col> </section> </el-row> </el-col> </el-row> ```

问题描述 首先再 App.vue 中有一个`router-view`，代码如下 ``` <template> <div id="app"> <router-view></router-view> </div> </template> ``` 然后路由显示为到`Main.vue` ``` export const mainRouter = { path: '/', name: 'main', component: Main } ``` 然后在 `Main.vue`中也有一个`router-view`，代码如下 ``` <div class="nav-content"> <nav> <router-link :to="{name:item.routerUrl}" tag="li" :key="item.name" v-for="item in menuList"> <span class="nav-item">{{item.name}}</span> </router-link> </nav> </div> <div class="content"> <router-view></router-view> </div> ``` 然后如何让在 `Main.vue`上的`router-link`点击后的页面显示在 `Main.vue`中的`router-view`上呢？ PS：现在点击后显示在`App.vue`中的`router-view`上

在app.vue 里面已经设置了 ``` <a-locale-provider :locale="locale"> <div id="app"> <router-view/> </div> </a-locale-provider> import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'） data() { return { locale: zhCN } } ```

废话不多说，先把项目截图贴出来。 这是首页跳转进来之后 Layout组件代码如下。 ```<template> <el-container> <el-aside width="90px"> <layout-nav></layout-nav> </el-aside> <el-container> <el-main> <router-view></router-view> </el-main> </el-container> </el-container> </template> ``` 左侧菜单除了概述的页面不含子菜单，红包和设置页面含红包和设置的子菜单，继承的Layout-main组件，  Layout-main代码如下 ``` <template> <el-container class="layout-main"> <model-nav></model-nav> <el-main class="layout-container"> <router-view></router-view> </el-main> </el-container> </template> ``` Layout-nav代码如下 ``` <el-menu class="el-menu" default-active="2" :key="i" v-for="(items,i) in this.$router.options.routes" v-if="items.hidden !==true&&items.children[0]"> <el-menu-item v-for="(item,i) in items.children" :index="item.path" :key="i"> <template slot="title"> <router-link :to="item.path"> <i class="el-icon-info"></i> {{item.meta.title}} </router-link> </template> </el-menu-item> </el-menu> ``` 路由文件如下 ``` export default new Router({ routes: [ {path: '/hello', name: 'HelloWorld', component: HelloWorld, hidden: true}, {path: '/login', component: () => import("@/views/login/index"), hidden: true}, {path: '/404', component: () => import("@/views/404"), hidden: true}, { path: "/", component: Layout, redirect: "/dashboard", name: "Layout", meta: {title: "首页"}, children: [ { path: "/dashboard", name: "dashboard", component: () => import("@/views/dashboard/index"), meta: {title: "概述"} }, { path: "/redpack", component: Layoutmain, redirect: "/redpack/index", meta: {title: "红包"}, children: [ {path: 'index', component: () => import("@/views/redpack/index"), meta: {title: "数据统计"}}, { path: 'lgroup', name: 'lgroup', component: () => import("@/views/redpack/lgroup"), meta: {title: "分组管理"} }, { path: 'edit', name: 'edit', component: () => import("@/views/redpack/edit"), meta: {title: "编辑"} }, ] }, { path: "/setting", component: Layoutmain, redirect: "/setting/index", meta: {title: "设置"}, children: [ {path: 'index', component: () => import("@/views/setting/index"), meta: {title: "设置"}}, ] } ] }, ] }) ``` 在Layout-nav中我已经循环遍历出了一级菜单，如何在点击进入一级菜单之后，进入二级菜单时，在model-nav中显示对应的二级菜单呢，路由传值吗？传值我试了把其相应的children传递不成功。小弟初来乍到，求解决方案。 model-nav是另外一个组件,因为我没有获得到数据，无法遍历，代码如下: ``` <template> <el-menu default-active="2" class="left-menu" > <el-menu-item index="1" class="left-menu-head"> 红包 </el-menu-item> <el-menu-item index="2"> <template slot="title"> <router-link to="/redpack/index"> <span>数据统计</span> </router-link> </template> </el-menu-item> <el-menu-item index="3"> <template slot="title"> <router-link to="/redpack/index"> <span>参数设置</span> </router-link> </template> </el-menu-item> <el-menu-item index="4"> <template slot="title"> <router-link to="/redpack/lgroup"> <span>分组管理</span> </router-link> </template> </el-menu-item> <el-menu-item index="5"> <template slot="title"> <router-link to="/user"> <span>批次管理</span> </router-link> </template> </el-menu-item> <el-menu-item index="6"> <template slot="title"> <router-link to="/module"> <span>编码管理</span> </router-link> </template> </el-menu-item> <el-menu-item index="7"> <template slot="title"> <router-link to="/admin/user2"> <span>扫码日志</span> </router-link> </template> </el-menu-item> </el-menu> </template> ```

代码如下：<a-form-item label='地址'> <a-select showSearch placeholder="请选择地址" :defaultActiveFirstOption="false" @search="search" :notFoundContent="该地址不存在" @select='select' v-decorator="['name']" > <a-select-option v-for="(d) in data" :key="d.">{{d.name}}</a-select-option> </a-select> </a-form-item> 为什么 :notFoundContent="该地址不存在" 在输入信息错误的情况下，不能显示出‘’该地址不存在这“个提示 请大神指点下。

想做个隔行换色的表格, 并且是做出来过, 没保存, 找不到了.... 大佬帮看看, 编译器报 => 这个> 红, 之前我也是可以用的啊, 是不是什么东西没有导入呢? 这是在网上看到的教程  ``` <template> <a-table :rowSelection="rowSelection" :columns="columns" :dataSource="data" rowClassName={ (record, index) => {index % 2 === 0 ? 'red' : 'blue'} } /> </template> ```

在vue页面中添加了 mint-ui 的样式，可是在vue的模板中并没有显示，并且vue是通过render 的方式添加到html中的，在使用的时候浏览器却出现了runtime-only的错误，并且在引入mint-ui 的时候，对于css文件的拦截使用的拦截器，loader和use有什么区别么，为什么使用use会报错，只能使用 loader进行拦截器的加载 ``` module: { rules: [ { test: /\.vue$/, use: 'vue-loader' }, { test: /\.css$/, loader: 'style-loader', loader: 'css-loader' }, { test: /\.jpg$/, use: 'url-loader' ``` ``` <template> <div> <ul v-for="(item,index) in list" v-bind:key="index"> <li>{{ item.id }} +"..."+{{ item.name }}</li> </ul> <span class="glyphicon glyphicon-heart" aria-hidden="true">aa</span> <router-link to="/app1">app1</router-link> <router-link to="/app2">app2</router-link> <router-view></router-view> <mt-button type="primary">primary</mt-button> </div> </template> <script> export default { data() { return { list: [ { id: 1, name: "111" }, { id: 2, name: "222" }, { id: 3, name: "333" }, { id: 4, name: "444" } ] }; } }; import $ from "jquery"; $(function() { $("ul>li:odd").css("backgroundColor", "pink"); $("ul>li:even").css("backgroundColor", "purple"); }); </script> <style> @import "../node_modules/bootstrap/dist/css/bootstrap.css"; @import "./css/index.css"; ****@import "../node_modules/mint-ui/lib/style.css";**** </style> ```

问题如图中显示，选中一个菜单项，其他菜单项没有取消选中状态 ``` <el-menu default-active='0' v-for="(menuItemName, menuItemIndex) in menuItemNames" :key="menuItemIndex"> <el-menu-item index="menuItemIndex"> <i class="el-icon-menu"></i> <span slot="title" @click="addTab(menuItemName, menuItemIndex)">{{menuItemName}}</span> </el-menu-item> </el-menu> ``` 

如图： 使用semanticUI 的tab组件，要实现这个tab切换效果，  在静态页面可以切换： 这是原始代码 ``` $('.menu .item').tab(); ---------------------------------- <div class="ui top attached tabular menu"> <a class="active item" data-tab="first">First</a> <a class="item" data-tab="second">Second</a> <a class="item" data-tab="third">Third</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> <div class="ui bottom attached tab segment" data-tab="second"> Second </div> <div class="ui bottom attached tab segment" data-tab="third"> Third </div> ``` 我想要实现 的效果是 使用 vue 获取到后台传递过来的tab标签里的分类数据， 点击标签，下方自动切换到对应的div. 自己的代码： ``` <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> ``` 达到这个效果  我想请问一下这个下面的div 要怎么写才能实现这样一个vue切换效果呢 下面是全部代码： ``` <!DOCTYPE html> <html xmlns:th="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>工具</title> <link rel="stylesheet" type="text/css" href="../../static/css/me.css" th:href="@{/css/me.css}"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body style="background: #439B78;"> <div style="height: 20px;"></div> <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="active item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> <script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> <script src="../../static/js/vue.min.js" th:src="@{/js/vue.min.js}"></script> <script src="../../static/js/axios.min.js" th:src="@{/js/axios.min.js}"></script> <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> <script type="text/javascript"> $(function(){ var data1 = { uri: 'forekit', categories: [] }; var vue = new Vue({ el: '#workArea', data: data1, mounted:function(){ this.load(); }, methods:{ load: function() { var url = this.uri; axios.get(url).then(function(response){ vue.categories = response.data; }); } } }); $('.menu .item').tab(); }); </script> </body> </html> ```

问题描述： 想在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/ "")里可以看到都可以满足目前的主要需求，但是我在项目中出现了以上问题，求助。

vendor.fec61cdf0ab67b1c1d30.1557884654290.js:50 VIDEOJS: WARN: player.hls is deprecated. Use player.tech_.hls instead ``` import 'videojs-contrib-hls' import { videoPlayer } from 'vue-video-player'; <div class="video-container"> <div class="container"> <div class="player"> <video-player class="video-player vjs-custom-skin" ref="videoPlayer" :playsinline="true" :options="playerOptions" @play="onPlayerPlay($event)" @pause="onPlayerPause($event)" @touchEnd="handleVideo" > </video-player> </div> </div> </div> 代码部分 ```

{ path: '/plan', name: 'plan', component: () => import('./views/plan/Plan.vue') }, { path: '/plandetails', name: 'plandetails', component: () => import('./views/plan/Plandetails.vue') } <el-menu :default-active="$route.path" router class="el-menu-vertical-demo" background-color="#58586E" text-color="#fff" active-text-color="#fff"> <el-menu-item index="/plan"> <i class="iconfont icon-jihua" style="font-size: 19px;"></i> </el-menu-item> </el-menu>  点击导航栏的计划菜单进行路由跳转  之后页面右侧会显示列表,, 点击某个列表会跳转到详情,,跳转到详情之后导航菜单就不高亮了,vue初学者,有点蒙,请各位大佬帮帮忙~~

感觉全世界营销文都在推Python，但是找不到工作的话，又有哪个机构会站出来给我推荐工作？ 笔者冷静分析多方数据，想跟大家说：关于超越老牌霸主Java，过去几年间Python一直都被寄予厚望。但是事实是虽然上升趋势，但是国内环境下，一时间是无法马上就超越Java的，也可以换句话说：超越Java只是时间问题罢。 太嚣张了会Python的人!找工作拿高薪这么简单？ https://edu....

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

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

分享外包的组织架构，盈利模式，亲身经历，以及根据一些外包朋友的反馈，写了这篇文章 ，希望对正在找工作的老铁有所帮助

何来 我，一个双非本科弟弟，有幸在 19 届的秋招中得到前东家华为（以下简称 hw）的赏识，当时秋招签订就业协议，说是入了某 java bg，之后一系列组织架构调整原因等等让人无法理解的神操作，最终毕业前夕，被通知调往其他 bg 做嵌入式开发（纯 C 语言）。 由于已至于校招末尾，之前拿到的其他 offer 又无法再收回，一时感到无力回天，只得默默接受。 毕业后，直接入职开始了嵌入式苦旅，由于从未...

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

今天下午在朋友圈看到很多人都在发github的羊毛，一时没明白是怎么回事。 后来上百度搜索了一下，原来真有这回事，毕竟资源主义的羊毛不少啊，1000刀刷爆了朋友圈！不知道你们的朋友圈有没有看到类似的消息。 这到底是啥情况？ 微软开发者平台GitHub 的一个区块链项目 Handshake ，搞了一个招募新会员的活动，面向GitHub 上前 25万名开发者派送 4,246.99 HNS币,大约价...

前言: 如何悄悄的打开朋友的摄像头，看看她最近过的怎么样，嘿嘿！这次让我带你们来实现这个功能。 注： 这个程序仅限在朋友之间开玩笑，别去搞什么违法的事情哦。 代码 发送邮件 使用python内置的email模块即可完成。导入相应的代码封装为一个send函数，顺便导入需要导入的包 注： 下面的代码有三处要修改的地方，两处写的qq邮箱地址，还有一处写的qq邮箱授权码，不知道qq邮箱授权码的可以去百度一...

一、菱形继承 在介绍虚继承之前介绍一下菱形继承 概念：A作为基类，B和C都继承与A。最后一个类D又继承于B和C，这样形式的继承称为菱形继承 菱形继承的缺点： 数据冗余：在D中会保存两份A的内容 访问不明确（二义性）：因为D不知道是以B为中介去访问A还是以C为中介去访问A，因此在访问某些成员的时候会发生二义性 缺点的解决： 数据冗余：通过下面“虚继承”技术来解决（见下） 访问...

一、前言 注意，关于ipv4和ipv6，ipv4是ip协议第4版本，也表示这个版本的ip一共4个字节，同样地，ipv6是ip协议第6版本，也表示这个版本的ip一共6个字节。 关于网络层使用路由器实现互联：在计算机网络的分层结构中，不同层有不同的中继设备： 计算机网络层 中继设备/中继系统 物理层 中继器、集线器Hub 数据链路层 网桥或交换机（交换机是多端口网桥，两者本质上是一个东西） 网络层 路...

数据结构与算法思维导图

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

华为面试整体流程大致分为笔试，性格测试，面试，综合面试，回学校等结果。笔试来说，华为的难度较中等，选择题难度和网易腾讯差不多。最后的代码题，相比下来就简单很多，一共3道题目，前2题很容易就AC，题目已经记不太清楚，不过难度确实不大。最后一题最后提交的代码过了75%的样例，一直没有发现剩下的25%可能存在什么坑。 笔试部分太久远，我就不怎么回忆了。直接将面试。 面试 如果说腾讯的面试是挥金如土...

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

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

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

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

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

女朋友说：“看你最近挺辛苦的，我送你一个礼物吧。你看看想要什么，我来准备。” 我想了半天，从书到鞋子到电子产品最后到生活用品，感觉自己什么都不缺，然后和她说：“你省省钱吧，我什么都不需要。” 她坚持要送：“不行，你一定要说一个礼物，我想送你东西了。” 于是，我认真了起来，拿起手机，上淘宝逛了几分钟，但还是没能想出来缺点什么，最后实在没办法了：“这样吧，如果你实在想送东西，那你就写一个代理服务器吧”...

腾讯后台面试，面试官问：如何自己实现队列？

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

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

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

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

面试官问HTTP与HTTPS的区别，我这样回答让他竖起大拇指！

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

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

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

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

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