【求Ext拖动问题】Ext.dd.DropZone

问题描述:Ext6拖动后无法获取到目的地的相关属性。

代码:(拿API中的demo举例 - dragdropzones.html)

问:如何在拖动释放鼠标后的 onNodeDrop 监听方法里获取到 hospitals 对象中的属性(如 code、name、address等)? 谢谢!

2个回答

【附代码】

function initializePatientDragZone(v) {
v.dragZone = Ext.create('Ext.dd.DragZone', v.getEl(), {

    getDragData: function(e) {
        var sourceEl = e.getTarget(v.itemSelector, 10), d;
        if (sourceEl) {
            d = sourceEl.cloneNode(true);
            d.id = Ext.id();
            return (v.dragData = {
                sourceEl: sourceEl,
                repairXY: Ext.fly(sourceEl).getXY(),
                ddel: d,
                patientData: v.getRecord(sourceEl).data
            });
        }
    },


    getRepairXY: function() {
        return this.dragData.repairXY;
    }
});

}

function initializeHospitalDropZone(v) {
var gridView = v,
grid = gridView.up('gridpanel');

grid.dropZone = Ext.create('Ext.dd.DropZone', v.el, {


    getTargetFromEvent: function(e) {
        return e.getTarget('.hospital-target');
    },


    onNodeEnter : function(target, dd, e, data){
        Ext.fly(target).addCls('hospital-target-hover');
    },

    onNodeOut : function(target, dd, e, data){
        Ext.fly(target).removeCls('hospital-target-hover');
    },

    onNodeOver : function(target, dd, e, data){
        return Ext.dd.DropZone.prototype.dropAllowed;
    },

    onNodeDrop : function(target, dd, e, data){
        var rowBody = Ext.fly(target).findParent('.x-grid-rowbody-tr', null, false),
            mainRow = rowBody.previousSibling,
            h = gridView.getRecord(mainRow),
            targetEl = Ext.get(target),
            html = targetEl.dom.innerHTML;

        if (html == 'Drop Patient Here') {
            html = data.patientData.name
        } else {
            html = data.patientData.name + ', ' + targetEl.dom.innerHTML;
        }

        targetEl.update(html);
        Ext.Msg.alert('Drop gesture', 'Dropped patient ' + data.patientData.name +
            ' on hospital ' + h.data.name);
        return true;
    }
});

}

Ext.require(['*']);

Ext.onReady(function() {

var patients = [{
    insuranceCode: '11111',
    name: 'Fred Bloggs',
    address: 'Main Street',
    telephone: '555 1234 123'
}, {
    insuranceCode: '22222',
    name: 'Fred Bansod',
    address: 'Van Ness',
    telephone: '666 666 666'
}, {
    insuranceCode: '33333',
    name: 'Fred Mercury',
    address: 'Over The Rainbow',
    telephone: '555 321 0987'
}, {
    insuranceCode: '44444',
    name: 'Fred Forsyth',
    address: 'Blimp Street',
    telephone: '555 111 2222'
}, {
    insuranceCode: '55555',
    name: 'Fred Douglass',
    address: 'Talbot County, Maryland',
    telephone: 'N/A'
}];

Ext.define('Patient', {
    extend: 'Ext.data.Model',
    idProperty: 'insuranceCode',
    fields: [{
            name: 'name'
        }, {
            name: 'address'
        }, {
            name: 'telephone'
        }]
});

var patientStore = Ext.create('Ext.data.Store', {
    model: 'Patient',
    data: patients
});

var hospitals = [{
    code: 'AAAAA',
    name: 'Saint Thomas',
    address: 'Westminster Bridge Road, SE1 7EH',
    telephone: '020 7188 7188'
}, {
    code: 'BBBBB',
    name: 'Queen\'s Medical Centre',
    address: 'Derby Road, NG7 2UH',
    telephone: '0115 924 9924'
}, {
    code: 'CCCCC',
    name: 'Saint Bartholomew',
    address: 'West Smithfield, EC1A 7BE',
    telephone: '020 7377 7000'
}, {
    code: 'DDDDD',
    name: 'Royal London',
    address: 'Whitechapel, E1 1BB',
    telephone: '020 7377 7000'
}];

Ext.define('Hospital', {
    extend: 'Ext.data.Model',
    idProperty: 'code',
    fields: [{
        name: 'name'
    }, {
        name: 'address'
    }, {
        name: 'telephone'
    }]
});

var hospitalStore = Ext.create('Ext.data.Store', {
    model: 'Hospital',
    data: hospitals
});

var patientView = Ext.create('Ext.view.View', {
    cls: 'patient-view',
    tpl: '<tpl for=".">' +
            '<div class="patient-source"><table><tbody>' +
                '<tr><td class="patient-label">Name</td><td class="patient-name">{name}</td></tr>' +
                '<tr><td class="patient-label">Address</td><td class="patient-name">{address}</td></tr>' +
                '<tr><td class="patient-label">Telephone</td><td class="patient-name">{telephone}</td></tr>' +
            '</tbody></table></div>' +
         '</tpl>',
    itemSelector: 'div.patient-source',
    overItemCls: 'patient-over',
    selectedItemClass: 'patient-selected',
    singleSelect: true,
    store: patientStore,
    listeners: {
        render: initializePatientDragZone
    }
});

var helpWindow = Ext.create('Ext.Window', {
    title: 'Source code',
    width: 920,
    height: 500,
    closeAction: 'hide',
    layout: 'fit',
    items: [
        {
            xtype: 'textarea',
            itemId: 'srcTextArea'
        }
    ],
    listeners: {
        render: function(w) {
            Ext.Ajax.request({
                url: 'dragdropzones.js',
                success: function(r) {
                    w.down('#srcTextArea').setValue(r.responseText);
                }
            });
        }
    }
});

var hospitalGrid = Ext.create('Ext.grid.Panel', {
    title: 'Hospitals',
    region: 'center',
    margins: '0 5 5 0',
    bbar: [{
        text: 'View Source',
        handler: function() {
            helpWindow.show();
        }
    }],
    sortableColumns: false,
    columns: [{
        dataIndex: 'name',
        header: 'Name',
        width: 200
    }, {
        dataIndex: 'address',
        header: 'Address',
        width: 300
    }, {
        dataIndex: 'telephone',
        header: 'Telephone',
        width: 100
    }],
    features: [{
        ftype:'rowbody',
        setup: function(rows, rowValues) {
            Ext.grid.feature.RowBody.prototype.setup.apply(this, arguments);
            rowValues.rowBody = 'Drop Patient Here';
            rowValues.rowBodyDivCls = 'hospital-target';
        }
    }],
    viewConfig: {
        listeners: {
            render: initializeHospitalDropZone
        }
    },
    store: hospitalStore
});

Ext.create('Ext.Viewport', {
    layout: 'border',
    items: [{
        cls: 'app-header',
        region: 'north',
        height: 30,
        html: '<h1>Patient Hospital Assignment</h1>',
        margins: '5 5 5 5'
    }, {
        title: 'Patients',
        region: 'west',
        width: 300,
        margins: '0 5 5 5',
        items: patientView
    }, hospitalGrid ]
});

});

dd7893586a493dc3

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
【求Ext大神】关于拖动dropZone
问题描述:Ext6拖动后无法获取到目的地的相关属性。 代码:(拿API中的demo举例 - dragdropzones.html) 问:如何在拖动释放鼠标后的 onNodeDrop 监听方法里获取到 hospitals 对象中的属性(如 code、name、address等)? 谢谢!
java 在web project中的jsp中怎么用dropzone.js实现拖拽上传
我现在想做一个拖拽上传,看别人说用dropzone.js!能做,想请大神解答![图片说明](https://img-ask.csdn.net/upload/201509/15/1442301694_461303.png)
dropzone.js 回显问题
dropzone 怎么回显多张图片,dropzone 怎么回显多张图片,dropzone 怎么回显多张图片,dropzone 怎么回显多张图片,dropzone 怎么回显多张图片,dropzone 怎么回显多张图片。求大神给个代码
dropzone.js上传多个文件,java后台获取不到数据
调用dropzone的js: ![图片说明](https://img-ask.csdn.net/upload/201607/13/1468385466_942034.png) java后台接口: ![图片说明](https://img-ask.csdn.net/upload/201607/13/1468385497_806508.png) 后台参数file一直为空?
dropzone怎么将拖拽上来的文件删除,求大神指点
我现在实现了dropzone拖拽上传,但是怎么将我不想要的文件删除呢!求大神解答
Dropzone多张图片 上传问题
图片传不过来 uploadMultiple: false,传单张可以 求教? Dropzone.options.tabPackageImg = { // autoProcessQueue: false,//自动上传 maxFilesize: 5.0, // MB maxFiles: 3,//一次性上传的文件数量上限 acceptedFiles: "image/*", thumbnailWidth: 300, thumbnailHeight: 300, addRemoveLinks: true,//添加移除文件 dictDefaultMessage: "点击或拖拽上传图片", dictCancelUploadConfirmation: '你确定要取消上传吗?', dictMaxFilesExceeded: "您一次最多只能上传{{maxFiles}}个文件", dictFileTooBig: "文件过大({{filesize}}MB). 上传文件最大支持: {{maxFilesize}}MB.", dictResponseError: '文件上传失败!', dictInvalidFileType: "你不能上传该类型文件,文件类型只能是图片类型。", dictCancelUpload: "取消上传", dictRemoveFile: "重新上传", uploadMultiple: true, // Dropzone settings init: function () { var myDropzone = this; // this.element.querySelector("button[type=submit]").addEventListener("click", function (e) { // e.preventDefault(); // e.stopPropagation(); // myDropzone.processQueue(); // }); this.on("sendingmultiple", function () { }); this.on("successmultiple", function (files, response) { }); this.on("errormultiple", function (files, response) { }); }, ``` @RequestMapping(value = "uploadBind/{id}", method = RequestMethod.POST, produces = "application/json;charset=UTF-8") @ResponseBody public void upload2(@RequestParam("files") MultipartFile[] files, @PathVariable(value = "id") String id) throws IllegalStateException, IOException { TabPackage tabPackage = new TabPackage(); // String[] img = {}; String packageimages =""; for (int i = 0; i < files.length; i++) { String[] img = new String[3]; if (!files[i].isEmpty()) { try { String tempUrl = baseImageDir + "/" + "/packageBind/" + id + "/"; String filePath = tempUrl + files[i].getOriginalFilename(); File saveFile = new File(filePath); if (!saveFile.exists()) { saveFile.mkdirs(); } // 转存文件 files[i].transferTo(saveFile); tabPackage = tabPackageService.getById(id); img[i] = "/packageBind/" + tabPackage.getPackageid() + "/" + files[i].getOriginalFilename() + ","; packageimages=packageimages+img[i]; } catch (Exception e) { e.printStackTrace(); } } } tabPackage.setPackageimages(packageimages); tabPackageService.update(tabPackage); ``` <form class="dropzone" action="${ctx}/tabPackage/uploadBind/${tabPackage.packageid}" method="post" id="tabPackageImg" enctype="multipart/form-data">
extjs portal 实现宽度的自适应
在使用extjs portal 与fusionchar结合做展示时,当调整浏览器窗口时,其中的portal无法自动调整大小,来适应窗口的变化,当刷新下页面时,才能适应窗口大小 部分代码如下: var c0_r0 = new Ext.ux.Portlet({ xtype:'portlet', id:'panel1', margins:'10 0 0 0', //title: 'Grid in a Portlet', layout:'fit', height:300, collapsible : false, collapsed:false, tools: tools, items: [FCF_Column3DPanel] }); var c0_r1 = new Ext.ux.Portlet({ xtype:'portlet', id:'panel2', margins:'10 0 0 0', //title: 'Grid in a Portlet', layout:'fit', height:300, collapsible : false, collapsed:false, tools: tools, items: [FCF_Pie3DPanel1] }); var c0_r2=new Ext.ux.Portlet({ xtype:'portlet', id:'panel3', margins:'10 0 0 0', //title: 'Grid in a Portlet', layout:'fit', height:300, collapsible : false, collapsed:false, tools: tools, items: [FCF_LinePanel2] }); var col_0 = new Ext.ux.PortalColumn({ columnWidth:.5, style:'padding:10px 0 10px 10px', items:[c0_r0,c0_r1,c0_r2] }); var c1_r0 = new Ext.ux.Portlet({ xtype:'portlet', id:'panel4', margins:'10 0 0 0', //title: 'Grid in a Portlet', layout:'fit', height:300, collapsible : false, collapsed:false, tools: tools, items: [FCF_FunnelPanel3] }); var c1_r1 = new Ext.ux.Portlet({ xtype:'portlet', id:'panel5', margins:'10 0 0 0', //title: 'Grid in a Portlet', layout:'fit', height:300, collapsible : false, collapsed:false, tools: tools, items: [FCF_KagiPanel4] }); var c1_r2 = new Ext.ux.Portlet({ xtype:'portlet', id:'panel6', margins:'10 0 0 0', //title: 'Grid in a Portlet', layout:'fit', height:300, collapsible : false, collapsed:false, items: [FCF_PyramidPanel5] }); var col_1 = new Ext.ux.PortalColumn({ columnWidth:.5, style:'padding:10px 0 10px 10px', items:[c1_r0,c1_r1,c1_r2] }); _portal = new Ext.ux.Portal({ xtype:'portal', border: false, //region:'center', //margins:'35 5 5 0', items:[col_0,col_1] /* * Uncomment this block to test handling of the drop event. You could use this * to save portlet position state for example. The event arg e is the custom * event defined in Ext.ux.Portal.DropZone. */ ,listeners: { 'drop': function(e){ //Ext.Msg.alert('aaa',dump_obj(this.items)); //Ext.Msg.alert('aaa',dump_obj(this.items)); //Ext.Msg.alert('aaa',dump_obj(e.portal)); Ext.Msg.alert('Portlet Dropped', e.panel.title+':id:'+e.panel.id + '<br />Column: ' + e.columnIndex + '<br />Position: ' + e.position); } } }); _portalContainer = new Ext.Container({ //layout:'border', renderTo:"biportal", height:'100%', width:'100%', margins:'5 5 5 5', frame:false,// //border:false, //bodyBorder :false, items:[ _portal ] }); 请问该如何调整脚本代码,使得能适应窗口的变化啊?
怎样写一个点击事件,除了某一个div区域不执行,其它点击都执行,求指教
$('body').not($("#dropzone")).bind('click', function() { //$("#dropzone").slideUp("normal"); });
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
MyBatis研习录(01)——MyBatis概述与入门
MyBatis 是一款优秀的持久层框架,它支持定制化 SQL、存储过程以及高级映射。MyBatis原本是apache的一个开源项目iBatis, 2010年该项目由apache software foundation 迁移到了google code并改名为MyBatis 。2013年11月MyBatis又迁移到Github。
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
Python爬虫精简步骤1 获取数据
爬虫,从本质上来说,就是利用程序在网上拿到对我们有价值的数据。 爬虫能做很多事,能做商业分析,也能做生活助手,比如:分析北京近两年二手房成交均价是多少?广州的Python工程师平均薪资是多少?北京哪家餐厅粤菜最好吃?等等。 这是个人利用爬虫所做到的事情,而公司,同样可以利用爬虫来实现巨大的商业价值。比如你所熟悉的搜索引擎——百度和谷歌,它们的核心技术之一也是爬虫,而且是超级爬虫。 从搜索巨头到人工...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
web前端javascript+jquery知识点总结
1.Javascript 语法.用途 javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ...
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
渗透测试-灰鸽子远控木马
木马概述 灰鸽子( Huigezi),原本该软件适用于公司和家庭管理,其功能十分强大,不但能监视摄像头、键盘记录、监控桌面、文件操作等。还提供了黑客专用功能,如:伪装系统图标、随意更换启动项名称和表述、随意更换端口、运行后自删除、毫无提示安装等,并采用反弹链接这种缺陷设计,使得使用者拥有最高权限,一经破解即无法控制。最终导致被黑客恶意使用。原作者的灰鸽子被定义为是一款集多种控制方式于一体的木马程序...
Python:爬取疫情每日数据
前言 目前每天各大平台,如腾讯、今日头条都会更新疫情每日数据,他们的数据源都是一样的,主要都是通过各地的卫健委官网通报。 以全国、湖北和上海为例,分别为以下三个网站: 国家卫健委官网:http://www.nhc.gov.cn/xcs/yqtb/list_gzbd.shtml 湖北卫健委官网:http://wjw.hubei.gov.cn/bmdt/ztzl/fkxxgzbdgrfyyq/xxfb...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名...
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允许使用这...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧???? 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升自...
粒子群算法求解物流配送路线问题(python)
1.Matlab实现粒子群算法的程序代码:https://www.cnblogs.com/kexinxin/p/9858664.html matlab代码求解函数最优值:https://blog.csdn.net/zyqblog/article/details/80829043 讲解通俗易懂,有数学实例的博文:https://blog.csdn.net/daaikuaichuan/article/...
教你如何编写第一个简单的爬虫
很多人知道爬虫,也很想利用爬虫去爬取自己想要的数据,那么爬虫到底怎么用呢?今天就教大家编写一个简单的爬虫。 下面以爬取笔者的个人博客网站为例获取第一篇文章的标题名称,教大家学会一个简单的爬虫。 第一步:获取页面 #!/usr/bin/python # coding: utf-8 import requests #引入包requests link = "http://www.santostang....
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
情人节来了,教你个用 Python 表白的技巧
作者:@明哥 公众号:Python编程时光 2020年,这个看起来如此浪漫的年份,你还是一个人吗? 难不成我还能是一条狗? 18年的时候,写过一篇介绍如何使用 Python 来表白的文章。 虽然创意和使用效果都不错,但有一缺点,这是那个exe文件,女神需要打开电脑,才有可能参与进来,进而被你成功"调戏”。 由于是很早期的文章了,应该有很多人没有看过。 没有看过的,你可以点击这里查看:用Pyt...
用Python开发实用程序 – 计算器
作者:隋顺意 一段时间前,自己制作了一个库 “sui-math”。这其实是math的翻版。做完后,python既然可以轻易的完成任何的数学计算,何不用python开发一个小程序专门用以计算呢? 现在我们越来越依赖于计算器,很多复杂的计算都离不开它。我们使用过各式各样的计算器,无论是电脑自带的,还是网也上的计算器,却都没有自己动手编写属于自己计算器。今天就让我们走进计算器的世界,用python来编写...
经典算法(19)教你两分钟学会【选择排序】
这篇博客使用图文并茂的方式讲解选择排序算法,并有完整的算法逻辑以及代码实现。
Python学习笔记(语法篇)
本篇博客大部分内容摘自埃里克·马瑟斯所著的《Python编程:从入门到实战》(入门类书籍),采用举例的方式进行知识点提要 关于Python学习书籍推荐文章 《学习Python必备的8本书》 Python语法特点: 通过缩进进行语句组织 不需要变量或参数的声明 冒号 1 变量和简单数据结构 1.1 变量命名 只能包含字母、数字和下划线,且不能以数字打头。 1.2 字符串 在Python中,用引号...
用Python打造你的专属情人节贺卡,赶快发给TA浪漫一下吧
明天就是情人节了。这个情人节,注定是一个不能约会的情人节,但不能约会不代表不能浪漫。古人比我们出生早,那些浪漫的诗词早都被他们挖掘一空,比诗词我们肯定没有机会了。好在我们还有Python,不然都不知道该如何表达浪漫。接下来,浪导教你制作一个浪漫的情人节专属贺卡。
Python绘图与可视化
文章目录使用的库Matplotlib程序包绘图命令的扩展及其属性设置 使用的库 Python有很多可视化工具,如:Matplotlib。 Matplotlib是一种2D的绘图库,它可以支持硬拷贝和跨系统的交互,它可以在Python脚本、IPython的交互环境下、Web应用程序中使用。如果结合使用一种GUI工具包(如IPython),Matplotlib还具有诸如缩放和平移等交互功能。它不仅支持各...
计算机考研经验总结
计算机考研指导建议背景开始备考时间学校选择复习计划学科复习考研资料和平台心得杂杂答疑 背景     我是广东双非本科计算机类专业,大一高数没学好,英语在大四最后一次考试里过了6级,专业课掌握情况尚好。选择报考暨南大学,因为它的专业课那年只考一门数据结构,而我数据结构学的还不错,不用在专业课上花很多的时间。暨南大学和华师是广东省内仅有的两所211高校,而听说华师学校稍老,环境没有暨大好。 开始备考时...
MySQL表的增删查改(提高篇)
MySQL表的增删查改(基本篇) 接上一篇MySQL表基本的增删查改,下面看一下提高篇: 一、数据库约束 1、约束类型 NOT NULL:不为空约束。创建表时,可以指定某列不为空 UNIQUE :唯一约束。指定某列为唯一的、不重复的 DEFAULT :默认值约束。指定插入数据时,某列为空,设置默认值 PRIMARY KEY : 主键约束。NOT NULL 和 UNIQUE 的结合。确保某列(或两个...
Java实现 LeetCode 35 搜索插入位置
35. 搜索插入位置 给定一个排序数组和一个目标值,在数组中找到目标值,并返回其索引。如果目标值不存在于数组中,返回它将会被按顺序插入的位置。 你可以假设数组中无重复元素。 示例 1: 输入: [1,3,5,6], 5 输出: 2 示例 2: 输入: [1,3,5,6], 2 输出: 1 示例 3: 输入: [1,3,5,6], 7 输出: 4 示例 4: 输入: [1,3,5,6], 0 输出:...
整理一波国外前端学习网站
国内的普通开发者对于掌握一门新的技术不知道从哪里下手,看哪些书。为了获得相关知识会关注各种公众号、购买各种视频课程来学习,但由于这些内容本身有碎片化的特点,效果往往不太理想。以至于付出了大量的时间到最后不能够形成系统化的知识。 我同样也遇到过类似的问题,不是说公众号与视频课程不好,这些也有自身的优势,但是往往都是别人经过实践沉淀下来的,我们读过之后往往仅限于了解而已。如果要掌握还需要大量的实践、探...
Linux运维面试总结
1.ssh远程连接的问题? 第一种是远程连接慢的问题: (1)可以通过ssh -v 来检测哪个步骤出现的问题。根据对应的问题,来针对性的进行解决。 (2)可能是DNS反向解析不正确导致的.正常情况下默认配置下 sshd 初次接受 ssh 客户端连接的时候会自动反向解析客户端 IP 以得到 ssh 客户端的域名或主机名。如果这个时候 DNS 的反向解析不正确,sshd 就会等到 DNS 解析超...
相关热词 c#导入fbx c#中屏蔽键盘某个键 c#正态概率密度 c#和数据库登陆界面设计 c# 高斯消去法 c# codedom c#读取cad文件文本 c# 控制全局鼠标移动 c# temp 目录 bytes初始化 c#
立即提问