vue使用bscroll左右菜单联动,左侧栏目无法跟随右边滑动切换active

因为公司后端用其他框架,所以都是用cdn引用js写在一个页面了,现在只能达到点击左侧栏目、右侧到对应的栏目位置,但是右侧滑动的时候,左边栏目不跟随切换active

是右边li的索引值没有传到左边去吗?但是左边可以获取右边的索引了,点击也可以联动

html代码

<div class="content">

    <!--左边-->
    <div class="menu-wrapper" ref="menuWrapper">
        <ul>
            <li v-for="(food,index) in foods" @click="menuClick(index,$event)" :class="{'active': activeIndex == index}">
                {{food.class}}
                <i class="num"></i>
            </li>
        </ul>
    </div>

    <!--右边-->
    <div class="foods-wrapper" id="wrapper" ref="foodsWrapper">
        <ul>
            <li v-for="(food,index) in foods" :key="food.id" class="food-list-hook">
                <div class="class-title">
                    {{food.class}}
                </div>
                <div v-for="food in food.list">
                    <div class="item">
                        <div class="itemleft" @click="menuShow(food)">
                            <div class="item-img">
                                <img :src="food.imgs" alt="">
                            </div>
                        </div>
                        <div class="itemright">
                            <div class="title">
                                {{food.name}}
                            </div>
                            <div class="price">
                                <i class="fa fa-cny"></i>
                                <span>
                                    {{food.price}}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>

</div>

js代码

new Vue({
    el: '#app',
    data() {
        return {
            foods: [],
            listHeight: [],
            foodsScrollY: 0
        }
    },

    created() {
        axios.get('data.json').then(response = >{
            this.foods = response.data.foods;
            this.$nextTick(() = >{
                this._initScroll(); // 初始化scroll
                this._calculateHeight(); // 初始化列表高度列表
            })
        });
    },
    computed: {
        activeIndex() {
            for (let i = 0; i < this.listHeight.length; i++) {
                let topHeight = this.listHeight[i] let bottomHeight = this.listHeight[i + 1]
                if (!bottomHeight || (this.foodsScrollY >= topHeight && this.foodsScrollY < bottomHeight)) {
                    return i
                }
            }
            return 0
        }
    },
    methods: {
        _initScroll() {
            this.menuWrapper = new BScroll(this.$refs.menuWrapper, {
                click: true
            });
            this.foodsScroll = new BScroll(this.$refs.foodsWrapper, {
                probeType: 3
            });
            // 监控滚动事件
            this.foodsScroll.on('scroll', (pos) = >{
                this.foodsScrollY = Math.abs(Math.round(pos.y))
            })

        },
        _calculateHeight() {
            let foodList = this.$refs.foodsWrapper.getElementsByClassName('food-list-hook');
            let height = 0 this.listHeight.push(height) for (let i = 0; i < foodList.length; i++) {
                let item = foodList[i] height += item.clientHeight this.listHeight.push(height)
            }
        },
        menuClick(index, event) {
            if (!event._constructed) {
                return
            }
            this.foodsScroll.scrollTo(0, -this.listHeight[index], 300)
        }
    }

});


2个回答

找到问题了,需要模拟点击的动作,才能同步联动

:class="{'current':currentIndex === i}"

但我获取到currentIndex一直都是0,但是写在computed内照理说内部数据变化,会跟着变化;并且会报一个【[Vue warn]: Error in render: "TypeError: Cannot read property '1' of undefined"

found in

---> at src/components/goods/goods.vue】的错误

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue 左侧菜单展开隐藏重新渲染

左侧菜单隐藏的时候加载echarts图表 ![图片说明](https://img-ask.csdn.net/upload/201903/12/1552388722_787497.jpg) 点击展开左侧菜单时,echarts图表没有重新渲染 ,窗体布局变得很难看,如图 ![图片说明](https://img-ask.csdn.net/upload/201903/12/1552388835_817228.jpg) 一直没找到解决办法,求高手指点

Vue 中的三级联动问题?

<select > <option>---请选择---</option> <option v-for="(p,i) in pList" :key="i">{{a.name}}</option> </select> .... const addressApp = new Vue({ .... data:{ pList:[],//省列表 cList:[],//市列表 aList:[]//区列表 } .... }); 备注:aList是后台异步请求获取的值, 格式为:[ {name:"河北省",provinceId:"1001"}, {name:"河南省",provinceId:"1002"}, ... ] 需求: 当选中下拉框中的某个选项时,如何获取这个选项的provinceId,通过什么事件 并向后台发起一个异步的请求,通过provinceId,获取城市的列表 (option绑定单击事件并传递对象无法触发!)

关于vue头部导航栏菜单展示问题

ant design vue 当中配置路由菜单后,能在页面重发打开两个相同的菜单甚至多个,如下图: ![图片说明](https://img-ask.csdn.net/upload/202004/28/1588044447_989238.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下mint-ui三级联动

最近用vue,打算做个三级联动嵌套在单文件组件下,奈何mint-ui效果给出,文档很简陋,有开发过这一块的么,axios请求后台数据的时候,如何判断当前选中的省进而去判断市的显示

vue 左侧菜单出现重复菜单问题怎么解决? 有遇到过这样的问题吗?

问题一: 1、左侧菜单是通过后台配置取过来的、 2、登录进来以后 菜单显示重复 ,一刷新就正常了? 问题二: 1、点击折叠展开 点击一个所有的都折叠展开 ![图片说明](https://img-ask.csdn.net/upload/201910/29/1572335845_655361.png)

vue+element-ui请问一下由后台数据控制的二级联动怎么写?

要做的需求是这样的,根据用户查找好友并显示好友信息 ![图片说明](https://img-ask.csdn.net/upload/201906/29/1561812587_128190.png) 就是图中这样,左边和右边是两张表数据,主要是不知道怎么关联起来,望赐教!!

Vue: 左侧固定,右侧 overflow:auto 的页面,怎么在路由跳转时右侧回到它的顶部?

Vue 项目,页面采用左右布局,左侧导航栏固定于页面,右侧内容区 overflow:auto 根据被撑开的高度决定是否显示滚动条。 因此造成一个问题,浏览器页面不存在滚动条,滚动条仅存在于右侧,这种情况下,怎么使每次路由跳转时,右侧内容区始终回到其最上方?

vue 菜单 渲染时有时候会有2个菜单都被渲染了

代码用的是:class动态渲染的,一开始加载时没问题的,但是点击浏览器返回时, 有2个菜单都呈现选中状态,打印的状态是对的 ![图片说明](https://img-ask.csdn.net/upload/201906/28/1561708827_740535.png) ``` <template v-for="item in currentNavItems"> <el-menu-item :index="item.index" :key="item.index" @click="changeMenu(item.index)" :class="[item.index==isclicked?'is-active':'']" > <i :class="item.icon" style="color:#fff"></i> <span slot="title">{{ item.title }}-{{ item.index==isclicked }}</span> </el-menu-item> </template> ```

vue出现两极重复菜单的问题怎么解决 不是ifream嵌套

![图片说明](https://img-ask.csdn.net/upload/201812/13/1544684490_246531.png)

【新手】bootstrap的多级菜单 经过vue数据渲染后 打不开二级菜单 自己写了方法强制打开后 后面的箭头也不会旋转了

原代码: <ul class="nav nav-drawer"> <li class="nav-item nav-item-has-subnav"> <a href="javascript:void(0)"><i class="mdi mdi-menu"></i> 多级菜单</a> <ul class="nav nav-subnav"> <li> <a href="#!">一级菜单</a> </li> <li class="nav-item nav-item-has-subnav"> <a href="#!">一级菜单</a> <ul class="nav nav-subnav"> <li> <a href="#!">二级菜单</a> </li> <li class="nav-item nav-item-has-subnav"> <a href="#!">二级菜单</a> <ul class="nav nav-subnav"> <li> <a href="#!">三级菜单</a> </li> <li> <a href="#!">三级菜单</a> </li> </ul> </li> </ul> </li> <li> <a href="#!">一级菜单</a> </li> </ul> </li>![图片说明](https://img-ask.csdn.net/upload/202004/07/1586268403_228109.jpg) ``` 我用vue组件渲染的代码:![图片说明](https://img-ask.csdn.net/upload/202004/07/1586268317_103842.jpg) 只能打开一级菜单 ```自己写了打开二级菜单的方法![图片说明](https://img-ask.csdn.net/upload/202004/07/1586268480_520441.jpg) 但是菜单后面的小箭头不会旋转 求解:我应该怎么样让他旋转

ajax实现左边菜单,右边内容

![图片说明](https://img-ask.csdn.net/upload/201711/12/1510472332_393252.png) ![图片说明](https://img-ask.csdn.net/upload/201711/12/1510472347_177615.png) 总是自动跳转页面,怎么解决呢,小白,望指点

vue项目 vant 框架tab能不能实现左右滑动时,有个过渡效果。

![图片说明](https://img-ask.csdn.net/upload/202003/25/1585120500_40692.png) 实现这种效果,左右滑动的时候,两边内容能同时展示。 使用vant tab该怎么做?这种效果能实现吗

新手求助,vue用better-scroll下拉跟上拉数据重复提交怎么解决

<template> <div class="recommend_container"> <ul class="recommend_ul" v-if="recommend.length > 0"> <shop-list tag="li" v-for="(rec, index) in recommend" :rec = rec :key="index" /> </ul> </div> </template> ``` <script> import {mapState} from 'vuex' import ShopList from './../../components/ShopList/ShopList' import BScroll from 'better-scroll'; import {Indicator} from 'mint-ui'; export default { name: "Recommend", data(){ return { page:1, count:10, } }, mounted() { Indicator.open('正在加载数据...'); this.$store.dispatch('reqRecommend', { page: this.page, count: this.count, callback: () => { Indicator.close(); } }); }, computed:{ ...mapState(['recommend']) }, components: { ShopList }, watch: { recommend() { this.$nextTick(() => { // 让当前的页码+1 this.page += 1; // 初始化 this._initBScroll(); }) } }, methods:{ _initBScroll() { // 1.1 初始化 this.listScroll = new BScroll('.recommend_container', { scrollY: true, probeType: 2 }); //列表滚动 this.listScroll.on('touchEnd',(pos) => { //监听下拉 if(pos.y >= 50){ console.log('下拉刷新'); Indicator.open('正在加载数据...'); this.$store.dispatch('reqRecommend', {page: this.page, count: this.count, callback: ()=>{ Indicator.close(); }}); } //监听上拉 if (this.listScroll.maxScrollY > pos.y + 20) { Indicator.open('正在加载数据...'); this.$store.dispatch('reqRecommend', {page: this.page, count: this.count, callback: ()=>{ Indicator.close(); }}); } //列表滚动结束 this.listScroll.on('scrollEnd', () => { this.listScroll.refresh(); }); }) } } } </script> ``` `` 求大佬们帮解决下,谢谢大佬们 ```

vue 两个兄弟组件之间input输入框的联动,他们之间有一个父组件做中介

我试过给他们同一个v-model,这个是可以实现联动效果,但是当联动的数据回显之后,联动就失效了,所以来请教各位有没有其他办法呢。。

js select 多级联动 动态显示option

![图片说明](https://img-ask.csdn.net/upload/201912/17/1576546969_658423.jpg) 出题章节后面的下拉框里面选中的值,在其他的下拉列表中剔除 例如,在第一个select选中Java,其余的都不显示Java选项,包括新添加的部分 或者说在点击保存的时候校验一下select的选中值不能有重复的,如果有就提示用户哪几个重复 代码部分如下 ```vue <el-dialog :title="titleDialog" :visible="dialogFormSection" :before-close="cancelSection" width="1000px"> <el-form :model="formSection" :rules="sectionRules" ref="formSection"> <el-form-item label="选择题型:" :label-width="labelWidth" prop="questionType"> <el-select v-model="formSection.questionType" @change="selectQuestionType"> <el-option v-for="item in questionTypeOptions" :key="item.id" :label="item.name" :value="item.id"></el-option> </el-select> </el-form-item> <el-form-item label="部分名称:" :label-width="labelWidth" prop="sectionName"> <el-input v-model="formSection.sectionName" style="width: 500px"></el-input> </el-form-item> <el-form-item label="总题目数量:" :label-width="labelWidth" prop="questionScore" id="allQuestion-content"> <span>{{allQuestionNum}}</span> <span style="margin-left: 50px"> 每题分数 <el-input v-model="formSection.questionScore" style="width: 80px;margin-left: 10px"></el-input> 分 </span> <span style="margin-left: 50px">总分数:{{allScore}}分</span> <el-button type="text" style="float: right" @click="addProblemRules">添加出题章节</el-button> </el-form-item> <div v-for="(item,index) in sectionData" :key="item.id" class="addSection-content"> <div class="content"> <div style="margin-top: 10px"> {{index+1}}、出题章节(多选): </div> </div> <div class="content"> <el-select style="width: 170px" multiple collapse-tags v-model="item.repositorySectionIdList" @change="changeRepositorySectionId(item.repositorySectionIdList, index)"> <el-option v-for="item1 in courseChapterOptions" :key="item1.id" :value="item1.id" :label="item1.name"></el-option> </el-select> </div> <div class="content"><div style="margin-top: 10px">出题数量:{{item.partStrategyQuestionNum}}</div></div> <div class="content" v-for="(item2,index2) in item.automaticRuleDifficultList" :key="index2"> <span> {{item2.difficultName}} <el-input class="difficult-content" v-model.number="item2.difficultNum"></el-input>/ <span v-for="(item3,index3) in sectionQuestionArr[index]" :key="index3" >{{(item3.difficult === item2.diffcultType) ? item3.quantity : ''}}</span> </span> </div> <div class="content"><el-button type="text" @click="deleteChapter(item,index)">删除</el-button></div> </div> </el-form> <div slot="footer" class="dialog-footer"> <el-button type="primary" @click="submitSection">保 存</el-button> <el-button @click="cancelSection">取 消</el-button> </div> </el-dialog> addProblemRules(){ this.$refs.formSection.validate((valid) => { if(valid){ //把请求回来的难度list放到sectionData中,用于显示 // for(let i=0,len=(this.sectionData.length)+1;i<len;i++){ this.automaticRuleDifficultList.forEach(e=>e.difficultNum = 0); this.sectionData.push({ //由于vue数据双向绑定问题,automaticRuleDifficultList会动态改变,不能区分数组项 //进行转换 automaticRuleDifficultList:JSON.parse(JSON.stringify(this.automaticRuleDifficultList)), }) let tempArr = new Array(); for(let i=1;i<6;i++){ let obj = Object({quantity: 0, difficult: i}); tempArr.push(obj); } this.sectionQuestionArr.push(tempArr); } }) }, ```

关于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视频是可以的 换成其他本地资源路劲也是一样问题 求问怎么解决

iview 左边菜单栏问题?

我点击菜单后会收缩, 点击店铺分类之后就会收缩 ![图片说明](https://img-ask.csdn.net/upload/201912/06/1575612547_524883.png) 点击之后 ![图片说明](https://img-ask.csdn.net/upload/201912/06/1575612562_484044.png) 代码: ``` <template> <div class="slide"> <Menu accordion theme="dark" :active-name="activeName" width="auto" @on-select="changeMenu"> <div v-for="(item, index) in menuList" :key="index"> <MenuItem v-if='item.id == 1' :name="item.name"> <i class="icon" :class="item.iconClass"></i>{{ item.menuName }} </MenuItem> <Submenu v-else :name="item.name"> <template slot="title"> <i class="icon" :class="item.iconClass"></i>{{ item.menuName }} </template> <MenuItem v-for="(item2, index2) in item.children" :key="index2" :name="item2.name">{{ item2.menuName }}</MenuItem> </Submenu> </div> </Menu> </div> </template> <script> import { pagesRouter } from '@/router/index' export default { name: 'slideMenu', data() { return { activeName: "", menuList: [], showMenu: this.menuFlag } }, props: ["menuFlag", "widthFlag"], created() { // 获取缓存中菜单信息 var data = JSON.parse(sessionStorage.getItem("menuData")); this.menuList = data; }, methods: { changeMenu(name){ // 修改菜单显示状态,并传值给 Main 组件 if (!this.widthFlag) { this.showMenu = false; this.$emit("changeMenuFlag", this.showMenu); } localStorage.setItem("menuName",name) this.$router.push({name}); } }, watch: { }, computed: { }, mounted() { this.activeName = this.$route.path;//用name = path; } }; </script> ```

Vue的报错,一个仿造百度的下拉菜单

``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <script src='http://cdn.jsdelivr.net/vue/1.0.7/vue.min.js'></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.js"></script> <style type="text/css"> .gray { background-color: #ccc; color: gold; } </style> </head> <body> <div id="box"> <input type="text" @keyup='get()' v-model='t1' /> <ul > <li v-for='value in myData'>{{value}}</li> </ul> <p v-show='myData.length === 0'>暂无数据。。。</p> </div> <!--https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=a&json=1&p=3&sid=&req=2&csor=1&cb=jQuery1102005335343900131995_1480232231511&_=1480232231514--> <script> new Vue({ el:'body', data:{ myData:[], t1:'' }, methods:{ get:function(){ this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su' , { wd:this.t1, },{ json:'cb' }).then(function(res){ this.myData = res.data.s; } , function(res){ console.log(res.status); }); } } }); </script> </body> </html> ``` 错误是这样的: su?callback=_jsonpx6o0z3kbkvsubwkyvd0lik9:1 Uncaught TypeError: Cannot read property 'sug' of undefined(anonymous function) @ su?callback=_jsonpx6o0z3kbkvsubwkyvd0lik9:1 vue-resource.js:1276 Uncaught (in promise) SyntaxError: Unexpected token u in JSON at position 0(…)

学Python后到底能干什么?网友:我太难了

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

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

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

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

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

为什么程序猿都不愿意去外包?

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

Java校招入职华为,半年后我跑路了

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

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

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

@程序员:GitHub这个项目快薅羊毛

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

用python打开电脑摄像头,并把图像传回qq邮箱【Pyinstaller打包】

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

C++(继承):19---虚基类与虚继承(virtual)

一、菱形继承 在介绍虚继承之前介绍一下菱形继承 概念: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 数据链路层 网桥或交换机(交换机是多端口网桥,两者本质上是一个东西) 网络层 路...

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

数据结构与算法思维导图

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

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

华为初面+综合面试(Java技术面)附上面试题

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

和黑客斗争的 6 天!

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

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

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

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

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

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

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

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

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

女朋友过生日,我花了20分钟给她写了一个代理服务器

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

记一次腾讯面试,我挂在了最熟悉不过的队列上……

腾讯后台面试,面试官问:如何自己实现队列?

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

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

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

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

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

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

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

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

HTTP与HTTPS的区别

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

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

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

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

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

立即提问
相关内容推荐