使用Identity Server 4建立Authorization Server (6) - js(angular5) 客户端
预备知识:http://www.cnblogs.com/cgzl/p/7746496.html第一部分:http://www.cnblogs.com/cgzl/p/7780559.html第二部分:http://www.cnblogs.com/cgzl/p/7788636.html第三部分:http://www.cnblogs.com/cgzl/p/7793241.html第四部分:http://www.cnblogs.com/cgzl/p/7795121.html第五部分:http://www.cnblogs.com/cgzl/p/7799567.html由于手头目前用项目,所以与前几篇文章不同,这次要讲的js客户端这部分是通过我刚刚开发的真是项目的代码来讲解的.这是后端的代码:https://github.com/solenovex/asp.net-core-2.0-web-api-boilerplate这里面有几个dbcontext,需要分别对IdentityServer和Sales.D
JavaScript设计模式系列四之外观模式(附案例源码)
JavaScript设计模式系列github地址深入系列文章部分是有先后顺序的，按照目录结构顺序阅读效果最好。勘误及提问如果有疑问或者发现错误，可以在相应的issues进行提问或勘误。外观模式概念:为一组复杂的子系统接口提供一个更高级的统一接口,通过这个接口使得对子系统接口的访问更容易外观模式又被称作为门面模式案例体现有一个需求,要为document元素绑定一个点击事件,这时候我们就需要考虑到浏览器的兼容性问题,但是每次绑定事件都要去判断一些浏览器兼容,显然不是很合理,这时候我们就要用到外观模式了,封装一个统一的绑定事件方法,然后在这个方法里面去做浏览器兼容性的处理,统一暴露一个对外绑定事件的方法,这就是我们所说的外观模式了代码体现//外观模式实现functionaddEvent(dom,type,fn){//对于支持dom2级事件处理程序addEventListener方法的浏览器if(dom.addEventListener){dom.addEventListener(ty
primeNG组件库在Angular2上的使用
其中Location是项目将要保存的问题，Nodeinterpreter是node.js安装的位置，AngularCLI:是angularCLI安装的位置，我安装在全局global路径下。一般第一项需要指定路径之外，其余不需要改变。然后点击create就可以。2、生成的文件如下：angular-cli.json：angular-cli的配置文件，测试配置文件：karma.conf.js，typescript的lin：t配置文件，端到端的测试配置文件：protractor.conf.js，导入es6模块的配置文件：polyfills.ts，angular工程的main.ts引导启动文件，全局样式style.css，typescript配置文件：ts.config.json;typescript的声明文件：typings.d.ts,angular组建app.components相关的css，html，ts。3、当需要创建新的组件的时候可直接在点击一的app文件夹，直接可新建一个组件，并且会
小程序基于疼讯qcloud的nodejs开发服务器部署
腾讯,疼讯,很疼.请慎重看腾讯给出的文档,最好做一个笔记.我只能说我能力有限,在腾讯云小程序的文档中跳了n天.最后还是觉得记录下来,以防止我的cpu过载给烧了.此文档是对<小程序解决方案开通指引>https://cloud.tencent.com/document/product/619/11447的有力补充写作时间为2017年11月25日10:30.参考时请注意时效.第一步,疼讯文档之乱[非正文,吐个槽]我在这里记录,初入门者慎入,直接进入第二步即可.鄙视腾讯的^C^Ver们,借助github那是一个疯狂呀.新文档里面套旧文档的链接.代码库地址链接到文档地址.看的我是各种懵逼.具体内容请查看我博客中"小程序,疼讯腾讯的文档之乱".第二步,通过小程序的微信公众平台启用腾讯云开发参考:https://cloud.tencent.com/document/product/619/11447有修改.打开微信小程序管理后台https://mp.weix
vue初级知识总结
从我第一篇博客的搭建环境开始，就开始学习vue了，一直想将这些基本知识点整理出来，但是一直不知如何下手，今天刚好实战了两个小demo,所以就想趁这机会将以前的一起整理出来，这是vue最基础的知识，我有附加代码，方便阅读与学习，近期还会更新我实战的两个demo,我保证我不会拖太久的。相信我啦~一、初始化vue项目相信大家对vue项目的初始化已经很熟练了，vue的官网有给出安装的步骤，如果你的电脑上已经安有node,webpack和淘宝镜像，那么你只需按官网的安装步骤进行项目的安装即可。如果你的电脑尚未安装以上工具，那建议你看下我的第一篇博客，里面有详细的介绍呢。二、vue的结构及生命周期1、vue结构app.vue是vue组件树上的最顶层index.html是页面，vue的所有组件都会通过main.js挂载到html上才会显示main.js中会引入需要的依赖index.html|--->main.js通过一个vue实例（el:"#app",此处的#app是连接index.html中的id）将所
函数声明、函数表达式、匿名函数、立即执行函数详解
函数声明、函数表达式、匿名函数、立即执行函数详解定义函数的方式有三种：1.函数声明：function函数名称（参数：可选）{函数体}2.函数表达式：varexpress=function函数名称：可选（参数：可选）{函数体}3.构造函数：varfun=newFunction(参数：可选);最常用的是函数声明和函数表达式。一：函数声明从上面的定义可以看出，函数声明是以关键字function开头声明一个函数，然后必须具备一个函数名称。函数声明有一个非常重要的特征：函数声明提升，javascript引擎在解析代码时，函数声明将会被提升到当前作用域的顶部（跟变量提升非常类似）。正是因为这个特征，所以可以把函数声明放在调用它的语句后面。如下例：foo("hello");//输出hellofunctionfoo(name){console.log(name);}二：函数表达式从上面的定义可以看出，函
VNote 1.10之片段 (Snippet)
1.VNote1.10之Snippet片段VNote1.10版本发布啦！1.10包含了很多重要的更新，带来了几个非常方便的功能。今天给大家介绍一下片段(Snippet)功能。1.1.什么是片段在我们写笔记的过程中，往往需要重复输入很多信息，特别是Markdown这种标记语言。例如针对C++高亮的代码块、插入一个颜色标记或者一个HTML注释等等。片段就是为了方便这种重复输入而设计的。
Handler 消息机制
Handler消息机制是由MessageMessageQueueHandlerLooper共同完成的。Handler消息机制是用于在同一个进程中的多个线程之间进行通信的。由于工作线程与主线程共享地址空间，即Handler实例对象mHandler位于线程间共享的内存堆上，所以工作线程与主线程都能直接使用该对象，只需要注意多线程的同步问题。工作线程通过mHandler向其成员变量MessageQueue中添加新Message，主线程一直处于loop()方法中，当收到新的Message时按照一定规则分发给相应的handleMessage()方法来处理。所以说，Handler消息机制用于同进程的线程间通信的核心是线程间共享内存空间，而不同进程拥有不同的地址空间，也就不能用Handler来实现进程间通信。既然是用来通信的消息机制，那用什么来通信呢？当然是Message，下面就先介绍一下Message。MessageMessage默认提供了两个int属性和一个object属性，能够满
Spring Cloud Bus整合Kafka
Kafka是由LinkedIn开发并开源的分布式消息系统,因其分布式及高吞吐率而被广泛使用,现已与ClouderaHadoop,ApacheStorm,ApacheSpark集成，具备许多优秀的性能：高吞吐、分布式、跨平台、实时性以及伸缩性，本文我们就来看看如何将SpringCloudBus和Kafka进行整合。本文是SpringCloud系列的第二十八篇文章，了解前二十七篇文章内容有助于更好的理解本文：1.使用SpringCloud搭建服务注册中心2.使用SpringCloud搭建高可用服务注册中心3.SpringCloud中服务的发现与消费4.Eureka中的核心概念5.什么是客户端负载均衡6.SpringRestTemplate中几种常见的请求方式7.RestTemplate的逆袭之路，从发送请求到负载均衡8.SpringCloud中负载均衡器概览9.SpringCloud中的负载均衡策略10.SpringCloud中的断路器Hystrix11.
35岁以后继续编程，你准备好了吗？
今年经常看到很多媒体报道华为开始集中清理34岁以上的交付工程维护人员，而研发则是开始集中清退40岁以上的老员工，尤其是程序员。而笔者身边就有很多的已经超过30岁快进入35岁的程序员朋友，有的时候和他们吃饭聊天，隐隐约约感觉他们也有这种焦虑情绪，其实不仅仅是像华为这种IT通信行业，其他的行业，像空姐，空少，模特等行业其实从业人员也有类似的焦虑情绪。因为笔者身边的很多朋友都从事的IT软件行业，笔者就和大家捞到讨论一下程序员35岁后该何去何从的话题。总所周知，技术日益月异，前5年还是移动应用大行其道，前3年已经是大数据，近2年就变成了区块链和人工智能，企业的竞争压力非常的大，认为年龄超过35岁的技术人员，身体体力和精力大不如从起，禁不起互联网行业的996（早9点晚9点，一个礼拜上6天班）的上班模式，而且要求的待遇期望也很高，所以很多企业宁可招收更年轻的技术人员，也不想招收超过35岁的技术人员，而且很多的朋友打心理也非常认同这个理念，所以很多的程序员在30岁的时候，就慢慢的转向了管理岗位，甚至笔者还接触过工作1~2年的小伙子就想转管理。孰
美团点评开源 MySQL 极速闪回工具 MyFlash
MyFlash是由美团点评公司技术工程部开发维护且内部使用的一个回滚DML操作的工具，旨在方便且高效地进行数据恢复，已于近日宣布开源。该工具通过解析v4版本的binlog，完成回滚操作。相对已有的回滚工具，其增加了更多的过滤选项，让回滚更加容易。开发团队也在其博客上将MyFlash与市面上现有的闪回工具进行了对比。目前市面上已有的恢复工具，从实现角度把可划分成如下几类。①mysqlbinlog工具配合sed、awk。该方式先将binlog解析成类SQL的文本，然后使用sed、awk把类SQL文本转换成真正的SQL。优点：当SQL中字段类型比较简单时，可以快速生成需要的SQL，且编程门槛也比较低。缺点：当SQL中字段类型比较复杂时，尤其是字段中的文本包含HTML代码，用awk、sed等工具时，就需要考虑极其复杂的转义等情况，出错概率很大。②给数据库源码打patch。该方式扩展了mysqlbinlog的功能，增加Flashback选项。优点：复
MySql的虚拟机和Xshell5的连接过程
给大家介绍一下虚拟机和Xshell5连接的基本配置1.安装虚拟机,跟着提示一步一步安装即可,注意添加镜像文件,虚拟机就完成了.2.下载一个Xshell5,安装好之后.要修改虚拟机的网卡状态1).编辑ifcfg-eth0,#vi/etc/sysconfig/network-scripts/ifcfg-eth02).点一下i,出现--inner--,修改ONBOOT=YES,Esc退出编辑,:wq命令保存退出.3).输入servicenetworkrestart;4).在虚拟机上输入命令ipa,找到ip(一般情况下是2的第一个ip),连接Xshell5.3.在文件中新建,输入刚才的IP,在点击用户身份验证,确定点连接即可.4.打开Xshell51).servicemysqldstart;2)./usr/local/mysql/bin/mysql-uroot-p进入mysql,输入密码第二次在进入的时候:打开虚拟机,输入用户名和密码打开Xshell1).servicemysqld
滴滴开源基于 Vue.js 的移动端组件库 cube-ui
继6月份开源Android端插件化框架VirtualAPK后，滴滴近日又开源了第二个项目——基于Vue.js实现的移动端组件库cube-ui。cube-ui由滴滴内部组件库精炼而生，旨在让移动端开发更容易，让开发人员更专注于业务逻辑的开发，提升研发效率。具备以下特性：质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的考验，并且每个组件都有充分单元测试，为后续集成提供保障。体验极致以迅速响应、动画流畅、接近原生为目标，在交互体验方面追求极致。标准规范遵循统一的设计交互标准，高度还原设计效果；接口标准化，统一规范使用方式，开发更加简单高效。扩展性强支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。cube-ui目前包含以下组件：基础Button按钮Checkbox复选框CheckboxGroup复选框组Loading加载中Tip提示
Angular.js 1.6.7 发布，Web 前端框架
本站文章除注明转载外，均为本站原创或编译。欢迎任何形式的转载，但请务必注明出处，尊重他人劳动共创开源社区。转载请注明：文章转载自开源中国社区[http://www.oschina.net]本文标题：Angular.js1.6.7发布，Web前端框架本文地址：https://www.oschina.net/news/90885/angularjs-1-6-7
爬虫课程（十三）｜ajax分析法（雪球），通过获取api并破解api的反爬策略爬取数据
说明：本文是接着上一篇微博的ajax分析法进一步说明一种特殊情况，下一篇文章会按照计划完善微博爬虫。我们在上一篇文章爬虫课程（十二）｜ajax分析法（微博）：通过获取api爬取新浪微博内容数据实战中通过分析获取ajax方式请求的api，通过这个api我们可以直接拿到返回的json数据。那么是不是分析出api就可以很轻易地获取到我们想要的数据呢？一、分析获取雪球文章内容的api首先我们依然打开chrome的开发者工具，点击network的标签，选择XHR。如下图：
9款大气实用的HTML5/CSS3注册登录表单
注册和登录基本上是每一个网站都会有的功能，那么如何让用户在注册和登录这个环节上有更好的用户体验呢？随着现代浏览器的发展，我们就可以用HTML5和CSS3来制作炫酷的注册登录表单，下面我们收集了9款大气实用的HTML5/CSS3注册登录表单，希望你会喜欢。1、HTML5/CSS3仿Facebook登录表单利用CSS3制作的登录表单的确很漂亮，我们在html5tricks网站上也分享过几款了，比如CSS3密码强度验证表单可以显示密码的强度，这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单，无论从外观还是功能上说，这款登录表单还是挺接近Facebook登录表单的。在线演示/源码下载2、纯CSS3发光登录表单我们见过很多CSS3表单，制作都非常精美，今天介绍的这款CSS3表单不但外观华丽，而且伴有颜色发光动画。当鼠标激活表单时，表单周围就会出现颜色渐变的发光动画，配合黑色的背景，整个CSS3表单显得格外亮丽。更重要的是，这个CSS3发光表单基本用CSS3实现，很少的JS代码，在CSS3引擎上
一次 H5 「保存页面为图片」 的踩坑之旅
最近丁香医生的产品大佬又双叒叕搞事情，想要在H5中做一个医生邀请提问的功能，可以将医生的二维码名片分享出去，支持移动、PC和微信。之前的图片是由后端生成的，并且会缓存三天，导致信息更新不及时。由前端来做就能避免这些问题。我一听，这好说，不就是个保存图片的功能么，简单看看需求：完善卡片信息，分享出去时候信息更加立体编辑个人资料入口保存图片入口可解决医生名片缓存时间问题长下面这样⬇
基于已有的省份城市数据接口做Android省市联动选择
省份城市选择估计每个入门的android码农都做过，而且Gayhub上的相关组件琳琅满目搞得大家目不暇接，那么究竟哪个最好用呢，这个我也不知道，只能说大家看项目需求。都不能满足的话只能自己撸一个了，不过我也不是轮子哥，本着站(shen)在巨(shou)人肩上(dang)的原则，这里我用的是AndroidPicker。AndroidPickerhttps://github.com/gzu-liyujiang/AndroidPicker然而这个东西可不仅仅是用来做省市地区联动选择用的，还能做文件选择，以及日期选择器、时间选择器、单项选择器、双项选择器、城市地址选择器、车牌号选择器、数字选择器、星座选择器、生肖选择器、颜色选择器、文件选择器、目录选择器等，可自定义顶部及底部界面，可自定义窗口动画...而且估计很多人已经都用过了，用法很简单：//创建AddressPicker实例AddressPickeraddressPicker=newAddressPicker(当前Activity,所有省份城市集合);//
大数据架构师必看：常见的七种
如果你的hadoop项目将有新的突破，那么它必定与下边介绍的七种常见项目很相像。有一句古老的格言是这样说的，如果你向某人提供你的全部支持和金融支持去做一些不同的和创新的事情，他们最终却会做别人正在做的事情。如比较火爆的Hadoop、Spark和Storm，每个人都认为他们正在做一些与这些新的大数据技术相关的事情，但它不需要很长的时间遇到相同的模式。具体的实施可能有所不同，但根据我的经验，它们是最常见的七种项目。项目一：数据整合称之为“企业级数据中心”或“数据湖”，这个想法是你有不同的数据源，你想对它们进行数据分析。这类项目包括从所有来源获得数据源(实时或批处理)并且把它们存储在hadoop中。有时，这是成为一个“数据驱动的公司”的第一步;有时，或许你仅仅需要一份漂亮的报告。“企业级数据中心”通常由HDFS文件系统和HIVE或IMPALA中的表组成。未来，HBase和Phoenix在大数据整合方面将大展拳脚，打开一个新的局面，创建出全新的数据美丽新世界。销售人员喜欢说“读模式”，但事实上，要取得成功，你必须清楚的了解自己的用例将是什
下一个计划，.NET/.NET Core应用性能管理系统
下一个计划:.NET/.NETCore应用性能管理前言最近几个月一直在研究开源的APM和监控方案，并对比使用了Zipkin,CAT,Sky-walking,PinPoint(仅对比,未实际部署),ElasticAPM,TICKStack,Prometheus等开源产品，其中不乏功能强大的监控和追踪系统，但它们都对.NET/.NETCore没有支持或支持不够完备。而在.NET/.NETCore平台也仅有Metrics.NET,AppMetrics,MiniProfiler等轻量级监控组件，它们也都和功能完备的APM系统差距甚远，也无法完全满足对当前流行的微服务系统进行全链路追踪和端对端监控的需求。为了满足实际的监控需求以及自身对APM系统的研究刨析，我决定从零开发.NET/.NETCore的APM，它应该包含Http请求监控应用健康检查方法执行监控应用内数据库访问监控应用内缓存访问监控（Redis）CLR/CoreCLRRuntime/GC/Threading监控请求链路监控分布式追踪为了实现如上需求，我创建了AspectCo