Material04 MdListModule模块
import{NgModule}from'@angular/core';import{CommonModule}from'@angular/common';import{MdSidenavModule,MdToolbarModule,MdIconModule,MdButtonModule,MdIconRegistry,MdCardModule,MdInputModule,MdListModule}from'@angular/material';import{HttpModule}from'@angular/http';@NgModule({imports:[CommonModule,HttpModule,MdSidenavModule,MdToolbarModule,MdIconModule,MdButtonModule,MdCardModule,MdInputModule,MdListModule],declarations:[],exports:[CommonModule,MdSidenavModul
JavaScript30秒， 从入门到放弃
，特别有意思，代码也很优雅。能学es6自己翻译，能学英语代码很美，很优雅，美即正义函数式表达，享受arrayGcdCalculatesthegreatestcommondenominator(gcd)ofanarrayofnumbers.UseArray.reduce()andthegcdformula(usesrecursion)tocalculatethegreatestcommondenominatorofanarrayofnumbers.constarrayGcd=arr=>{constgcd=(x,y)=>!y?x:gcd(y,x%y);returnarr.reduce((a,b)=>gcd(a,b));}//arrayGcd([1,2,3,4,5])->1//arrayGcd([4,8,12])->4计算数组的最大公约数。使用Array.reduce()和gcd公式(使
ajax初探--实现简单实时验证
学习技术最好的方式就是在做中学，做一个小demo来对前端输入进行实时验证。利用ajax技术和Sevlet技术来实现，使用原生的js。源码可访问，我的Github什么是ajaxAjax即“AsynchronousJavascriptAndXML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。Ajax是一种用于创建快速动态网页的技术。Ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。这是百度对它的定义，足够详细。值得补充的一点是对异步的理解，异步是相对于同步来说的，在这里他们指的是服务器和浏览器的交互模式。同步，每次请求发出之后，用户操作即被阻塞，必须要求返回响应后继续操作。而异步指的是
webpack+babel项目在IE下报Promise未定义错误引出的思考
webpack+babel项目在IE下报Promise未定义错误引出的思考低版本浏览器引起的问题最近开发一个基于webpack+babel+react的项目，一般本地是在chrome浏览上面开发，chrome浏览器开发因为支持大部分新的js特性，所以一般不怎么需要polyfill，比如Promise，string实例的includes方法等。即使在低版本浏览器中，通过babel-runtime的polyfill也是可以转换的，但是事不竟然，项目在IE9浏览器上报错，错误如下截图：很明显，项目中使用了Promise，但是IE9又不支持该新特性，所以导致报错。那么，问题来了，babel-runtime不是会自动polyfill项目中的Promise功能么，为啥没有呢？下面就来一探究竟。babel-runtime真的帮我们转换了么按照babel官网的介绍，babel-runtime跟babel-polyfill一样，都是对不支持的新功能进行polyfill，只是：babel-runtime:他不会污染全局环境，会在局部进行po
前端工具考 - ESLint 篇
C语言诞生之初，程序员编写的代码风格各异，在移植时会出现一些因为不严谨的代码段导致无法被编译器执行的问题。于是在1979年，一款叫lint[1]的程序被开发出来，能够通过扫描源代码检测潜在的错误。此后lint的功能不断完善，类似的工具相继出现。不仅可以检测代码中的潜在Bug，还能做一些类型检查。JavaScript为什么需要lint起初JavaScript被开发出来的目的只是用在Web页面里实现一些简单的交互（例如表单提交）。随着互联网发展，网站需要展示的内容更加丰富，交互也变得复杂，前端项目也越来越庞大；2009年，NodeJS的诞生使得JavaScript可以跑在服务端，更是让其地位更加突出。在2017年GitHub开发语言排行榜中，JavaScript毫无疑问排在第一位。[2]
[译]使用 CSS Grid：以兼容不支持栅格化布局的浏览器
摘要当使用任何CSS的新特性的时候，浏览器的兼容问题都必须去解决。与Flexbox和CSSGrid一样，在使用CSS新特性布局时，兼容性比性能增强更值得考虑。在这篇文章中，我将探索现今处理浏览器兼容问题的方法。为了让我们现在就用上CSS的新特性，我们可以做出哪些努力，仍然给那些不支持新特性的浏览器提供很好的体验？我们说的支持是什么？在阐明如何在去支持那些本身不支持网格的浏览器之前，很有必要搞明白支持的含义。支持也许是站点必须在列表中的浏览器上看起来完全相同。这可能意味着对于所有的浏览器，你都可以不用去做一些收尾工作。这可能意味着你在测试这些浏览器的时候对他们能获得一致的体验而感到十分高兴。一个相关的问题就是**你怎么确定要支持的浏览器列表？**即使是一个全新的网站，也不应该拍脑袋就定了。对于今天的大多数的企业都曾经创建过网站。你可能有一些分析工具用于查看网站支持的浏览器，但是要注意这些工具不会检测对移动端的支持情况。如果在较小屏幕上表现不佳，人们便不会在手机上访问这个网站！如果没有任何的分析工具，
C# 获得设备usb信息
本文告诉大家如何获得设备的usb来进行判断是否有哪些usb和找不到usb可能是什么。需要在项目右击引用，点击程序集，搜索System.Management然后安装他然后使用下面的代码就可以获得设备的usb请看代码staticList<(stringDeviceID,stringPNPDeviceID,stringDescription)>GetUSBDevices(){List<(stringDeviceID,stringPNPDeviceID,stringDescription)>devices=newList<(string,string,string)>();ManagementObjectCollectioncollection;using(varsearcher=newManagementObjectSearcher(@"Select*FromWin32_USBHub")){collection=searcher.Get();}foreach(vardev
代码段
本文主要：如何制作VisualStudio代码段，代码段作用，和如何使用。我们有时候会打出很多重复的代码，只是结构一样。例如属性///
使用.Net Core+EF7 CodeFirst（2）
上一篇的话，说了下怎么使用EF7实现CodeFirst去生成数据库，其实还有好多问题的，这次一点一点的解决吧，都挺简单，不过零零散散的，，1.读取配置文件，获得链接字符串2.使用数据库进行增删查改3.实体类更新后，数据库也更新一、读取配置文件，获得链接字符串上一篇我们的链接字符串是这样写的直接写在程序里面是非常非常不好的行为，所以我很简单粗暴的丢到appsettings.json这个配置文件里面去了，，1{2"Logging":{3"IncludeScopes":true,4"LogLevel":{5"Default":"Warning"6}7},8"ConStr":"server=.;Database=DBCodeFirst;uid=sa;pwd=12346"9}接下来，要愁的是怎么把配置读出来，而且，既然是配置文件，肯定整个项目都要用上，肯定是要封装起来的，网上也找了很多啊，各种各样的，有些大佬还可以直接读取成一个对象，
.NET Core 已经实现了PHP JIT，现在PHP是.NET上的一门开发语言
12月23日，由开源中国联合中国电子技术标准化研究院主办的2017源创会年终盛典在北京万豪酒店顺利举行。在本次大会上，链家集团技术副总裁、PHP开发组核心成员鸟哥发表了以“PHPNext:JIT”为主题的演讲，分享了PHP的下一个性能提升的主要举措：JIT的进展,以及下一个大版本的PHP可能的特性。具体内容请看：https://mp.weixin.qq.com/s/bYZLJgKtdRwSX40Xixc5Yw，这里PHPNext目前正在开发当中，由Zend的DmitryStogov主导,但实际版本号尚未定义,我暂且把它叫做PHP8.关键功能JIT（Just-In-Time）编译，是一种将代码转换为另一种字节码（比如运行它的机器CPU的本地代码）的技术。JIT可以使程序运行更快。JIT可以对现有代码提供很大的性能改进，但在某些情况下，你可能会注意到速度提高只有几个百分点，在最坏的情况下，它甚至可能会变慢，因为编译不会生成更快的代码。我看到这篇文章内容就想起了.NET平台上的开源项目P
VDL：唯品会强一致、高可用、高性能分布式日志存储介绍（产品篇）
“Youcan'tfullyunderstanddatabases,NoSQLstores,keyvaluestores,replication,paxos,hadoop,versioncontrol,oralmostanysoftwaresystemwithoutunderstandinglogs。”--《TheLog:Whateverysoftwareengineershouldknowaboutreal-timedata'sunifyingabstraction》VDL是VIPDistributedLog的缩写，是唯品会自研的基于Raft协议的新一代分布式Log存储系统。这里的Log不是指glog或者log4j等日志库记录的应用程序日志，可以简单地把Log理解成广义的Data，和Database中的Data本质上是一样的，无非是VDL存储的Data数据Schema-less的，业务和用户可以灵活自解析，而Database中的Data通常和直接或间接和Schema
打在网上的每个字，都在泄露你的身份
本文来自果壳网，地址在这里，编译自Writeyourselfinvisible，原作者为MikeErard，译者为红猪他是天才、资产过十亿、不愿面对镜头：这些是我们对比特币的创始人中本聪（SatoshiNakamoto）略微知道的几件事——但我们依然不知道中本聪到底是男是女，又或者到底是不是人。中本聪在金融界制造了一场振荡，但是自2011年起他就不再露面了，许多人想要追查这个名字背后的真人，可是谁也没有确切的证据。最近又有人称，这个世界上最隐秘的富豪终于被揭开了面纱，这都是因为他的写作风格。2014年，在司法语言学家杰克·格里夫（JackGrieve）的带领下，英国阿斯顿大学的一组学生分析了中本聪在2008年发表的一篇关于比特币的学术论文。他们统计了诸如“仍然”（still）、“只有”（only）之类不起眼的小词出现的频率，并分析了文中的标点模式，比如在“和”（and）和“并”（but）之前的逗号使用，从而发现了揭开作者身份的线索。他们指出，这篇论文的笔触符合密码货币领域的博学大师尼克·绍博（NickSzabo）的风格。
大家一直在谈的领域驱动设计（DDD），我们在互联网业务系统是这么实践的
点击上方蓝字订阅，不错过下一篇好文章前言至少30年以前，一些软件设计人员就已经意识到领域建模和设计的重要性，并形成一种思潮，EricEvans将其定义为领域驱动设计（Domain-DrivenDesign，简称DDD）。在互联网开发“小步快跑，迭代试错”的大环境下，DDD似乎是一种比较“古老而缓慢”的思想。然而，由于互联网公司也逐渐深入实体经济，业务日益复杂，我们在开发中也越来越多地遇到传统行业软件开发中所面临的问题。本文就先来讲一下这些问题，然后再尝试在实践中用DDD的思想来解决这些问题。问题过度耦合业务初期，我们的功能大都非常简单，普通的CRUD就能满足，此时系统是清晰的。随着迭代的不断演化，业务逻辑变得越来越复杂，我们的系统也越来越冗杂。模块彼此关联，谁都很难说清模块的具体功能意图是啥。修改一个功能时，往往光回溯该功能需要的修改点就需要很长时间，更别提修改带来的不可预知的影响面。下图是一个常见的系统耦合病例。订单服务接口中提供了查询、创建订单相关的接口，也提供了订单评价、支付、保险的接口。同时我们的表也是
MySQL 索引管理与执行计划
1.1索引的介绍索引是对数据库表中一列或多列的值进行排序的一种结构，使用索引可快速访问数据库表中的特定信息。如果想按特定职员的姓来查找他或她，则与在表中搜索所有的行相比，索引有助于更快地获取信息。索引的一个主要目的就是加快检索表中数据的方法，亦即能协助信息搜索者尽快的找到符合限制条件的记录ID的辅助数据结构。1.1.1唯一索引唯一索引是不允许其中任何两行具有相同索引值的索引。当现有数据中存在重复的键值时，大多数数据库不允许将新创建的唯一索引与表一起保存。数据库还可能防止添加将在表中创建重复键值的新数据。例如，如果在employee表中职员的姓(lname)上创建了唯一索引，则任何两个员工都不能同姓。1.1.2主键索引数据库表经常有一列或多列组合，其值唯一标识表中的每一行。该列称为表的主键。在数据库关系图中为表定义主键将自动创建主键索引，主键索引是唯一索引的特定类型。该索引要求主键中的每个值都唯一。当在查询中使用主键索引时，它还允许对数据的快速访问。1.1.3聚集索引在聚集索引中，表中行的物理顺序与键值的逻辑（索
Webpack实战-构建 Electron 应用
Electron可以让你使用开发Web的技术去开发跨平台的桌面端应用，由Github主导和开源，大家熟悉的Atom和VSCode编辑器就是使用Electron开发的。Electron是Node.js和Chromium浏览器的结合体，用Chromium浏览器显示出的Web页面作为应用的GUI，通过Node.js去和操作系统交互。当你在Electron应用中的一个窗口操作时，实际上是在操作一个网页。当你的操作需要通过操作系统去完成时，网页会通过Node.js去和操作系统交互。采用这种方式开发桌面端应用的优点有：降低开发门槛，只需掌握网页开发技术和Node.js即可，大量的Web开发技术和现成库可以复用于Electron；由于Chromium浏览器和Node.js都是跨平台的，Electron能做到写一份代码在不同的操作系统运行。在运行Electron应用时，会从启动一个主进程开始。主进程的启动是通过Node.js去执行一个入口JavaScript文件
Java版WebSocket 实现消息推送
#websocket是什么?WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信，允许服务器主动发送信息给客户端。##用途实时Web应用的解决方案，实现Web的实时通信。说的再直白点，html的消息推送。假如你有一个页面，数据不定期更改，通常的做法就是轮询，客户端不停地向服务器请求最新的数据。当有了websocket，数据变动时让服务器通知客户端，启不是很美妙？##请求示例(1)默认端口是80和443(ssl)。(2)协议标识符是ws和ws(ssl)。(3)请求报文示例General--------------------------------------------RequestURL:ws://localhost:8080/j2ee-websocket/websocket/1RequestMethod:GETStatusCode:101SwitchingProtocols------------------
inMap — 基于 Canvas 的大数据可视化库
inMap是TalkingData可视化团队开源的一款基于canvas的大数据可视化库，专注于大数据方向点、线、面的可视化效果展示。目前支持散点、围栏、热力、网格、聚合等方式；致力于让大数据可视化变得简单易用。特性高性能多线程多图层叠加友好的API可以自定义主题安装使用npm$npminstallinmap--save或使用
Asp.NET Core+ABP框架+IdentityServer4+MySQL+Ext JS之添加实体
在ABP框架中，实体类是在Core项目中定义的。根据模版提供的Core项目，可以看到，实体类都是根据功能划分到不同的文件夹的。在这里，我们可以将SimpleCMS都放到CMS文件夹内，也可以单独方在独立的文件夹内。在本练习将使用独立文件夹的方式。要定义实体，可以从Entity、Entity
喜大普奔，.NET 开源三周年了
3年前，微软宣布开源.NET框架的大部分内容。正如ScottHanselman在Connect2016主题演讲中所说的那样，微软一直在做重大贡献：开源.NET框架并不总是一帆风顺的，可以肯定的说，总是会遇到一些困难。在过去的三年中，发生了一些值得注意的事：三星开发者已经为CoreCLR源代码作出了重大贡献，用以支持Tizen操作系统微软真的一直支持开源，你可以看它在GitHub上发布源代码的频率.NETCore和Mono之间已经有了更深层次的整合.NETCore的性能得到了显着提升.NETCore和.NETDesktop现在已经有了很大的分歧（尽管它们仍然共享代码，比如JIT，GC）微软已经做出了一致努力，确保所有的开源代码都可以使用其他开源代码来构建已经开始开发本地GC，目的是“运行其余部分分离的GC”.NET将最终实现分层编译数据库活动随着时间的推移变化，在数据上，首先我们要看每个repo的活动水平：。社区/微软的总体参与情况：很明
开发一个博客园系统
开发一个博客园系统最近在学django框架，准备用django写一个博客园的系统，并且在写的过程中也遇到一些问题，实践出真知，对django开发web应用方面也有了进一步的了解。很多操作实现都是以我所认知的技术完成的，可能存在不合理的地方（毕竟实现的方法多种多样），基本完成后会将源码上传到git，也欢迎各位大神指正。首先，要写未登录主站（index）。这里需要注意文章的分类：文章的分类切换，网站本身有定义的文章类型：type_choices=[(1,"Python"),(2,"Linux"),(3,"OpenStack"),(4,"GoLang"),]要实现主页的分类（分类标签样式要突出）需要使用一个前端与后端都有的id来显示分类。ifrequest.method=='GET':type_id=int(kwargs.get('type_id'))ifkwargs.get('type_id')elseNone#后台都是get传参iftype_id:article_list=models.Artic