vue-meta让你更优雅的管理头部标签
在VueSPA应用中，如果想要修改HTML的头部标签，或许，你会在代码里，直接这么做://改下titledocument.title='what?'//引入一段scriptlets=document.createElement('script')s.setAttribute('src','./vconsole.js')document.head.appendChild(s)//修改meta信息，或者给html标签添加属性...//此处省略一大坨代码...今天给大家介绍一种更优雅的方式，去管理头部标签vue-metavue-meta介绍ManagepagemetainfoinVue2.0components.SSR+Streamingsupported.Inspiredbyreact-helmet.借用vue-metagithub上的介绍，基于Vue2.0的vue-meta插件，主要用于管理HMTL头部标签，同时也支持SSR。vue-meta有以下特点：
jspm & SystemJS 教程
最初在jQuery站点上，文档可能是这样写的：下载jquery.min.js文件保存到js目录在HTML文件中使用script标签引用jquery因为jQuery不依赖其它库，所以相对来说，上面的操作还算简单。但如果碰上有依赖关系的，比如Bootstrap依赖于jQuery，我们可能就需要分开下载Bootstrap与jQuery。好在这一类第三方库通常都在下载文件中打包好依赖了。但这样又有一个问题，如果另一个库也同样打包一个jQuery，并且版本与Bootstrap里打包的不一致呢。可以想像，这样的情况并不少见，我们的开发目录最终容易失控–添加包很容易，删除就难了。另外，手工来做这件事，效率太低。包管理器的意义就在这里。它封装了细节，自动化处理我们的需求。我们只需要提问题，它们提供答案：我要使用jQuery–好，bowerinstalljquery我要使用Bootstrap–好，bowerinstallbootstrap，顺便会把依赖jQuery一起安装了我
理解Event的冒泡模型
本文探索一下Event的冒泡过程和初学遇到的几个小bugDOMEvent概述Event接口是检测在DOM中的发生的所有事件，我们一直在用，而且从DOM的很早的版本就一直在用着。早期的网景(后来的火狐)和IE是各自为战，直到W3C一统江湖，DOM版本一路发展而来，经历了DOM-0(洪荒时代)、DOM-1(只有两章核心内容)、DOM-2(划时代的一个版本，我们学的Event就在这个版本，而且目前的用的也是这个版本)、DOM-3、DOM-4(草案阶段)。通过一个例子唤醒对Event的认识//1、有一个js函数如下functionprint(){console.log(1)}//2、在html的button里面点击触发上面的函数
权限管理模块中动态加载Vue组件
当前后端分离时，权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块，现在权限管理模块已经做完了，我想通过5-6篇文章，来介绍一下项目中遇到的问题以及我的解决方案，希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程，主要介绍了核心思路并讲解了核心代码，完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外，原本计划把项目跑起来放到网上供小伙伴们查看，但是之前买服务器为了省钱，内存只有512M，两个应用跑不起来(已经有一个V部落开源项目在运行)，因此小伙伴们只能将就看一下下面的截图了，GitHub上有部署教程，部署到本地也可以查看完整效果。项目地址：https://github.com/lenve/vhr前面几篇文章，我们已经基本解决了服务端的问题，并封装了前端请求，本文我们主要来聊聊登录以及组件的动态加载。本文是本系列的第五篇，建议先阅读前面的文章有助于更好的理解本文：1.SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问
vue-router基本用法
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>vue-router基本用法</title><linkrel="stylesheet"type="text/css"href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css"><scriptsrc="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script><scriptsrc="https://cdn.jsdeliver.net/vue.router/0.7.10/vue-router.min.js"></script></head><body><div
vue.js 1.0-嵌套路由
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>vue.js1.0-嵌套路由</title><linkrel="stylesheet"type="text/css"href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css"><scriptsrc="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script><scriptsrc="https://cdn.jsdeliver.net/vue.router/0.7.10/vue-router.min.js"></script></head><body><div
菜鸟之旅——认识委托与事件
菜鸟之旅——认识委托与事件这个是我刚入行第一个感兴趣的知识点，翻了翻不知道什么时候记的笔记，觉得有必要把自己学的知识在梳理一遍，有一些点比当时更清晰；在这里，先将一位大牛的博客贴出来，有兴趣的可以去看看，很详细的介绍了委托与事件，读了几遍受益匪浅：C#中的委托和事件C#中的委托和事件(续)本文实例是在VS2013下实现的初识委托刚刚学习委托可能会有些困惑，不知道委托是什么，怎么用，有什么好处，下面我会通过一个简单的场景来进行说明。场景：假设下某人班回到家，依次打开灯，打开热水器，打开电视。我们先定义一个房子：publicclassHouse{publicvoidOpenLight(){Console.WriteLine("打开灯！");}publicvoidOpenHeater(){Console.WriteLine("打开热水器！");}publicvoidOpenTV(){Console.WriteLine("打开电视！");}}将方法当作参数传递下面我们先利用委托来进行执行开灯、开热水器、开电
开源个 基于 Vue 2.0 的 Mobile 组件库 ml-ui
摘要:ml-ui，一套为开发者、设计师和产品经理准备的基于Vue2的移动端组件库网上轮子已经很多了哈，咋也凑个热闹，开源自己的Vue.js的移动端组件库。粗糙了点哈！安装npminstallml-ui-S使用importVuefrom'vue'importMlUifrom'ml-ui'import'ml-ui/styles/index.css'Vue.use(MlUi)目前压缩后为56k大小git地址(https://github.com/zdliuccit/...md文档地址http:www.zdliu.com构建部署环境基于[vue-webpack-config]自己配置的koa2-vue-webpack构建构建技术栈Webpack3Koa2AxiosVue2&vue-routerBabelEs6/7Eslintstyluspostcss有兴趣的同学可以看看，顺便贡献出你们的star哈～秋风会继续改进中。。。扫码预览
有些异常堆栈中真没我们写的源码
有时候会发生一些异常，但异常的堆栈信息中完全找不到我们自己写的源码，这样的异常到底怎么调试！本文基于WPFon.NETFramework4.5文章一开始，先列出几个异常的前几行。System.ComponentModel.Win32Exception(0x80004005):Notenoughquotaisavailabletoprocessthiscommand.System.Runtime.InteropServices.COMException(0x80070008):Notenoughstorageisavailabletoprocessthiscommand.(ExceptionfromHRESULT:0x80070008)System.Runtime.InteropServices.COMException(0x88980411):ExceptionfromHRESULT:0x88980411System.OutOfMemoryException:Ins
WPF：（2）Thread线程样例
源项目地址：https://github.com/Microsoft/...以下是把样例转换为简要说明，同时给出实际运行效果及关键代码：1MultiThreadingWebBrowserprivatevoidBrowse(objectsender,RoutedEventArgse){placeHolder.Source=newUri(newLocation.Text);}privatevoidNewWindowHandler(objectsender,RoutedEventArgse){varnewWindowThread=newThread(ThreadStartingPoint);newWindowThread.SetApartmentState(ApartmentState.STA);newWindowThread.IsBackground=true;newWindowThread.Start();}privatevoidTh
.net的retrofit--WebApiClient库
#库简介WebApiClient是开源在github上的一个httpClient客户端库，内部基于HttpClient开发，是一个只需要定义c#接口(interface)，并打上相关特性，即可异步调用http-api的框架，支持.netframework4.5+、netcoreapp2.0和netstandard2.0。本文将详细地讲解如何使用WebApiClient进行http接口的调用，给.net开发者提供一种有别于传统的http接口调用编程方式。1.设计一个Get请求接口1.1最简单的Get请求publicinterfaceMyWebApi:IDisposable{//GEThttp://www.mywebapi.com/webapi/user?account=laojiu[HttpGet("http://www.mywebapi.com/webapi/user")]ITask
WPF：（3）VisualLayer可视化层样例
源项目地址：https://github.com/Microsoft/...以下是把样例转换为简要说明，同时给出实际运行效果及关键代码：CompositionTargetps：刷新率=总计数/总时间秒数publicMainWindow(){InitializeComponent();//Addaneventhandlertoupdatecanvasbackgroundcolorjustbeforeitisrendered.System.Windows.Media.CompositionTarget.Rendering+=UpdateColor;}//Calledjustbeforeframeisrenderedtoallowcustomdrawing.protectedvoidUpdateColor(objectsender,EventArgse){if(_frameCounter++==0){
DevExpress v17.2新版亮点—WPF篇（七）
用户界面套包DevExpressv17.2终于正式发布，本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExpressWPFv17.2新的HamburgerMenu、SchedulerControl、Dialogs(CTP)、DataGridControl等，快来下载试用新版本！TreeListControlIndent/OutdentNodes您现在可以缩进/超出单独的TreeList节点。层次结构列自定义位置TreeListControl现在可以在任何位置显示层次结构列，不仅限于左侧。其他增强功能支持本地拖放。新的ColumnChooser。能够自动调整内容来控制尺寸：紧凑模式。自动完成表达式编辑器，用于编辑未绑定的列表达式。DOCX导出。新事件允许您动态控制最终用户是否可以选择或取消选择节点/单元。TreeMapControl支持WPF主题DevExpressWPFThemeManager现在可以控制WPFTreeMap控件的外观。WPFExpressionEdito
WPF：（4）样式与模板示例集合
源项目地址：https://github.com/Microsoft/...以下是把样例转换为简要说明，同时给出实际运行效果及关键代码：-AlternatingAppearanceOfItems子项颜色交替变换呈现设置集合视图源记分组属性描述项<local:Placesx:Key="Places"/><!--GrouptheitemsbyState.--><CollectionViewSourceSource="{StaticResourcePlaces}"x:Key="GroupedData"><CollectionViewSource.GroupDescriptions><PropertyGroupDescriptionPropertyName="State"/></CollectionViewSource.GroupDescriptions></CollectionViewSource>
Visual Studio总是在重新生成项目？
你是否曾经有过这种感觉：即使代码没有改变，VisualStudio也总是在重新生成项目？我们可以生成一个项目，然后不做任何处理后再次生成，我们就可以看见——VS正在开始生成项目，而我的项目代码并没有做任何更改。当我们改变了一些代码，VS在Build时会生成新的项目，这是容易理解的。但代码并没有更新的情况下，项目也会重新生成。这个问题着实困扰了我。带着这个疑问，我做了进一步的探索。问题分解我们在这里列出了两个不同的问题：1）即使项目没有改变，VS也会重新生成项目。2）当有些东西发生了变化，VS倾向于生成比需要更多的项目。让我们看看这两个问题的探索结果。即使项目没有改变，VS也会重新生成项目即使项目没有改变，VS也会重新生成项目。我们看看这个问题产生的根源。在我们的解决方案中，转到Tools->Options。选择ProjectsandSolutions->BuildandRun，然后在“MSbuild项目生成输出详细信息”中选择**Diagnostic**。使用中文版的童鞋，请自行转到工具->
使用xUnit为.net core程序进行单元测试(中)
第一部分:http://www.cnblogs.com/cgzl/p/8283610.html下面有一点点内容是重叠的....StringAssert测试string是否相等：[Fact]publicvoidCalculateFullName(){varp=newPatient{FirstName="Nick",LastName="Carter"};Assert.Equal("NickCarter",p.FullName);}然后你需要Build一下，这样VSTestExplorer才能发现新的test。运行测试，结果Pass：同样改一下Patient类（别忘了Build一下），让结果失败：从失败信息可以看到期待值和实际值。StartsWith,EndsWith[Fact]publicvoidCalculateFullNameStartsWithFirstName(){varp=newPatient{FirstName="Nick",LastName="
SQL Server、MySQL、Oracle三种数据库的优缺点比较，这一文够了
一、SQLServer优点：易用性、适合分布式组织的可伸缩性、用于决策支持的数据仓库功能、与许多其他服务器软件紧密关联的集成性、良好的性价比等。为数据管理与分析带来了灵活性，允许单位在快速变化的环境中从容响应，从而获得竞争优势。从数据管理和分析角度看，将原始数据转化为商业智能和充分利用Web带来的机会非常重要。作为一个完备的数据库和数据分析包，SQLServer为快速开发新一代企业级商业应用程序、为企业赢得核心竞争优势打开了胜利之门。作为重要的基准测试可伸缩性和速度奖的记录保持者，SQLServer是一个具备完全Web支持的数据库产品，提供了对可扩展标记语言(XML)的核心支持以及在Internet上和防火墙外进行查询的能力。缺点：开放性：SQLServer只能windows上运行没有丝毫开放性操作系统系统稳定对数据库十分重要Windows9X系列产品偏重于桌面应用NTserver只适合小型企业而且windows平台靠性安全性和伸缩性非常有限象unix样久经考验尤其处理大数据库。伸缩性并行性：SQLserver并行实施和共存
Babel 配置技巧
当下，每个写JavaScript的猿可能都在或多或少地使用Babel。借助Babel，我们可以使用最新的ECMAScript特性，而不用太关注浏览器支持。Babel在背后进行了许多复杂的转换，我们要做的，就是写配置文件，告诉Babel我们想要什么。下面就来看看一些配置技巧吧。在.babelrc中使用JSAllBabelAPIoptionsexceptthecallbacksareallowed(because.babelrcfilesareserializedasJSON5).Babel使用JSON5解析.babelrc，也就是说可以在.babelrc中使用宽松的语法，可以添加注释什么的，不过，真的可以像ESLint的.eslintrc.js直接使用JS配置吗？截止目前的最新版本（Babel6），并不会解析.babelrc.js之类的文件，不过可以变通一下。首先，建一个.babelrc.js文件：
如何在本機執行 ng build 後的結果 ?
AngularCLI雖然可以直接ngserve執行Angular，不過畢竟不是ngbuild--prod的最終結果，你曾懷疑ngbuild--prod後的結果真的能跑嗎?可以先在本機測試ngbuild--prod編譯後的結果嗎?VersionNode.js8.9.3AngularCLI1.6.2Angular5.2安裝http-server$npminstall-ghttp-server另外安裝http-server執行ngbuild--prod結果，不透過AngularCLI。-g:安裝http-server在global使用ngbuild--prod編譯~/MyProject$ngbuild--prod在專案目錄下執行ngbuild--prod。執行ngbuild--prod編譯後的檔案會放在dist目錄下啟動http-server~/MyProject/dist$http-serve
程序员利用JavaScript开发捕鱼游戏
捕鱼”特别是在于二线城市及县市是最多人喜欢玩的电玩了，就连我们农村小商店都有这样的电玩，有的人放几百甚至放几千进去玩，玩的天昏地暗，最后输的金光，比如我身边一个搞建筑的朋友，就特别喜欢玩这个，辛辛苦苦在工地赚的钱就这样没了.。我是一名程序员肯定知道这其中的黑幕，就像很多喜欢玩的老虎机等等，这都是程序员设计的，我也是初学HTML5前端的程序员，最近学到javascript和HTML5的时候，想拿几个js结合h5的项目来练练手，如果大家想学习编程或者像拿这个项目练练的，文末有领取地址。“捕鱼达人”项目的示意图：