.NET Core 中依赖注入 AutoMapper 小记
最近在review代码时发现同事没有像其他项目那样使用AutoMapper.Mapper.Initialize()静态方法配置映射，而是使用了依赖注入IMapper接口的方式services.AddSingleton
通过Chocolatey软件包管理器安装.NET Core
在Linux的世界里，有了yum/apt-get百分之九十的软件都可以通过它来安装管理。但是在Windows系统上，装个软件还是挺折腾的。比如我要装个Chrome浏览器，我先得打开IE浏览器吧，我还打不开Chrome的官网吧，得百度吧，。没经验的兄弟还要被那些坑二婶的广告链接忽悠一下吧。用某卫士或者某管家的美女，你们有福可以统一管理，统一安装。当然Windows上现在也有了专门负责软件包管理的Chocolatey。今天我们就来演示下如何通过Chocolatey安装.NETCore的最新版本。1.安装Chocolatey的安装过程简单至极，在Chocolatey.org上最醒目的地方有一行命令，把它复制到命令行中运行，只要一分钟左右，安装就完成了。用管理员权限运行命令行，在命令下键入@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe"-NoProfile-InputFormatNone-ExecutionPolicyBypass-Command
4、ABPZero系列教程之拼多多卖家工具 集成短信发送模块
ABPZero并没有手机短信发送功能，现在我们来集成一个，为后面注册、登录作铺垫。阿里云短信服务首先需要在阿里云开通短信服务，连接地址开通后，在签名管理中添加一个签名在模板管理中添加一个模板，如下图所示最后需要使用阿里云提供的.NET发送短信类库，下面可以直接下载我上传的类库，也可以去官方下载，然后提取我所说的2个类库（aliyun-net-sdk-core.dll、aliyun-net-sdk-dysmsapi.dll）直接下载文件：https://files.cnblogs.com/files/shensigzs/aliyun-net-sdk.zip（里面包含2个类库，把这2个类库引用到Core项目）.NET发送短信SDK:https://help.aliyun.com/document_detail/59836.html?spm=5176.doc55284.6.573.GaNxg6安装类库如下图所示使用的模块是Abp.Net.Sms，源码地址：https://github.com/berkaroad
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（十一）构思商品页面
在写商品页面product.vue之前，我应该思考一下，商品页面要实现那些功能，该不如布局？要实现的功能1、所有商品列表的展示2、分类商品的列表展示3、搜索商品或得列表展示4、单一商品的详细页面5、商品列表分页功能6、还没想到的..................预想页面布局1、product.vue页面分左右两边，左边放商品的分类的类型（如：所有商品、石榴、松子、火腿、其它....），写成fixed的样式，右边一个搜索框，下面放各类列表2、product-content.vue就是一个商品的详情展示页面准备工作先模拟数据打开data.js添加一个路由来实现商品分类检查才发现图上的：class写错了，多写了一个s，当然这个命名随意，但需要使用这个来获取需要的数据，还是写个容易记的把相应的组件创建出来并引入创建一个productlist.vue编写product.vue的基本结构<template><divclass="container"><el-ro
vue项目问题整理
1.IE下报错UnhandledpromiserejectionReferenceError:“Promise”未定义解决：npmibabel-polyfill-S，在main.js中引用babel-polyfillimport'babel-polyfill'2.上步骤后继续报错polyfill-eventsourceaddedmissingEventSourcetowindow解决：npmievent-source-polyfill-S在main.js中babel-polyfill后继续引用import'event-source-polyfill'
vue用阿里云oss上传图片使用分片上传只能上传100kb以内的解决办法
首先，vue和阿里云oss上传图片结合参考了这位朋友的https://www.jianshu.com/p/645...文章，成功的解决了我用阿里云oss上传图片前的一头雾水。该大神文章里有写github地址，里面的2.0分支采用vue2.0实现，只不过这个上传图片用的是分片上传，即断点续传，分片上传由于一片是以100kb为起始的，所以当图片大小小于100kb的时候不分片，可以正常上传，当大于100k的时候，会报错如下：Oneormoreofthespecifiedpartscouldnotbefoundorthespecifiedentit当报这个错误的时候，请看看阿里云自己的后台有没有按文档设置文档地址：https://help.aliyun.com/docum...exoposeheader要设置为ETag当成功设置之后，大于100k的就可以成功上传了，但是返回的数据和小于100k的不太一样，大于100k之后没有直接返回url,只有在res.requestUrls里可以看到对应的url
实现vue-router 路由懒加载
相比React，Vue实现组件的懒加载还是比较简单的，以下是官方文档的说明importVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)exportdefaultnewVueRouter({routes:[{path:'/',name:'Navigator',component:()=>import(/*webpackChunkName:"navigator"*/'./../components/Navigator')},{path:'/tucao',name:'Tucao',component:()=>import(/*webpackChunkName:"tucao"*/'.
VUE MUSIC仿QQ音乐客户端
MusicPlayer基于Vue的音乐播放器访问github查看更多：https://github.com/tian0o0/QQ...QQ音乐播放源过一段时间就会更改，因此示例中的歌曲可能无法播放，如果大家有好用的播放源还希望能分享下，伤不起呀这个demo依然有许多隐藏的bug，还有许多功能待完善，抱着学习的态度我会一直更新完善它，如果大家发现这个player有什么问题可以发issue或是PR，我会尽量改正的，也欢迎star~~~手机扫一扫预览：一、播放器基本功能[x]歌曲播放、切歌、进度控制[x]三种播放模式的切换[x]搜索歌手、歌曲[x]上拉加载功能[x]模拟登录跳转[x]收藏歌曲二、概述下面图片可以看出，有许多页面采用了复用的组件，比如推荐歌单页（图2）、歌手详情页（图4）、排行榜详情页（图8），同时在这些组件中还有更加细分的基础组件。这样可以高度定制化组件，满足不同的需求，提高开发效率。核心是利用vuex做数据的传递，方便跟踪状态Vue-Router实现单页面路由跳转Vue-l
vue中的methods、computed和watch
1、computed属性：经过处理返回的数据值,只要源数据没有发生改变,computed函数里面对相应的数据就不会反生改变,相当于缓存在本地;发生改变的时候,computed对应数据的函数才会发生改变。2、computed属性和methods属性：你可能已经注意到我们可以通过调用method来达到同样的效果:我们可以将同一个函数定义为一个method而不是一个计算属性,对于最终的结果,两种方式确实是相同的,然而,计算属性是基于他们的依赖就行缓存的,计算属性只有在它相关的依赖发生改变时才会重新求值,这意味着只要message还没有发生改变,多次访问reversedMessage计算属性会立刻返回之前计划算的结果,而不必再次执行函数.这也同样意味着下面的计算属性将不再更新,相比而言,只要发生重新渲染,method调用总会执行该函数;我们为什么需要缓存?假设我们有一个性能开销比较大的计划属性A,它需要便利一个极大的数组和做很大量的计算,然后我们可能尤其他的计算属性依赖A,如果没有缓存,我们将不可避免的多次执行A的geteer,如果你
Vue.js Guide Essentials-说人话-速记版
以下内容根据Vue.jsGuideEssentials部分速记。不含动画/mixin/SSR/路由/状态管理等部分.Introduction建议阅读原文https://vuejs.org/v2/guide/in...什么是Vue开始声明式渲染条件与循环处理用户输入组件TheVueInstance建议阅读原文https://vuejs.org/v2/guide/in...创建Vue实例data&methods实例生命周期及其钩子函数生命周期图表TemplateSyntax模板语法https://vuejs.org/v2/guide/sy...Mustache模板中插入值html标签内的文本:使用{{变量名}}原始html:标签属性内使用v-html="变量名"标签内的属性:v-bind:属性名="变量名"也可用JS的表达式来替换上述"变量名",但只能是单条表达式,不能是语句v-if等指令argument:如v-bind:href中的hrefmodif
对vue-router 3个钩子的理解
一、router的配置页面index.js{path:'/child/:id',name:'child',component:Child}二、child组件<template><div></div></template><script>exportdefault{name:"child",data(){return{a:''}},beforeRouteEnter(to,from,next){console.log('进入enter路由钩子')console.log(to)next()},beforeRouteLeave(to,from){console.log('进入leave路由钩子')},b
Vue style里面使用@import引入外部css, 作用域是全局的解决方案
<template></template><script>exportdefault{name:"user"};</script><!--Add"scoped"attributetolimitCSStothiscomponentonly--><stylescoped>@import"../static/css/user.css";.user-content{background-color:#3982e5;}</style>Add"scoped"attributetolimitCSStothiscomponentonly这句话大家应该是见多了,我命名也使用scoped,但是使用@import引入外部样式表作用域依然是全局的看了一遍@import的规则后,进行初步猜测,难道是@import引入外部样式表错过了scopedstyle?(
Vue2.0父子组件间事件派发机制
从vue1.x过来的都知道，在vue2.0中，父子组件间事件通信的$dispatch和$broadcase被移除了。官方考虑是基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆落。特别是在组件层级比较深的情况下。通过广播和事件分发的机制，就显得比较混乱了。官方在废除的同时，也为我们提供了替换方案，包括实例化一个空的vue实例，使用$emit反应子组件上的状态变化1.使用$emit触发事件helloWorld.vue作为父组件，dialogConfigVisible变量控制子组件弹框显示或隐藏。configBox.vue作为子组件，假设为封装的公告弹窗。在父组件中helloWorld.vue中<template/><config-box:visible="dialogConfigVisible"@listenToConfig="changeConfigVisible"></config-box&
vue即时通讯组件
vue即时通讯组件最近在做一些即时通讯相关的工作，突发奇想的用vue实现了一个即时通讯的组件。界面目前是仿照微信做的。代码地址：https://github.com/lzy1043/vue-imdemo接下来会对界面做些调整，然后功能也会继续添加，感兴趣的可以看一下，有问题欢迎交流
vue单文件中引用路径的处理
原文地址：vue单文件中引用路径的处理如有错误，欢迎指正！vue单文件的开发过程中，在单文件模版中可能会涉及到文件路径的处理，比如<img>,style中的background的处理等。下文中讨论了几种不同场景下的<img>的src处理，解释了在使用vue+webpack的开发过程中如何正确的引用静态资源（比如图片的处理）。如下所示，在下面的单文件组件中给出了不同场景下引用图片路径的示例（图片静态资源存放在src/assets/small.png）：<template><divid="app"><!--1.模版中src选项直接写相对路径--><imgsrc="./assets/small.png"alt="图片相对路径测试"><!--2.模版中src选项绑定相对路径字符串--><img:src="relative_img"alt="图片相对路径测试">
vue-router query和params传参(接收参数)的区别
最近在学vue，今天做项目时踩到了vue-router传参的坑（query和params），所以决定总结一下二者的区别。直接总结干货o(￣︶￣)o1.query方式传参和接收参数传参:this.$router.push({path:'/xxx'query:{id:id}})接收参数:this.$route.query.id注意:传参是this.$router,接收参数是this.$route,这里千万要看清了！！！2.params方式传参和接收参数传参:this.$router.push({name:'xxx'params:{id:id}})接收参数:this.$route.params.id注意:params传参，push里面只能是name:'xxxx',不能是path:'/xxx',因为params只能用name来引入路
教你用webpack搭一个vue脚手架[超详细讲解和注释！]
1.适用人群1.对webpack知识有一定了解但不熟悉的同学.2.女同学！！！(233333....)2.目的在自己对webpack有进一步了解的同时,也希望能帮到一些刚接触webpack的同学.脚手架已放上github,不想听我啰嗦的同学可以直接去download或clone下来看哦.脚手架里都有详细注释！https://github.com/webfansplz...觉得有帮助到你的同学给个star哈,也算是对我的一种支持！3.脚手架结构├──build构建服务和webpack配置|——build.jswebpack打包服务|——webpack.base.conf.jswebpack基本通用配置|——webpack.dev.conf.jswebpack开发环境配置|——webpack.prod.conf.jswebpack生产环境配置├─
新手axios封装
写在最前面新手前端刚刚接触vue，感觉真的好用。项目中需要使用axios，然后学习了一下。借鉴网上一些大佬的经验，现在分享一下axios的简单封装，如果有什么错误的地方，请大家指出。axios安装npminstallaxios--save最最简单的使用首先在src目录下创建axios文件夹，然后创建index.js和fetch.js两个文件。fetch.js文件代码如下:importaxiosfrom'axios'//定义fetch函数，config为配置exportfunctionfetch(config){//返回promise对象returnnewPromise((resolve,reject)=>{//创建axios实例，把基本的配置放进去constinstance=axios.create({//定义请求文件类型headers:{'Content-Type':
基于 vue-cli 的前端项目的自动发布预览环境
场景进入公司一段时间了。流程还是不太让人省心。就在上个提测版本的质量还是没法保证，总是或多或少出现一些问题。于是就想到了上家公司的一个做法。就是在提测前部署一个预览环境，在提测前，每个人本地验证一遍，再放在预览环境验证一遍。实施有了想法，就得去付诸行动。先是用公司的一个测试服务器单独起了一个服务，用nginx来做反向代理。然后把前端代码部署上去。整个部署流程是：用xshell连上服务器，然后用xftp链接服务器，然后本地build项目，接着把build好的文件通过xftp上传到服务器上。整个流程感觉稍有繁琐。而且，对于不熟悉shell工具的同学不友好啊。重复的工作啊有没有。改进既然前端是万能的，那么这种重复的操作在我们前端工作流中是不被允许的。刚好项目进度不是那么忙。于是就准备啪啪啪撸一个build完成自动发布预览环境的工具。要完成这个工具，我们来梳理一下需要实现的功能：本地文件压缩功能链接远程服务器压缩包上传远程服务器远程服务器解压缩本地build完毕的一个回调可能你会说，你傻啊，不会直
前端-优雅的VueJS
Vue.js轻松实现页面后退时，还原滚动位置前言从Vue.js2.x发布之后，陆陆续续做了七八个项目，摸索出来了一套自己的状态管理模式，我将之称为Vuet。它以规则来驱动状态更新，它带来的是开发效率上的飙升，它就像草原，而你是野马，任你随意驰骋，总之它是为敏捷开发而诞生。缘由在大型的Vue应用程序开发中，多组件通信…进阶vue全家桶本项目可以作为一个前端vue进阶项目如何不用构建工具开发Vue全家桶项目Vue是目前最流行的前端开发框架之一，与Vue-router和Vuex组成俗称的Vue全家桶，更是开发前端富交互应用的利器。配合webpack等构建工具，开发大型应用也可以得心应手。随着Vue的普及，可能一些老旧项目也希望能“渐进式”的使用Vue，或者有的项目想用Vue来做但不…Vueg-为webApp提供转场特效的开源Vue插件如果你有使用vue+vue-router开发webApp、hybridApp，这个插件可以让你的app轻松获得页面切换时的转场特效。Vue.js学习系列二—