在本教程中，我们将完成一个关于如何在Node.js 中使用 JavaScript ，并结合JWT认证，实现基于角色（rolebased）授权/访问的简单例子。作为例子的API只有三个路由，以演示认证和基于角色的授权：/users/authenticate   ...

我们在写vue项目的时候会遇到给组件命名，这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 exportdefault{   name:'xxx'} 1.当项目使用keep-alive时，可搭配组件name进行缓存过滤举个例子：我们有个组件命名为d...

从一开始使用 vue 时，对于之前的jq开发而言，一个很大的区别就是基本不用手动操作dom，data中声明的数据状态改变后会自动重新渲染相关的dom。换句话说就是 vue 自己知道哪个数据状态发生了变化及哪里有用到这个数据需要随之修改。因此实现数据响应式有两个重点问题：如何知道数...

有时候给页面内容添加一个关键词搜索功能，如果搜索结果能够像浏览器搜索一样高亮显示，那找起来就会很明显体验会好很多。本文就介绍一下关键词搜索高亮的实现方案。实现效果大概如下：可在线预览：http://wintc.top/laboratory/#/search-highlight。 实现原理很简单：使用正则匹配出...

mpvue是 美团修改了 vue.js的 runtime和 compiler使其可以运行在小程序环境中，从而引入了整套 Vue.js开发体验的小程序框架。 不同于vue的是我们会在小程序onReady后，再去触发vuemounted生命周期除了Vue本身的生命...

vue 是一套在前端开发中广泛采用的用于构建用户界面的渐进式JavaScript框架。vue 通过响应的数据绑定和组合的视图组件让界面开发变得非常的简单。这边文章来看看如何使用Vue开发以太坊DApp。 Vue除了是JavaScript框架，还提供了一个配套的命令行工具 VueC...

不少前端开发者学习到一定阶段都会去封装一些自己的组件并将其开源。笔者在学习过程中发现，发布的资源包基本分为两类：打包发布的资源包非打包发布的资源包那么这两种方式有何不同呢，他们的使用场景如何，具体的操作步骤又是怎么样的。本文将基于这两种发布方式，对比他们的不同，详解其步骤，并对在封装vue组件和发布npm依赖过程中所遇...

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作Dom引入js：exportdefault{mounted(){consts=document.createElement('script');s.t...

很少有人最初编写vue组件时打算将其开源。我们大多数人都是从自己编写组件开始的——我们有一个问题，然后决定通过构建一个组件来解决它。有时我们发现自己想要在代码库的新位置解决相同的问题，因此我们使用组件并对其进行重构，使其可重用。然后我们想在一个不同的项目中使用它，所以我们把它转移到一个独立的包中。然后我们想“嘿，为什么...

Koa介绍koa 是由 Express 原班人马打造的，一个基于 Node.js 平台的Web开发框架Express 是基于ES5的语法，随着新版Node.js 开始支持ES6，该团队重新编写诞生了 koa1.0 ，而 ...

在vue进行前端开发中，条件判断主要用于根据不同的条件来决定显示或隐藏，或者进行视图之间的切换，本文以一个简单的小例子简述v-if的常见用法，仅供学习分享使用，如有不足之处，还请指正。 v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。可以用v-else添加一个“...

用vue来实现一个瀑布流效果，加载网络图片，同时有下拉刷新和上拉加载更多功能效果。然后针对这几个效果的实现，捋下思路：根据加载数据的顺序，依次追加标签展示效果；选择哪种方式实现瀑布流，这里选择绝对定位方式；关键问题：由于每张图片的宽高不一样，而瀑布流中要求所有图片的宽度一致，高度随宽度等比缩放。而且由于图片的加载是异步...

大多时候，我会使用template, vue单文件去渲染组件。虽然知道vue中有个render函数，但却很少在项目中去主动使用它。使用最多的地方是在使用一些UI框架的时候，比如iviewtable中的按钮操作，会使用到render函数。另外平时在阅读一些VueUI框架源码的时候，也时常能遇到使用render函...

前端路由定义：在单页面应用，大部分页面结构不变，只改变部分内容的使用优点：用户体验好，不需要每次都从服务器全部获取，快速展现给用户缺点：使用浏览器的前进，后退键的时候会重新发送请求，没有合理地利用缓存。单页面无法记住之前滚动的位置，无法在前进，后退的时候记住滚动的位置 后端路由通过用户请求的url导航到具体的...

技术栈前端vue全家桶，后台.net。 需求分析前端路由鉴权，屏蔽地址栏入侵路由数据由后台管理，前端只按固定规则异步加载路由权限控制精确到每一个按钮自动更新token同一个浏览器只能登录一个账号 前端方案对于需求1、2、3，采用异步加载路由方案首先编写vue全局路由守卫排除登录路由和无需鉴权路由登录...