vue开发看这篇文章就够了(中)
组件通讯父组件到子组件方式:通过子组件props属性来传递数据props是一个数组注意:属性的值必须在组件中通过props属性显示指定,否则,不会生效说明:传递过来的props属性的用法与data属性的用法相同
文件上传的动作不能太俗,必须页面无刷新上传
人生永远没有太晚的开始好久没有更新博客了,说实话,每天抽空打开博客园总感觉心里很空虚,不是没有在修行,而是因为最近在跟着博老前辈完成一项很重要的使命——打造属于我们自己的奇遇帝国,好了废话不多说,首先我在北京向各位带好,希望各位能在2018年达到自己预设的人生高度。常规操作上传文件1
3
利用三角函数在canvas上画虚线
varcontext=document.getElementById("canvas").getContext("2d");functiondrawDashedLine(context,x1,y1,x2,y2,dashlength){dashlength=dashlength===undefined?5:dashlength;vardeltaX=x2-x1;//一条直角边的长vardeltay=y2-y1;//另一条指教边的长varnumDashes=Math.floor(Math.sqrt(deltaX*deltaX+deltay*deltay)/dashlength//Math.sqrt返回一个数的平方根dashlength虚线每个点的长度)vareverydashLength_x=deltaX/numDashes//确定X轴每条虚线点的起始点vareverydashLength_y=deltay/numDashes//确定Y轴每条虚线点的起始点for(vari=0;i
DevExpress v17.2—WPF篇(六)
用户界面套包DevExpressv17.2终于正式发布,本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExpressWPFv17.2新的HamburgerMenu、SchedulerControl、Dialogs(CTP)、DataGridControl等,快来下载试用新版本!SpreadsheetControlChartSheets在新版本中,DevExpressSpreadsheet允许通过创建图表(在自己的页面中查看、编辑或打印图表)将图表放在单独的工作表上。其他增强功能DevExpressWPFSpreadsheet附带以下增强功能:支持Section508新的SpreadsheetUI元素:单元格样式、图表样式、表格样式和数据透视表样式库。更改图表类型和打印对话框。数字格式和边框下拉菜单。Themes新的WPF主题本版本包含以下新主题:Office2016Black(SE)VisualStudio2017DarkVisualStudio2017Blue
kafka学习非常详细的经典教程
一、基本概念介绍Kafka是一个分布式的、可分区的、可复制的消息系统。它提供了普通消息系统的功能,但具有自己独特的设计。这个独特的设计是什么样的呢?首先让我们看几个基本的消息系统术语:Kafka将消息以topic为单位进行归纳。将向Kafkatopic发布消息的程序成为producers.将预订topics并消费消息的程序成为consumer.Kafka以集群的方式运行,可以由一个或多个服务组成,每个服务叫做一个broker.producers通过网络将消息发送到Kafka集群,集群向消费者提供消息,如下图所示:客户端和服务端通过TCP协议通信。Kafka提供了Java客户端,并且对多种语言都提供了支持。Topics和Logs先来看一下Kafka提供的一个抽象概念:topic.一个topic是对一组消息的归纳。对每个topic,Kafka对它的日志进行了分区,如下图所示:每个分区都由一系列有序的、不可变的消息组成,这些消息被连续的追加到分区中。分区中的每个消息都有一个连续的序列
程序猿必须立即改正的 5 个坏习惯
编者按:本文编译自RaviShankarRajan发表于Hackernoon网站上的文章YouNeedtoSTOPTheseBADDeveloperHabitsNOW。RaviRajan是印度孟买人,全球IT项目经理。他也是一个狂热的博主、诗歌作家、考古爱好者和历史狂人。“Ravi,你糟透了,你每天都把自己弄得很艰难。”Jim这样跟我说,他是我多年以前的经理。我很惊讶。或者说是“震惊”,这个词更能形容我的情绪。我用某种掩饰不住的讽刺语调回答他:“呵,你这么想我的哦。”“我是一个伟大的开发者,是我团队的宝贵财富。客户很信任我,并且在知识上,我远远领先于同时代的人。”他每说一个字我就更愤怒一分。“Ravi,‘顾虑’太多是你的问题,除非你能提高自己的效率,否则你将永远不能抵达伟大的顶峰。”Jim直视我的眼睛,继续如是说。我惊呆了,又气又困惑,同时也发现他的话如此胆大妄为、不同寻常。我克制了自己冲出房间的冲动,让他继续说出理由:“我的代码是最好的代码。”弗里德里希·尼采的话精妙
程序员面试所需的软技能(二)
2.你平时业余时间都做什么?老大问这个问题,其实目的就是想看你到底是个什么样的人,常用的回答,业余时间喜欢运动一下,看看书,打打游戏什么的。下面老大一定会会问,喜欢什么运动啊,看什么书啊,都玩什么游戏啊之类的,分别讲一下这几个,也仅供大家参考:a.喜欢什么运动其实回答一下自己确实喜欢的运动就好,最好是团体或者比较流行的,比如回答踢足球,乒乓球,羽毛球都是很不错的。互联网公司还是非常喜欢组织这些球类比赛,你会这些的话,大家可以一起玩耍,面试官当然愿意啦,或者你看面试官穿着冲锋衣,说自己喜欢户外露营徒步,都是不错的,显示自己很阳光,并不是特别闷骚然后后面就可以展开聊啦,你自己平时注意积累一下相关的行话,比如喜欢踢球,就找一个死忠的球队,并且用专属名称,比如法国球迷,就说自己喜欢高卢雄鸡,英国就是三狮军团,荷兰就是橙衣军团,德国就是德意志战车,并且选两个喜欢的球员,描述语就用球风硬朗、意志顽强,脚法精准,身体对抗多,全场跑动多等等装逼词汇就差不多了。b.喜欢看什么书上个问题其实无关痛痒,这个问题才是老大最感兴趣的,平时看书的
程序员如何提高自己的层次|Python资料分享
特别福利------后台回复:python一直有小伙伴说需要python方面的资料,这回,你期待的终于来了!作者简介:袁永福,2008年微软MVP,2012年创立南京都昌信息科技有限公司,专门从事医疗信息化,电子病历行业,擅长C#和GDI+图形编程。本文作者袁永福是一个十多年的老程序猿,一穷二白的出来创业多年,期间经历许多曲折和磨难,成功的在炮火连天的商业战场上活了下来,并持续发展中。其中不少体会,于是提出本文的主题--打破牢笼,展望更高层次的世界。以下是原文。◆◆◆◆◆回顾过去,我认为每个程序猿都关在一个透明的牢笼中,限制了思维、蒙蔽了眼界、蹉跎了岁月而不自知,如果不尝试走出去是一辈子都不能感知到牢笼的存在。这个牢笼就是技术本身。一些程序员就要说,我们就是靠技术吃饭的,天天考虑各种编程技巧,技术怎么成为束缚我们的牢笼呢?那是因为很多人只是看到软件技术的表象而没看到本质。孙子兵法说:不知兵之害者不能尽用兵之利也。套过来说,不知技术之害者不能尽用技术之
岁月在流逝,从阿里退下来接近70后程序猿带给我的启示
大家好,今天为大家带来一个非常励志,让我反思的故事。今天为大家讲的是我父亲是如何用行动教会我成为程序员的。岁月的锤炼圆口接口的键盘,2003年的有人问这个键盘难道没有擦过吗?不是的,是擦不掉的岁月痕迹。如果有注意到细节的朋友会发现,程序员什么键位用得最多。除了(ASDW,YUHJ,那是我小时候玩拳王留下的)。这个键盘虽然老旧,但是我爸一直不舍得扔。03年的时候,他从二手市场买会来了这台486Cpu主频的二手电脑,开始自学汇编。我爸只有初中文化。但是有超强的动手能力。零编程基础入门嵌入式开发因为当时03年的时候,他刚从一家电子厂辞职,他在电子厂里看到了单片机这种玩意,他看到了他们工程师的工资和待遇,而当时的他只是一名流水线上的焊锡工,虽然是个组长,但是也感觉到了职业的局限性。(这也带给我们一个启示,作为男人,如果觉得职业看不到头,趁早换工作吧,如果不趁早,你会在以后的家庭压力中选择妥协,再也看不到头了。),辞职的第二天,他就买回了这台486赛扬系列的二手电脑,和一台仿真的烧写机器(把程序写到芯片的机器),一本汇编语言入门的书,开始了他12
视频演讲: 蘑菇街分布式消息中间件 Corgi 在多场景下应用架构演进
47:17概要蘑菇街早期架构基于PHP开发,从导购时代的Redis,到电商初期的RabbitMQ,到后期的自研,在电商快速发展的过程中,消息队列如何去适应不同场景的需求(如:多消费方式、低延迟、海量队列、MySQLBinlog驱动业务等等)?我们的分布式消息中间件产品Corgi是如何选型、设计和快速迭代并满足复杂业务场景需求?本次分享将为大家带来详细解读。个人简介江龙,美丽联合集团技术专家,2011年加入美丽联合,见证了集团从小到大的过程,见证系统从极简到复杂以及中间件正产品在这个过程中所起到的作用,负责消息队列以及SLB等产品,主导了MQ、SLB等产品从无到有的过程。全球架构师峰会(InternationalArchitectSummit,下简称ArchSummit)是由InfoQ中文站主办的一次全球性架构师峰会。ArchSummit专门针对架构师人群,讲述与架构和架构师相关的各方面趋势、技术和案例。这也是继QCon之后,InfoQ中文站主办的又一次高端技术盛会。
新思路设计可视化大型微服务监控系统
背景随着微服务在生产实践中被大量使用,后台系统中的服务系统数量暴增,挑战也随之产生。当系统出现问题时,如何在上百个相关的、依赖错综复杂的服务系统之中快速定位到出错的系统?达达-京东到家的Overwatch系统已经在线上运行了一年有余,采用了创新性的可视化监控设计,并成功帮助达达-京东到家的系统渡过了“双十一”的挑战,设计思想值得分享。“双十一”期间,系统承载了京东商城每天几百万单的压力,“双十一”当天单量即突破600万单,第二天的单量更是超过了800万单。对于大型微服务系统来说,任何一个服务系统出现问题,都可能导致大面积的系统故障。当配送员在配送过程中操作APP然后发现操作失败时,究竟是订单系统出现了问题?还是用户系统出现了问题?还是某个第三方服务出现了问题?导致这些问题的是数据库的慢查询?还是系统本身的GC?又或者仅仅是一次网络波动?在没有Overwatch之前,每当线上系统出现报警,我们的工程师都要登上相应系统的某台机器查看日志。然而这样的工作收效甚微,因为可能出现问题的原因真的有很多:该系统响应
中小型研发团队:微服务架构
一、MSA简介1.1、MSA是什么微服务架构MSA是MicroserviceArchitect的简称,它是一种架构模式,它提倡将单一应用程序划分成一组小的服务,服务之间互相通讯、互相配合,为用户提供最终价值。它与SOA之间的区别如下:1.2、我们的MSA框架我们的微服务框架MsaFx.dll是个基于ServiceStack4.0.60包装实现的.NETWebServices框架,而ServiceStack本身支持通用的轻量级协议和Metadata。MsaFx与普通WebServices框架如WCF相比,主要优势如下:高性能:性能好、速度快。支持跨平台运行:基于MsaFx开发出的WebServices既能够运行在Windows环境中,又能够运行在支持Mono的Linux环境中。支持多协议:如JSON格式的也支持XSD。更加Web化:RESTful。服务端实现与客户端实现的完全解耦:MSA基于消息的设计,使得服务端的API改
今晚九点|一线互联网公司服务器监控系统架构分享
主题:一线互联网公司服务器监控系统架构内容:自动运维的一点体会性能与可用性可扩展功能可扩展监控支撑业务扩展主讲师:PC老师大学时期就负责学校官方网站的运维工作,实习期间加入豆瓣,有幸成为豆瓣Top20员工,从事Python开发及运维工作,后在BAT从事自动化运维,见证BAT运维自动化从无到有。擅长系统底层、分布式系统开发,热衷于开源运动,给memcached、SETI@Home等多个开源项目贡献过代码。自动化运维的一点体会不同公司的需求差异监控?配置管理?自动部署?调度系统?Iaas/Paas?ormore?不同规模、不同行业的公司存在需求差异自动运维的几个基础一本清晰的账本(准确的基础信息)一个靠谱的监控一个靠谱的任务执行系统
MySQL - WHERE优化篇
日常开发中,编写SQL语句都避免不了使用到WHERE关键字做条件过滤,细心的朋友就会发现,WHERE的不同表现形式会对数据库性能造成一定影响,本章主要针对WHERE优化策略进行讨论….优化要素想要让SELECT....WHERE...变快,第一就是检查一下是否可以增加索引。在WHERE子句中创建索引,可以加快求值、过滤、和最终检索结果的速度。为避免浪费磁盘空间,可以通过创建联合索引来加速多个相关查询。尽量减少全表扫描的查询,尤其对于大表更要杜绝全表扫描。减少函数使用(尤其是耗时的函数)。一个函数可能在结果集中每行都被调用一次或者在一个表里面每一行都被调用一次,这样做效率是非常低的。掌握不同存储引擎的优化方案,合理的运用索引技术。优化InnoDB事务。(对于统计型的数据,开启只读事务)避免将查询转换成比较难以理解的方式,以免MySQL无法进行优化熟练掌握EXPLAIN计划调整MySQL用于缓存数据的内存大小减少锁表的情况内置优化在做JAVA开发中,通过指令重拍会对代码做一
MySQL - RANGE优化篇
RangeAccess使用单个索引的方式来检索包含在一个或多个索引值区间内的表行的子集。它也适用于单列或复合(组合)索引…单列索引对于单列索引,索引值区间可以方便地用WHERE语句中的相应范围条件表示。优化器在常量传播阶段,会将一些非常量值转换为常量。定义对于BTREE索引和HASH索引来说,索引的范围优化基本上只适用于等值查询。譬如=,<=>,IN(),ISNULL,ISNOTNULL操作符。对于HASH索引,BTREE索引同样支持非等值查询,譬如>,<,>=,<=,BETWEEN,!=,<>和LIKE(注意,like的常量值不能以通配符开头)对于所有索引类型,多个范围条件与OR或AND在一起会形成一个范围条件代码示例以下是在WHERE子句中使用范围条件进行查询的一些示例:SELECT*FROMt1WHEREkey_col>1ANDkey_col<10;SELECT*FROMt1WHEREkey_col=1O
Firebird,Mysql,PostgreSql代码质量比较
本文将同时对Firebird、MySQL和PostgreSQL三个项目进行比较,找出具有意思的bug并且代码质量最高的一个项目。下面直入主题!关于项目写在前面的话FirebirdFirebird(FirebirdSQL)是一个开源的SQL关系数据库管理系统,它在Linux、MicrosoftWindows、MacOSX和各种Unix上运行。这个数据库是在2000年由Borland的InterBase开源版本开源的,但是从Firebird1.5版本以来大部分代码已经被重写。附加信息:·Officialwebsite(官方网站)·GitHubrepository(GitHub库)·GitHub好评得分:133·GitHub差评得分:51MySQLMySQL是一个开源的关系数据库管理系统(RDBMS)。MySQL通常用作本地和远程客户端的服务器,但是发行版还包括一个嵌入式MySQL服务器库,这使得在客户应用程序中运行MySQL服务器成为可能。MySQL支持多种表类型,这使它成为一
Spring Boot系列(六)Spring Boot 连接MySql数据库
这一篇介绍SpringBoot连接MySql数据库,需要springboot实战完整视频教程的,点击这里!SpringBoot可以大大简化持久化任务,几乎不需要写SQL语句,在之前章节“SpringBoot构建框架”中我们新建了一个SpringBoot应用程序,本章在原有的工程中与数据库建立连接。SpringBoot有两种方法与数据库建立连接,一种是使用JdbcTemplate,另一种集成Mybatis,下面分别为大家介绍一下如何集成和使用这两种方式。1.使用JdbcTemplate
Node v9.4.0 (Current) 发布,可以从任何目录配置
Nodev9.4.0(Current)发布了,Node.js是一个基于ChromeV8引擎的JavaScript运行时。Node.js使用高效、轻量级的事件驱动、非阻塞I/O模型。更新内容:async_hooks:deprecateAsyncHooksSensitiveAPIandrunInAsyncIdScope.NeitherAPIweredocumented.(AndreasMadsen)#16972deps:updatenghttp2to1.29.0(JamesMSnell)#17908upgradenpmto5.6.0(KatMarchán)#17535cherry-pick50f7455fromupstreamV8(MichaëlZasso)#16591events:removereachesinto_eventsinternals(AnatoliPapirovski)#17440http:addra
基于node下的http小爬虫
每时每刻不管你睡了还是没睡,互联网都会有海量的数据来来往往,有客服端到服务端,有服务端到服务端。http的get和request完成的角色即为数据的获取及提交,接下来我们动手写一个简单的小爬虫来爬爬菜鸟教程中关于node的章节的课程界面。爬取Node.js教程首页的所有数据建立node-http.js,其中代码如下,代码中有详细的的注释,自行理解了哈varhttp=require('http');//获取http模块varurl='http://www.runoob.com/nodejs/nodejs-tutorial.html';//定义node官网地址变量http.get(url,function(res){varhtml='';//这里将会触发data事件,不断触发不断跟新html直至完毕res.on('data',function(data){html+=data})//当数据获取完成将会触发end事件,这里将会打印初node官网的htmlres.on('end',function(){console.log(htm