extjs如何控制左侧菜单默认不打开,现在项目进去后默认打开第一个,下面是我的js代码 1C
 Ext.namespace('Ext.app.frame');
Ext.app.frame.LeftPanel = Ext.extend(Ext.Panel, {
    //初始化加载的菜单ID
    welcomeMenuId : customInfo['defaultTopMenuId'],
    //项目路径
    context : customInfo['context'],
    //构造方法
    constructor : function(_cfg) {
        Ext.apply(this, _cfg);
    },
    wizCount :0,
    readyCount :0,
    //初始化
    initialize:function(_cfg){
        //生成左侧面板
        Ext.app.frame.LeftPanel.superclass.constructor.call(this, {
            id : 'accordion-panel',
            iconCls : 'icon-nav',
            layout : 'accordion',
            region : 'west',
            margins : '10 10 2 2',
            width : 220,
            bodyStyle : 'background-color:#DFE8F6',
            collapsible : true,
            split : false,
            layoutConfig : {
                animate : true
            }
        });
        //左侧面板首次设置内容
        var welcomeMenu = {menuId:this.welcomeMenuId, text:customInfo['defaultTopMenuName']};
        this.setContent(welcomeMenu);
    },
    //设置面板内容(主要方法)
    setContent:function(currMenu){
        var aim = Ext.getCmp('accordion-panel');
        var currScope = this;
        aim.removeAll(true);
        if(currMenu!=undefined && currMenu.menuId!=undefined){
            var _temptitle = currMenu.text || "";
            aim.setTitle(_temptitle);
            //添加扩展,如果菜单配置URL为IFM:开头的话, 表示为做菜单是扩展的菜单,嵌入IFRAME显示URL
            var _tempURL = currMenu.menuURL|| "";
            if(_tempURL!=""){
                aim.body.update("");
            }
            if(_tempURL.indexOf("IFM:")>-1){
                _tempURL = _tempURL.substring(4);
                aim.body.update("<IFRAME width=\"100%\" height=\"100%\" FRAMEBORDER=0 SCROLLING=auto SRC='"+_tempURL+"'></IFRAME>");
                if(currScope.ownerCt.menuBar){
                    currScope.ownerCt.menuBar.enableAllButtons();
                }
                return;
            }
            var requesturl = this.context+'/menu!topLeft.lxd?menuId='+currMenu.menuId;
            Ext.Ajax.request({
                url: requesturl,
                success: function(response) {
                    //获取响应的json字符
                    json = Ext.decode(response.responseText);
                    if(json!=undefined && json.length!=undefined){
                        currScope.wizCount = json.length;
                        currScope.readyCount = 0;
                        for(var i=0;i<json.length;i++){
                            var left = json[i];
                            var title = left.text;
                            var id = left.id;
                            var url;
                            if(left.menuUrl!=undefined){
                                url=left.menuUrl.substring(0,4)=="IFM:"?left.menuUrl.substring(4):left.menuUrl;
                            }
                            var target = left.urltarget;
                            var panel;
                            if(url && target=="leftFrame"){
                                if(url.substring(0,4)!="http"){
                                    url = customInfo['context']+"/"+url;
                                }
                                panel = new Ext.Panel({
                                    id : id,
                                    title : title,
                                    layout: 'fit',
                                    border: false,
                                    iconCls : 'icon-nav',
                                    items : [
                                        new Ext.ux.IFrameComponent({
                                            id: 'menu_iframe_'+id,
                                            url: url
                                        })
                                    ]
                                });
                            }else{
                                panel = new Ext.app.frame.WizardPanel({
                                    id : id,
                                    title : title,
                                    group : 'group',
                                    checked : 'checked',
                                    dataUrl : '/menu!downLeft.lxd?menuId=' + id
                                });
                            }
                            aim.add(panel);
                            aim.doLayout();
                            currScope.readyCount++;
                            if(currScope.readyCount == currScope.wizCount){
                                if(currScope.ownerCt.menuBar){
                                    currScope.ownerCt.menuBar.enableAllButtons();
                                }
                            }
                        }
                    }else{
                        Ext.Msg.alert('错误','读取菜单错误!');
                        if(currScope.ownerCt.menuBar){
                            currScope.ownerCt.menuBar.enableAllButtons();
                        }
                    }
                },
                failure: function(){
                    Ext.Msg.alert('错误','连接服务器超时!');
                    if(currScope.ownerCt.menuBar){
                        currScope.ownerCt.menuBar.enableAllButtons();
                    }
                }
            });
        }
    }

});
Ext.app.frame.WizardPanel = Ext.extend(Ext.Panel, {
    context : customInfo['context'],
    iconCls : 'icon-nav',
    border : false,
    rootVisible : false,
    autoScroll : true,
    dataUrl : null,
    //buttons : {},
    tree : null,
    constructor : function(_cfg) {
        Ext.apply(this, _cfg);
        var _tree = new Ext.tree.TreePanel({
                    iconCls : 'icon-nav',
                    border : false,
                    rootVisible : false,
                    loader : new Ext.tree.TreeLoader({
                                // dataUrl : context +
                                // '/jsonTree!wizardJson.lxd'
                                dataUrl : this.context + this.dataUrl
                            }),

                    style : {
                        padding : 3
                    },
                    root : new Ext.tree.AsyncTreeNode({
                        text : _cfg.title || this.title,
                            // ,
                            // children : _cfg.childrens || null
                         expanded : false

                        }),
                    listeners : {
                        'click' : function(n) {
                            try {
                                if (n.leaf) {
                                    if(n.attributes.urltarget=='_blank'){
                                        var openURL = n.attributes.menuUrl;
                                        if(openURL.substring(0,4)!="http"){
                                            openURL = customInfo['context']+"/"+openURL;
                                        }
                                        window.open(openURL);
                                    }else{
                                        this.onNodeClick(n.id, n.text,n.attributes.menuUrl);
                                    }
                                }else{
                                    if(n.attributes.menuUrl){
                                        if(n.attributes.urltarget=='_blank'){
                                            var openURL = n.attributes.menuUrl;
                                            if(openURL.substring(0,4)!="http"){
                                                openURL = encodeURI(customInfo['context']+"/"+openURL);
                                            }
                                            window.open(openURL);
                                        }else{
                                            this.onNodeClick(n.id, n.text,n.attributes.menuUrl);
                                        }
                                    }
                                }
                            } catch (e) {
                            }
                        },
                        scope : this
                    }

                });


            this.tree = _tree;


            Ext.app.frame.WizardPanel.superclass.constructor.call(this, {
                        margins : '2 0 5 5',
                        layout : 'anchor',
                        items : [this.tree]

                    });

    },
    afterRender : function(){
        Ext.app.frame.WizardPanel.superclass.afterRender.call(this);
    },
    // 树图刷新
    tree_refresh : function(menuId) {
        this.refresh(menuId);
    },
    ReturnValue : function(title, value) {
        Ext.Msg.show({
                    title : title,
                    msg : value,
                    icon : Ext.Msg.INFO,
                    minWidth : 210,
                    buttons : Ext.Msg.OK
                });
    },
    // 为叶子菜单增加对应点击事件,调用链接对应的页面
    onNodeClick : function(id,name,menuUrl) {

        var tabPanel = Ext.getCmp("content-panel");
        var allItems = tabPanel.items.items;
        var tabPage;
        var b = true;
        var delegateArray = {'id':id,'name':name,'menuUrl':menuUrl};
        if(menuUrl.substring(0,4)!="http"){
            menuUrl = encodeURI(customInfo['context']+"/"+menuUrl);
        }
        for (var i = 0; i < allItems.length; i++) {
            var _text = allItems[i].title;
            if (_text == name) {
                tabPage = allItems[i];
                // 设置当前tab页
                tabPanel.setActiveTab(tabPage); 
                b = false;
                // 重新刷新当前活动tab
                Ext.get('f_'+name).dom.src=menuUrl;
                break;
            }
        }
        if (b) {        
            Ext.Ajax.request({
                url : menuUrl,// 增加传递参数,处理暂停流程
                success : this.showNodeTabPanel.createDelegate(this, delegateArray, true),// 调用异步函数,传递对应参数
                failure : this.menuError,
                scope : this
            });
        }
    },
    // 为叶子菜单增加对应点击事件,调用链接对应的页面
    showNodeTabPanel : function(result, thisObj, delegateArray) {
        var text = result.responseText;
        var tabPanel = Ext.getCmp("content-panel");
        var _url = delegateArray['menuUrl'];
        if(_url.substring(0,4)!="http"){
            _url = encodeURI(customInfo['context']+"/"+_url);
        }
        tabPage = tabPanel.add({
            title : delegateArray['name'],
            html : "<iframe id='f_" + delegateArray['name'] + "' scrolling='auto' frameborder='0' width='100%' height='100%' src='"
                    + _url + "'></iframe>",
            closable : true
        });
        tabPanel.setActiveTab(tabPage); // 设置当前tab页
    },
    refresh : function(topMenuId) {
        var loader = new Ext.tree.TreeLoader({
                    dataUrl : this.context + '/menu!left.lxd?menuId=' +topMenuId
                });
        loader.load(this.tree.root);
        this.tree.root.expand(true);//不起作用?
    },
    expandTreeNodes: function(){
        var tree = this.tree;
        tree.root.expand(true);
    }
});


//根据组件ID获得相应的组件
function getComponent(id){
    return  Ext.getCmp(id);
}

//tab数量大于6个时,显示的提示信息
function alarmMessage(){
    Ext.Msg.alert("提示信息","最多打开6个tab,请关闭无用页面");
}

2个回答

qq_21392937
两宙 请帮忙看看,我加的代码是否正确,谢谢了
4 年多之前 回复

我在代码中加上(collapased:true)后还是不行,还是会打开第一个,在下面代码加的:

initialize:function(_cfg){
    //生成左侧面板
    Ext.app.frame.LeftPanel.superclass.constructor.call(this, {
        id : 'accordion-panel',
        iconCls : 'icon-nav',
        layout : 'accordion',
        region : 'west',
        margins : '10 10 2 2',
        width : 220,
        bodyStyle : 'background-color:#DFE8F6',
        collapsible : true,
            **  collapased:true,**
        split : false,
        layoutConfig : {
            animate : true
        }
    });
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Extjs 隐藏左边 菜单右边 tabpanel 里面的gridpanel不自适应宽度
如图所示:![图片说明](https://img-ask.csdn.net/upload/201604/15/1460703726_78195.png) 代码如下 // 单击菜单,右边tabpanel 添加一个grid显示数据 var pl = new Ext.Panel({ id : node.attributes.id, title : node.attributes.text, border : false, // 边框 autoScroll : true, // 自动滚动条 closable : true, // 关闭选项 layout : 'fit', // 布局样式 frame : true, region : 'center', // 中间位置 sidebarChange : false, iconCls : 'users', // 图标样式 autoLoad : { url : node.attributes.url, scripts : true, discardUrl : true, nocache : true, sidebarChange:false,//用于控制 text : "页面加载中,请稍候……" } // listeners : { // activate : function(me, eOpts) { // if (me.sidebarChange) { // me.sidebarChange = false; // me.loader.load(); // // } // center.setActiveTab(me); // 设置默认标签 // } // } }); center.add(pl); center.setActiveTab(pl); // 设置默认标签 grid的页面代码 var editorGrid10 = new Ext.grid.EditorGridPanel({ id : 'editorGrid10', frame : false, // 边框的样式,是否显示 border : false, // 是否显示边框,页面显示的效果 layout : 'fit', //布局样式 height : 450, autoWidth : true, // 是否自动扩充宽度 //width:document.body.getComputedWidth()-100, store : gStore, // 填充store sm : enditsm10, // 用于显示复选框,必加,去掉该项的话列将变成单选框模式 cm : cModel10, // grid可编辑列模型,colModel简写 renderTo : Ext.get('tt'), // 表格所在的位置 autoExpandColumn : true, // 自动占满剩余空列 loadMask : { // 表示为当grid加载过程中,会有一个Ext.LoadMask的遮罩效果。默认为false。 msg : '正在加载数据,请稍后!' }, autoScroll : true, // 自动滚动条 autoEncode : true, // True表示为对任何值和任何后来输入的值都要自动HTML编码或解码 bbar : editbbarpadding10, // 面板下方的工具栏 .......后面代码省略 }); 求教各路大神!
请教yourgame^_^
yourgame你好, 在你共享的“图书管理系统”中,ViewPort采用了border的布局方式(layout:'border'), 其中viewport中的west部分作为“菜单区”, center部分作为“工作区”, 通过点击左边的某个菜单项,会在工作区内显示对应的操作界面, 同时工作区你采用的是card的布局方式(layout:'card'), 如此,只能够在工作区同一时刻显示一个交易画面(items:[start, p_company, p_user, p_dept, p_duty, p_subject, p_category, p_book, p_simple_book] 中的任意一个), 现在我想将“工作区”修改为tabpanel的布局方式,也就是达到如下效果——点击菜单,在工作区显示对应交易的画面panel, 如下图所以: [img]E:/未命名2.bmp[/img] 我现在遇到的问题是,无法将原来的交易面板放入点击菜单后弹出的对应tabs中去!就像图中所示一样,弹出来的是空白的tabs:( 对“图书管理系统”中 main.js代码的调整如下(你可以直接查找“chg by”字样的地方): Ext.BLANK_IMAGE_URL = 'lib/ext/resources/images/default/s.gif'; Ext.QuickTips.init(); var start = { id : 'start-panel', title : '欢迎使用', layout : 'fit', bodyStyle : 'padding:25px', html : '<img src="images/bg.jpg"/>' }; Ext.onReady(function() { setTimeout(function(){ /* 清除显示加载信息的div标记 */ Ext.get('loading').remove(); /* visible 使要素可以被看见 * hidden 使要素被隐藏 * inherit 指它将继承母体要素的可视性设置。 * 值 inherit 为缺省值。这使单元继承父单元的可见性。所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。*/ Ext.getDom('header').style.visibility = 'visible'; /* 开始创建界面视图——程序可视区域 * 一个页面上只允许存在一个viewport */ var vp = new Ext.Viewport({ layout : 'border', defaults : { collapsible : true, split : true }, items : [{ xtype : 'box', region : 'north', applyTo : 'header', height : 30, split : false }, { xtype:'panel', title : currentUser, id : 'accordion-panel', layout : 'border', region : 'west', baseCls:'x-plain', margins : '2 0 5 5', width : 200, minSize : 200, maxSize : 250, bodyStyle : 'background-color:#DFE8F6', defaults : { border : false }, bbar : [{ text : '开始', iconCls : 'icon-plugin', menu : new Ext.menu.Menu({ items : [{ text : '关于系统', iconCls : 'icon-info', handler : function() { new Ext.Window({ closeAction : 'close', resizable : false, bodyStyle : 'padding: 7', modal : true, title : '关于本系统', html : '本系统采用目前较为流行的技术实现,<br>前台使用了ExtJs技术,所以实现了跨浏览器<br>' + '本程序在IE6,IE7,FireFox3均测试通过!<br><br>主要技术: Struts2 + Spring2.5 + iBatis2.3 + ExtJs2.2<br><br>' + '数&nbsp;&nbsp;据&nbsp;&nbsp;库: Microsoft SQL Server 2000', width : 300, height : 200 }).show(); } }, { text : '退出系统', iconCls : 'icon-delete', handler : function() { Ext.Msg.confirm('操作提示', '您确定要退出本系统?', function(yorn) { if ('yes' == yorn) { Ext.Ajax.request({ url : 'logout.action', success : function() { location = '/bmsh/index.jsp'; }, failure : function() { Ext.Msg.show({ title : '错误提示', msg : '退出系统失败!', icon : Ext.Msg.ERROR, buttons : Ext.Msg.OK }); } }); } }); } }] }) }], items : [{ layout : 'accordion', region : 'center', items : [{ title : '导航菜单', iconCls : 'icon-nav', border : false, items : [{ xtype : 'treepanel', border : false, rootVisible : false, autoScroll : true, loader : new Ext.tree.TreeLoader({ //根据界面勾选manager的值选择菜单项 dataUrl : nav == 'manager' ? 'js/tree-data-manager.json' : nav =='mine' ?'js/tree-data-mine.json' :'js/tree-data-simple.json' }), root : new Ext.tree.AsyncTreeNode(), listeners : { /* chg by megaecho 20090521 * 用tabPanel布局方式实现 菜单调出 工作区 交易界面 * 'click' : function(n) { try { //如果点击子叶点,则驱动显示相应的交易界面 //如何判定本次点击的node为原有的node呢? 就是不想重新加载页面。 var sn = this.selModel.selNode || {};// 方法:取原选定的node if (n.leaf && n.id != sn.id) { //Ext.Msg.alert("你点击了:"+n.id+"["+n.id.substring(0, n.id.indexOf('-'))+'-panel'+"]"); // 根据选中的菜单拼出panel,并指定载入到ViewPort中id为content-panel的标记 // 也就是将交易界面载入 region=center区域——指定活动items Ext.getCmp('content-panel').layout.setActiveItem(n.id.substring(0, n.id .indexOf('-')) + '-panel'); } } catch (e) { } }*/ 'click' : function(n){ //panel的命名规则:panel+'-panel' var treePanelId = n.id.substring(0, n.id .indexOf('-')) + '-panel'; //检查TabPanel(content-panel)中是否已经打开了id为treePanelId的panel //无,则新建panel并且id为treePanelId var tabTmp = Ext.getCmp('content-panel').getItem(treePanelId); if(tabTmp==null){ alert("新打开"+treePanelId+"panel"); Ext.getCmp('content-panel').add({ xtype:'panel', title: n.text, id:treePanelId, closable:true }).show(); }else{ alert("panel"+treePanelId+"已经被打开,跳回已经打开的panel去"); alert(treePanelId+"has been created....."); Ext.getCmp('content-panel').setActiveTab(tabTmp); } } } }] }] }] }, /* * chg by megaecho 20090521 * 用tabPanel布局方式实现 菜单调出 工作区 交易界面 { id : 'content-panel', region : 'center', layout : 'card', margins : '2 5 5 0', activeItem : 0, border : false, //以下items定义了中间区域包含的交易界面(类),并且按照顺序进行载入 ,默认载入第一个,此处也就是先载入 start items : [start, p_company, p_user, p_dept, p_duty, p_subject, p_category, p_book, p_simple_book] }*/ { title:'操作区域', id:'content-panel', region:'center', xtype:'tabpanel', margins : '0 1 1 0', activeItem : 0, border : false, autoTabs : false, hideCollapseTool :true , items:[start, p_company, p_user, p_dept, p_duty, p_subject, p_category, p_book, p_simple_book] }] }); }, 250); }); 希望这次表述清楚了,并且能得到你的帮助!谢谢! [b]问题补充:[/b] [code="java"] 'click' : function(n){ if( n.leaf ){ var treePanelId = n.id.substring(0, n.id.indexOf('-'))+'-panel'; var tabPanelTmp = Ext.getCmp('content-panel'); var tabTmp = tabPanelTmp.getItem(treePanelId); if(tabTmp==null){ alert("新打开"+treePanelId+"panel"); /* 使用if..elseif 判断菜单对应的交易界面,并调出——成功*/ if( n.id == 'book-manage' ){ tabPanelTmp.add(p_book).show(); }else if( n.id == 'company-manage'){ tabPanelTmp.add(p_company).show(); }else if( n.id == 'dept-manage'){ tabPanelTmp.add(p_dept).show(); }else if( n.id == 'user-manage'){ tabPanelTmp.add(p_user).show(); }else if( n.id == 'duty-manage'){ tabPanelTmp.add(p_duty).show(); }else if( n.id == 'subject-manage'){ tabPanelTmp.add(p_subject).show(); }else if( n.id == 'category-manage'){ tabPanelTmp.add(p_category).show(); } /* [新问题]:将上面if elseif 代替如下,根据传入的节点n得到对应的'p_XXXX'这样的名字, * 以获得对p_XXXX的调用,达到自动使用以后交易的增加..... * 但是执行 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); * 却不能得到效果 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); */ }else{ alert("panel"+treePanelId+"已经被打开,跳回已经打开的panel去"); Ext.getCmp('content-panel').setActiveTab(tabTmp); } }else{ //alert("非叶节点"); } } [/code] [b]问题补充:[/b] 谢谢issppt的帮助! 更是感谢yourgame,耐心的指导! 问题暂时解决了! 如你所说,我把p_xxxxx这些加入到新增加的panel对应的items参数中就ok了! 但是为了要根据点击菜单来选择对应的p_XXXX,我的做法相对死板 如下: [code="java"] 'click' : function(n){ if( n.leaf ){ var treePanelId = n.id.substring(0, n.id.indexOf('-'))+'-panel'; var tabPanelTmp = Ext.getCmp('content-panel'); var tabTmp = tabPanelTmp.getItem(treePanelId); if(tabTmp==null){ alert("新打开"+treePanelId+"panel"); [b] /* 死板:使用if..elseif 判断菜单对应的交易界面,并调出——成功*/ [/b] if( n.id == 'book-manage' ){ tabPanelTmp.add(p_book).show(); }else if( n.id == 'company-manage'){ tabPanelTmp.add(p_company).show(); }else if( n.id == 'dept-manage'){ tabPanelTmp.add(p_dept).show(); }else if( n.id == 'user-manage'){ tabPanelTmp.add(p_user).show(); }else if( n.id == 'duty-manage'){ tabPanelTmp.add(p_duty).show(); }else if( n.id == 'subject-manage'){ tabPanelTmp.add(p_subject).show(); }else if( n.id == 'category-manage'){ tabPanelTmp.add(p_category).show(); } [b] /* [新问题]:将上面if elseif 代替如下,根据传入的节点n得到对应的'p_XXXX'这样的名字, * 以获得对p_XXXX的调用,达到自动使用以后交易的增加..... * 但是执行 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); * 却不能得到效果 tabPanelTmp.add( 'p_'+n.id.substring(0, n.id.indexOf('-')) ).show(); */ [/b] }else{ alert("panel"+treePanelId+"已经被打开,跳回已经打开的panel去"); Ext.getCmp('content-panel').setActiveTab(tabTmp); } }else{ //alert("非叶节点"); } } [/code] [b] 现在想请教如何处理[新问题]? [/b] 我想这个新问题关键还是自己对extjs没有理解所致, 对如下的代码段 的实质 和如何才能 引用未搞清楚!再次求教! [code="java"] var p_book = { title:'图书信息管理', id : 'book-panel', border : false, layout : 'fit', closable:'true', items : [book_panel] } [/code] 另外我通过网上的资料学习,掌握了向TabPanel中动态增加tabs的方法: 1.iframe方式 2.autoLoad方式 3.扩展Panel 资料连接:http://chenxueyong.iteye.com/blog/353371
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
【资源】一个C/C++开发工程师的学习路线(已经无路可退,唯有逆风飞翔)【内附资源页】
声明: 1)该文章整理自网上的大牛和专家无私奉献的资料,具体引用的资料请看参考文献。 2)本文仅供学术交流,非商用。所以每一部分具体的参考资料并没有详细对应。如果某部分不小心侵犯了大家的利益,还望海涵,并联系博主删除。 3)博主才疏学浅,文中如有不当之处,请各位指出,共同进步,谢谢。 4)此属于第一版本,若有错误,还需继续修正与增删。还望大家多多指点。大家都共享一点点,一起为祖国科研的推进...
程序员请照顾好自己,周末病魔差点一套带走我。
程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。
20道你必须要背会的微服务面试题,面试一定会被问到
写在前面: 在学习springcloud之前大家一定要先了解下,常见的面试题有那块,然后我们带着问题去学习这个微服务技术,那么就会更加理解springcloud技术。如果你已经学了springcloud,那么在准备面试的时候,一定要看看看这些面试题。 文章目录1、什么是微服务?2、微服务之间是如何通讯的?3、springcloud 与dubbo有哪些区别?4、请谈谈对SpringBoot 和S...
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
2020 年,大火的 Python 和 JavaScript 是否会被取而代之?
Python 和 JavaScript 是目前最火的两大编程语言,但是2020 年,什么编程语言将会取而代之呢? 作者 |Richard Kenneth Eng 译者 |明明如月,责编 | 郭芮 出品 | CSDN(ID:CSDNnews) 以下为译文: Python 和 JavaScript 是目前最火的两大编程语言。然而,他们不可能永远屹立不倒。最终,必将像其他编程语言一...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
神级宝库!GitHub 标星 1.2w+,Chrome 最天秀的插件都在这里啦!
作者 | Rocky0429 来源 | Python空间 大家好,我是 Rocky0429,一个沉迷 Chrome 不能自拔的蒟蒻… 作为一个在远古时代用过什么 IE、360、猎豹等浏览器的资深器哥,当我第一次了解 Chrome 的时候,就被它的美貌给吸引住了… 就在我用了一段时间之后,我坚决的卸载了电脑上其它碍眼的浏览器,并觉得在之前的搬砖生涯中,我不配当哥,我只配是个沙雕… ...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
张朝阳回应迟到 1 分钟罚 500:资本家就得剥削员工
loonggg读完需要2分钟速读仅需 1 分钟大家我,我是你们的校长。前几天,搜狐的董事局主席兼 CEO 张朝阳和搜狐都上热搜了。原因很简单,就是搜狐出了“考勤新规”。一封搜狐对员工发布...
一个程序在计算机中是如何运行的?超级干货!!!
强烈声明:本文很干,请自备茶水!???? 开门见山,咱不说废话! 你有没有想过,你写的程序,是如何在计算机中运行的吗?比如我们搞Java的,肯定写过这段代码 public class HelloWorld { public static void main(String[] args) { System.out.println("Hello World!"); } ...
【蘑菇街技术部年会】程序员与女神共舞,鼻血再次没止住。(文末内推)
蘑菇街技术部的年会,别开生面,一样全是美女。
那个在阿里养猪的工程师,5年了……
简介: 在阿里,走过1825天,没有趴下,依旧斗志满满,被称为“五年陈”。他们会被授予一枚戒指,过程就叫做“授戒仪式”。今天,咱们听听阿里的那些“五年陈”们的故事。 下一个五年,猪圈见! 我就是那个在养猪场里敲代码的工程师,一年多前我和20位工程师去了四川的猪场,出发前总架构师慷慨激昂的说:同学们,中国的养猪产业将因为我们而改变。但到了猪场,发现根本不是那么回事:要个WIFI,没有;...
为什么程序猿都不愿意去外包?
分享外包的组织架构,盈利模式,亲身经历,以及根据一些外包朋友的反馈,写了这篇文章 ,希望对正在找工作的老铁有所帮助
Java校招入职华为,半年后我跑路了
何来 我,一个双非本科弟弟,有幸在 19 届的秋招中得到前东家华为(以下简称 hw)的赏识,当时秋招签订就业协议,说是入了某 java bg,之后一系列组织架构调整原因等等让人无法理解的神操作,最终毕业前夕,被通知调往其他 bg 做嵌入式开发(纯 C 语言)。 由于已至于校招末尾,之前拿到的其他 offer 又无法再收回,一时感到无力回天,只得默默接受。 毕业后,直接入职开始了嵌入式苦旅,由于从未...
从顶级黑客到上市公司老板
一看标题,很多老读者就知道我在写什么了。今天Ucloud成功上市,季昕华成为我所熟悉的朋友里又双叒叕一个成功上市的案例。我们认识大概是十五年多吧,如果没记错,第一次见面应该是2004年,...
世界上有哪些代码量很少,但很牛逼很经典的算法或项目案例?
点击上方蓝字设为星标下面开始今天的学习~今天分享四个代码量很少,但很牛逼很经典的算法或项目案例。1、no code 项目地址:https://github.com/kelseyhight...
​两年前不知如何编写代码的我,现在是一名人工智能工程师
全文共3526字,预计学习时长11分钟 图源:Unsplash 经常有小伙伴私信给小芯,我没有编程基础,不会写代码,如何进入AI行业呢?还能赶上AI浪潮吗? 任何时候努力都不算晚。 下面,小芯就给大家讲一个朋友的真实故事,希望能给那些处于迷茫与徘徊中的小伙伴们一丝启发。(下文以第一人称叙述) 图源:Unsplash 正如Elsa所说,职业转换是...
强烈推荐10本程序员必读的书
很遗憾,这个春节注定是刻骨铭心的,新型冠状病毒让每个人的神经都是紧绷的。那些处在武汉的白衣天使们,尤其值得我们的尊敬。而我们这些窝在家里的程序员,能不外出就不外出,就是对社会做出的最大的贡献。 有些读者私下问我,窝了几天,有点颓丧,能否推荐几本书在家里看看。我花了一天的时间,挑选了 10 本我最喜欢的书,你可以挑选感兴趣的来读一读。读书不仅可以平复恐惧的压力,还可以对未来充满希望,毕竟苦难终将会...
作为一个程序员,内存的这些硬核知识你必须懂!
我们之前讲过CPU,也说了CPU和内存的那点事儿,今天咱就再来说说有关内存,作为一个程序员,你必须要懂的哪那些硬核知识! 大白话聊一聊,很重要! 先来大白话的跟大家聊一聊,我们这里说的内存啊,其实就是说的我们电脑里面的内存条,所以嘞,内存就是内存条,数据要放在这上面才能被cpu读取从而做运算,还有硬盘,就是电脑中的C盘啥的,一个程序需要运行的话需要向内存申请一块独立的内存空间,这个程序本身是存放在...
非典逼出了淘宝和京东,新冠病毒能够逼出什么?
loonggg读完需要5分钟速读仅需 2 分钟大家好,我是你们的校长。我知道大家在家里都憋坏了,大家可能相对于封闭在家里“坐月子”,更希望能够早日上班。今天我带着大家换个思路来聊一个问题...
牛逼!一行代码居然能解决这么多曾经困扰我半天的算法题
春节假期这么长,干啥最好?当然是折腾一些算法题了,下面给大家讲几道一行代码就能解决的算法题,当然,我相信这些算法题你都做过,不过就算做过,也是可以看一看滴,毕竟,你当初大概率不是一行代码解决的。 学会了一行代码解决,以后遇到面试官问起的话,就可以装逼了。 一、2 的幂次方 问题描述:判断一个整数 n 是否为 2 的幂次方 对于这道题,常规操作是不断这把这个数除以 2,然后判断是否有余数,直到 ...
用前端5分钟写一个在线m3u8在线播放器
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt; &lt;meta http-equiv="X...
Spring框架|JdbcTemplate介绍
文章目录一、JdbcTemplate 概述二、创建对象的源码分析三、JdbcTemplate操作数据库 一、JdbcTemplate 概述 在之前的web学习中,学习了手动封装JDBCtemplate,其好处是通过(sql语句+参数)模板化了编程。而真正的JDBCtemplete类,是Spring框架为我们写好的。 它是 Spring 框架中提供的一个对象,是对原始 Jdbc API 对象的简单...
谁说程序员不懂浪漫——我的C语言结婚请柬(附源码)
前言:但行好事,莫问前程——《增广贤文》 从上学起开始学C++,后面也做过H5,现在做Android。无论是学习用的,还是工作用的,上百个软件不止。但最另我骄傲的是,我用程序烂漫了一把。 用C++语言,利用WIN32框架写一个结婚请柬,文末附源码和使用方法,大家可以自行修改,记得帮我点赞哦。 点开程序,你的电脑像中毒一般,漫天的樱花从屏幕上方,伴随着歌声《今天你要嫁给我》,缓缓落下。 ...
为什么说程序员做外包没前途?
之前做过不到3个月的外包,2020的第一天就被释放了,2019年还剩1天,我从外包公司离职了。我就谈谈我个人的看法吧。首先我们定义一下什么是有前途 稳定的工作环境 不错的收入 能够在项目中不断提升自己的技能(ps:非技术上的认知也算) 找下家的时候能找到一份工资更高的工作 如果你目前还年轻,但高不成低不就,只有外包offer,那请往下看。 外包公司你应该...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
立即提问