vue搭配i18n国际化语言插件开发多语言网站
vue搭配i18n国际化语言插件开发多语言网站安装过程直接略过，安装步骤链接：vue命令行工具(CLI)vue-i18n插件vue-i18n基本使用使用vue开发，使用最多的是单文件组件，所以碰到的坑都是在这一部分；开发使用版本："vue":"^2.5.2","vue-router":"^3.0.1"===================================="vue-i18n":"^7.4.0","@kazupon/vue-i18n-loader":"^0.2.1",问题一、vue-i18n-loader如何添加在vue的配置文件为了使用单文件组件时配合i18n存储map数据，需要先安装vue-i18n-loader，然后使用
Vue实践过程中的几个问题
本篇是我在使用vue过程中，遇到的几个小问题和之前不了解的东西，记录下来，希望能够帮助各位踩坑。如果喜欢的话可以点波赞，或者关注一下，希望本文可以帮到大家。本文首发于我的个人blog：obkoro1.com本篇记录个人遇到的问题如下:路由变化页面数据不刷新问题setTimeout/setIntervalthis指向改变，无法用this访问VUe实例setInterval路由跳转继续运行并没有销毁vue滚动行为(浏览器回退记忆位置)用法vue路由拦截浏览器后退实现草稿保存类似需求v-once只渲染元素和组件一次，优化更新渲染性能vue框架风格指南推荐路由变化页面数据不刷新问题场景：比如文章详情数据，依赖路由的params参数获取的(ajax写在created生命周期里面)，因为路由懒加载的关系，退出页面再进入另一个文章页面并不会运行created组件生命周期，导致文章数据还是上一个文章的数据。解决方法：watch监听路由是否变化watch:{'$route'(to,from){//监听路由是否变化if(this
SQLServer 创建服务器和数据库级别审计
一、概述在上一篇文章中已经介绍了审计的概念；本篇文章主要介绍如何创建审计，以及该收集哪些审核规范。二、常用的审核对象2.1、服务器审核对象1.FAILED_LOGIN_GROUP(AuditLoginFailedEventClass)指示主体尝试登录到SQLServer，等效于AuditLoginFailedEventClass，比如：登入失败的操作2.SERVER_OBJECT_CHANGE_GROUP(AuditServerObjectManagement)针对服务器对象执行CREATE、ALTER或DROP操作时将引发此事件。等效于AuditServerObjectManagement事件类。比如：删除链接服务器对象等凌驾于数据库级别以上的对象(权限除外)。3.SERVER_ROLE_MEMBER_CHANGE_GROUP向固定服务器角色添加登录名或从中删除登录名时将引发此事件,此事件由sp_addsrvrolemember和sp_dropsrvr
bootstrap-table分页params.pageNumber无法取到值的问题
使用bootstrap-table做分页时候，我们可能会用到limit和pageNumber两个参数传递给后台。分页处理的js如下：$(function(){$('#dataGrid').bootstrapTable({url:'article/selectListByType',method:'post',toolbar:'#toolbar',contentType:'application/x-www-form-urlencoded',striped:true,showColumns:true,showRefresh:true,pagination:true,pageSize:10,sortName:'id',sidePagination:'server',queryParamsType:'limit',queryParams:queryParams,columns:[{checkbox:true},{field:'id',title:'新闻ID',align:'cen
canvas实现橡皮筋画红绿方块
canvas真是一个灰常有意思的东西，在原来橡皮筋式线段绘制的基础上实现的，由橡皮筋线段的始末两点构成矩形，根据橡皮筋线段的颜色绘制不同颜色的矩形注意:这里的颜色变换只加入了两种颜色，根据起始端点的X轴位移量决定，绝对值用Math.abs即可varcanvas=document.getElementById("canvas")varcontext=canvas.getContext("2d");varcanvas_mouse_move={};varcanvas_mouse_obj={};varsave_image_data=null;vardrag=nullvarwindowToCanvas=function(x1,y1){varleft=canvas.getBoundingClientRect().left;vartop=canvas.getBoundingClientRect().top;return{x:x1-left,y:y1-top}}varsave_image=function(){save_image_da
vue中的checkbox全选和反选
前几天有个博客园的朋友问小颖，小颖之前写的vue2.0在table中实现全选和反选、Vue.js实现checkbox的全选和反选，为什么他将里面的js复制下来，但是实现不了全选和反选。小颖当时看他给的截图，也没太明白，后来手动巧了一下，发现一个疑问，虽然问题是解决了，但是至于为什么小颖还是不太明白，希望有哪位vue大神看到了能帮忙解答一下，嘻嘻，小颖先在这里提前说声：谢谢啦，嘻嘻。我们先来看看第一种实现全选和反选的方法：直接使用script标签调用vue。
javascript数组操作
去重删除指定元素取最大值去重-最简单的方法:对比法思路:先定义一个新的空数组,然后遍历要去重的数组,判断新数组的每个元素和要去重数组中的每个元素是否相等,将不相等的值添加到新数组中.代码:console.time('arr');varremoval=function(oldArr){varnewArr=[];//定义一个新数组for(vari=0;i
javascript 最长公共子序列
最长公共子序列（LongestCommonSubsequenceLCS）是从给定的两个序列X和Y中取出尽可能多的一部分字符，按照它们在原序列排列的先后次序排列得到。LCS问题的算法用途广泛，如在软件不同版本的管理中，用LCS算法找到新旧版本的异同处;在软件测试中，用LCS算法对录制和回放的序列进行比较，在基因工程领域，用LCS算法检查患者DNA连与键康DNA链的异同;在防抄袭系统中，用LCS算法检查论文的抄袭率。LCS算法也可以用于程序代码相似度度量，人体运行的序列检索，视频段匹配等方面，所以对LCS算法进行研究具有很高的应用价值。基本概念子序列(subsequence)：一个特定序列的子序列就是将给定序列中零个或多个元素去掉后得到的结果(不改变元素间相对次序)。例如序列
ASP.NET Core中使用IOC三部曲(一.使用ASP.NET Core自带的IOC容器)
前言本文主要是详解一下在ASP.NETCore中,自带的IOC容器相关的使用方式和注入类型的生命周期.这里就不详细的赘述IOC是什么以及DI是什么了..emm..不懂的可以自行百度.目录ASP.NETCore中使用IOC三部曲(一.使用ASP.NETCore自带的IOC容器)ASP.NETCore中使用IOC三部曲(二.采用Autofac来替换IOC容器,并实现属性注入)ASP.NETCore中使用IOC三部曲(三.采用替换后的Autofac来实现AOP拦截)正文今天我们主要讲讲如何使用自带IOC容器,emm..虽然自带的功能不是那么强大,但是胜在轻量级..而且..不用引用别的库..在新的ASP.NETCore中,大量的采用了依赖注入的方式来编写代码.比如,在我们的Startup类中的ConfigureServices里,就可以看到:AddMvcAddDbContext包括我们之前目录游览用到的AddDirectoryBrowser..都是框架提供好的服务,我们直接注入就可以使用了
ASP.NET Web利用AJAX实现搜索提示
我平时的软件开发中，信息的搜索是经常碰到的，增加搜索关键字提示是提高用户体验的一种很好的办法。今天就介绍下在ASP.NET如何利用AJAX来实现搜索的信息提示！1.需要了解的一些知识点（1）AJAX对象不同浏览器的创建不同的浏览器对AJAX（XMLHttpRequest）对象的实现是不一样的，例如IE浏览器是通过ActiveX控件来实现AJAX对象。而其他一些浏览器比如火狐，它将AJAX对象实现成了一个浏览器内部的对象叫XMLHttpRequest，所以不同的浏览器创建AJAX对象的方式也就不同，那么我们来看看不同浏览器之间创建AJAX对象的方式：在IE浏览器下面的创建：//IE浏览器try{//IE5.0httpRequest=newActiveXObject("Msxml2.XMLHTTP");}catch(e){try{//IE5.5以上版本
使用HttpClient对ASP.NET Web API服务实现增删改查
本篇体验使用HttpClient对ASP.NETWebAPI服务实现增删改查。创建ASP.NETWebAPI项目新建项目，选择"ASP.NETMVC4Web应用程序"。选择"WebAPI"。在Models文件夹下创建Product类。publicclassProduct{publicintId{get;set;}publicstringName{get;set;}publicstringCategory{get;set;}publicdecimalPrice{get;set;}}在Models文件夹下创建IProductRepository接口。publicinterfaceIProductRepository{IEnumerableGetAll();ProductGet(
angular-breakpoints实现响应（resize）
在angular2中实现窗口resize的事件监测并作出响应的处理有好几种方式1、使用@hostListeser将事件绑定上Angular2HostListener&HostBindingHostListener2、使用observe对象observer观察者模式不光能发送异步请求，还有一些处理方法fromEvent就可以在DOM结构上直接添加事件Rx.Observable.fromEvent(document.querySelector('button'),'click');Observable详解3、当然也有人想到bootstrap的响应，可是bootstrap的响应是使用媒体判断在css里实现的，如果要在js或者ts里实现就要想其他的方法了。angular-breakpoints就可以认为是bootsrap的js（ts）响应的方法。它也会和bootstrap类似的设置了一些像lg，md，xs等的breakpoints来实现。我们来看使用，也可以参考github的地址angular-br
Vue.js 1.0 keep-alive使用
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Vuekeep-alive</title><scriptsrc="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script></head><body><divid="app"><!--相当于一级导航栏，点击可切换页面--><ul><li@click="currentView='home'">Home</li><li@click="currentView='list'">List</li&
[译] Pipeable 操作符
登录[译]Pipeable操作符郑丰彧7hoursago原文链接:https://github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md本文为RxJS中文社区翻译文章，如需转载，请注明出处，谢谢合作！如果你也想和我们一起，翻译更多优质的RxJS文章以奉献给大家，请点击【这里】写在前面的话:（非正文）去年9月，RxJS5.5beta版本发布了lettable操作符这个新特性，而就在几天前因为无法忍受此名称，又将lettable更为为pipeable，详细请见PR#3224。前段时间忙于翻译PWA一书，因此RxJS的专栏搁置了一小段时间，周末抽了些时间出来将官方文档PipeableOperators翻译出来同步至中文文档。此特性还是比较重要，可以说是RxJS未来的走向，下面请看正文。从5.5版本开始我们提供了“pipeable操作符”，它们可以通过rxjs/operators来访问(注意"operators"
【读书笔记】《高性能JavaScript》
这本书是2010年出版的，这本书谈性能是有时效性的，现在马上就2018年了，这几年前端发展的速度是飞快的，书里面还有一些内容考虑IE6、7、8的东西，殊不知现在这些都已经不再考虑了，所以不可避免的有一些知识是比较老的。有些解决方法现在已经不是最好的解决方式，比如工具那一章。前言总的来说，这本书整体给出的性能优化建议，以及作者耐心的实践，对我们开发优化的启发和帮助还是很大的，因为它里边的很多知识，都是作者通过实践总结出来的，都是经验的积累，这在一般的教科书上是学不到的。特别是对于js基础比较差一点的，里面有很多知识点尽管在现在还是非常有必要的。下面我就将各章节的一些重要的知识点总结写出来，争取将干货都提取出来。本文首发于我的个人blog：obkoro1.com正文第一章-加载和执行js的阻塞特性：当浏览器在执行js代码的时候，不能同时做其他事情。（界面ui线程和js线程用的是同一进程，所以js执行越久，网页的响应时间越长。）脚本的位置如果把脚本