前言 针对于Web与其他应用的的通讯,在.Net中,SignalR是一个不错的选择,在前后端没有分离的时候,直接引用对应的signalr.js文件即可: 这里主要记录Vue与Asp.netcore 前后端分离通过signalR通讯实践: 服务端即Asp.net Core 程序 前提:通过Nugut 引入Microsoft.AspNetCore.SignalR 包 首先编写自己的Hub public class ChatHub:Hub { public Task SendMsg(ChatMessa

Nuget :http://www.nuget.org/packages/Microsoft.AspNet.SignalR/ What is SignalR? ASP.NET SignalR is a library for ASP.NET developers that simplifies the process of adding real-time web functionality to applications. Real-time web functionality is the

在上一篇文章< ThinkSNS+基于Laravel master分支,从1到 0,再到0.1>,简单的介绍了 社群系统ThinkSNS+ ,这里分享在开发过程中,前端选择的心理活动. Laravel Mix的放弃 在 Laravel 中,前端工作流默认是由 laravel-mix 包驱动的,集成了 Vue.js.而作为核心开发之一,也负责前端这块的开发.其实,这是seven第一次写 Vue,之前都是用 React 做开发. 然后seven和另一个核心成员 Wayne 在楼道抽烟聊前端这事情,

在上一篇文章< ThinkSNS+基于Laravel master分支,从1到 0,再到0.1>,简单的介绍了 ThinkSNS+ ,这里分享在开发过程中,前端选择的心理活动. Laravel Mix的放弃 在 Laravel 中,前端工作流默认是由 laravel-mix 包驱动的,集成了 Vue.js.而作为核心开发之一,也负责前端这块的开发.其实,这是seven第一次写 Vue,之前都是用 React 做开发. 然后seven和另一个核心成员 Wayne 在楼道抽烟聊前端这事情,要不要用

今天给大家总结了Vue中的坑,都是平常踩到的,希望对大家有所帮助 1.vuex的一个“坑” 报错原因:在使用Vuex的时候在main.js中引入的时候对名字的大小写有区别 解决法案: 错误写法: 正确写法:

引用 Microsoft.AspNet.SignalR 服务器 自定义Connection public class BarrageConnection : PersistentConnection { protected override Task OnReceived(IRequest request, string connectionId, string data) { //在这里可以做自己的业务处理,比如把弹幕存进redis等等 return Connection.Broadcast(

部署spring boot + Vue遇到的坑(权限.刷新404.跨域.内存) 项目背景是采用前后端分离,前端使用vue,后端使用springboot. 工具 工欲善其事必先利其器,我们先找一个操作Linux系统的工具极力推荐FinalShell. 一眼看过去是不是感觉很方便,对内存.CPU的监控也可以实时看到,访问目录更是方便,对于Linux小白来说简直是神兵利器. 好了,我要开始入坑了. 问题一:权限不够 把vue包放到tomcat->webapps->ROOT目录下. 启动tomcat:

vue 和 TypeScript 结合的情况下,很多写法和我们平时的写法都不太一样,这里总结我项目开发过程中遇到的问题和问题的解决方案 有些问题可能还没解决,欢迎各位大佬给与提点. 另外,使用本文前可以先看vue 官方文档关于 typescript 的使用讲解 整个 vue 项目的目录结构 大体用 vue-cli 创建的项目,结构基本不变. 这里只写我后来为了解决问题改动的地方 main.ts 中,提示import App from './App.vue'处,找不到 App.vue 这个模块 解

最近业务中需要实现服务器端与客户端的实时通信功能,对Signalr做了一点总结和整理. SignalR 作为  ASP.NET 的一个库,能够简单方便地为应用提供实时的服务器端与客户端双向通信功能. SignalR 在客户端方面有两种API:Connections 和 Hubs. 在特殊情况下,比如发送消息的格式是特定不变时,使用Connections API. 大多数情况下使用Hubs,因为它是 Connections API 更高级的一种实现,允许客户端与服务端相互直接调用方法.一个实际应用

vue.js学习 踩坑第一步 1.首先安装vue-cli脚手架 不多赘述,主要参考WiseWrong 的 Vue 爬坑之路(一)-- 使用 vue-cli 搭建项目 2.项目呈现效果 项目呈现网址:www.zhoupeng520.cn/index.html 3.项目主要目录     4主要代码如下   (1)App.vue <template> <div id="app"> <router-view class="view">&l

首先啊感谢一位小童鞋的指出其实我写的这些内容算不上坑,只是平时使用的时候的一点小问题,不过只是个名字啦!再次致谢 1:两个简写的命令 v-bind:class可以简写为  :class v-on:click可以简写为  @click 2:这里解释一下上面为什么会提到v-bind:class 如果你在vue项目里面想要对一个标签添加一个class的话,就必须要用到这个东西了,然后嘞! 这个v-bind:class后面的语句有特殊的写法,不能够直接放个类名在哪里,这里通常是需要写成对象形式的,数组也

前言(feihua): 最近闲来没事写了一个小的demo,在小的数据传输上没有必要去使用vuex,对于非父子组件的传值方法总结了一点心得体会供大家参考(如有太low,还请大神别喷俺) 先上官方文档: 思路: 1.定义一个空的Vue实例,作为中央事件总线. 2.A组件定义方法去触发自定义事件 3.B组件在钩子里面去监听 OK!看似很简单,实践起来却贼鸡儿坑,一共遇到3个问题: 1.A组件触发的事件在B组件中可以console显示,但是不能更新视图. 2.A通过路由跳转至B,第一次是无法consol

背景 最近做一个Vue项目需求是用户长按保存图片,页面的数据是根据不同id动态生成的,页面渲染完生成内容图片让用户长按保存的时候,把整个页面都保存起来. 在项目遇到的坑是图片能生成,可是生成的图片总是往左偏移一部份内容,让显示的图片不完整 页面渲染的内容,而生成的图片效果要跟页面渲染的内容一致,下面是渲染的效果 而实际生成的图片是不完整的 测试:多次生成图片发现图片发生偏移的位置都不相同,而同一个特性是往左偏移. 工作原理:Html2canvas加载后将会浏览页面上的所有元素,集合所有页面元素的

从Github上clone了别人的vue项目在自己电脑上运行时,出现很多错误,暂且列举下: 1.chromedriver@2.35.0安装不了的问题 正常项目clone下来,在cmd里运行: $ npm install $ npm run dev 当运行npm install可能会报错如下: 可能是因为npm走官方的资源地址下载依赖,导致 chromedriver@2.35.0安装不了.我的解决办法是用淘宝镜像cnpm安装,虽然淘宝镜像有时会资源下载不完整被坑.淘宝镜像自行搜索怎么安装,此处记录

在vue中,由于是单页面SPA,所以需要使用锚点来定位,在vue的官方文档中提到过也可以不使用锚点的情况,就是在vue-router中使用history模式,这样,在url中就不会出现丑陋的#了,但是这样的缺点在于不能再页面中再使用自己设定的锚点(利用href.name或id)并且需要后台的支持,所以一般我们使用带#的形式就可以了. 而在这之中一种比较特殊的情况在于,如果查询字符串和vue中的锚点同时出现,那么他们的位置关系是怎样的问题, 通过测试可以发现,vue自身的锚点在查询字符串之前或者在

场景: vue实现导航栏,二级导航栏跳转到相同页面,通过参数来实现到该页面后,根据参数来滚动到对应到位置 网上的解决方法: 通常情况下我们喜欢设置keepAlive 包裹 router-view <div id="app"> <keep-alive> <router-view></router-view> </keep-alive> </div> 同时在created 中触发请求,在路由参数不同的情况下并不会执行对

本文就简单使用 往前端页面推送消息 SignalR 是什么 SignalR是一个.NET Core/.NET Framework的开源实时框架. SignalR的可使用Web Socket, Server Sent Events 和 Long Polling作为底层传输方式. SignalR基于这三种技术构建, 抽象于它们之上, 它让你更好的关注业务问题而不是底层传输技术问题. SignalR这个框架分服务器端和客户端, 服务器端支持ASP.NET Core 和 ASP.NET; 而客户端除了支

1:刚开始在创建项目的时候一直出现vue不是内部或外部命令 关于这个的解决方案网上给出的很多的解决方案是配置环境,这个我就不在赘述了: 但是我觉得那样太麻烦,就没用,只是重新 npm i vue-cli,然后结果就可以了.我的环境变量没有进行其他的配置,我一向都怕麻烦的. 2:是在修改原出现的程序的过程中出现错误:错误如下------> client.js?7955:105 [HMR] bundle has errors: client.js?7955:107 [HMR] ./src/App.v

在自己的vue小项目中使用了axios这个插件,但是发现在axios请求数据成功之后的回调函数中this并不是指向当前vue实例, 在如下代码中 谷歌浏览器中报  this.goodsArr 未被定义 data(){ return{ goodsArr : [] } }, mounted : function(){ this.getGoodsList(); }, methods:{ getGoodsList(){ axios.get('/api/goods').then( function(res

参考网址:http://cn.vuejs.org/v2/guide/components.html 1.camelCase vs. kebab-case HTML 特性不区分大小写.当使用非字符串模版时,prop的名字形式会从 camelCase 转为 kebab-case(短横线隔开): //子组件 Vue.component('child', { // camelCase in JavaScript props: ['myMessage'], template: '<span>{{ myM