32 天前 / 江米小枣tonylua
原文：https://github.com/tonylua/vue-testing-handbook/blob/master/src/zh-CN/vue-router.md 由于路由通常会把多个组件牵扯到一起操作，所以一般对其的测试都会等到 端到端/集成 测试阶段进行，处于测试金字塔的上层。不过，对你的路由做一些单元测试还是大有裨益的。 对于与路由交互的组件，有两种测试方式： 使用一个真正的 router 实例 mock 掉$route和$router全局对象 因为大多数 Vue 应用所使用的都是官方的 Vue Router，所以本文会聚焦于这个插件。 创建组件 我们会设置一个简单的，包含一个/nested-child路由。访问/nested-chil......
56 天前 / 江米小枣tonylua
原文：https://dev.to/voluntadpear/comparing-react-hooks-with-vue-composition-api-4b32 Vue 最近提出了Composition API RFC，一种新的书写 Vue 组件的 API；该 API 受到 React Hooks 的启发，但有一些有趣的差异，也就是本文要探讨的内容。该 RFC 始自于在社区某些部分受到大量非议的之前一个叫做Function-based Component API的版本 -- 人们担心 Vue 开始变得更复杂而不像大家最初喜欢它时那样是个简单的库了。 参阅《在 React 和 Vue 中尝鲜 Hooks》一文 Vue 核心团队解决了围绕首个 RFC 的困惑并在新的版本中提出了一些引人关......
67 天前 / 江米小枣tonylua
原文：https://jasonwatmore.com/post/2018/11/28/nodejs-role-based-authorization-tutorial-with-example-api 在本教程中，我们将完成一个关于如何在 Node.js 中 使用 JavaScript ，并结合 JWT 认证，实现基于角色（role based）授权/访问的简单例子。 作为例子的 API 只有三个路由，以演示认证和基于角色的授权： /users/authenticate- 接受 body 中包含用户名密码的 HTTP POST 请求的公开路由。若用户名和密码正确，则返回一个 JWT 认证令牌 /users- 只限于 "Admin" 用户访问的安全路由，接受 HTTP GET 请求；如果 HTTP 头部授权字段包含合......
69 天前 / 黑夜探路人
前言近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶的最终实现效果，如下图所示。 功能点：两层吸顶，因为 Tabs 区域比较长所以在滚动过程中点击一层 Tabs 会回弹至一层吸顶刚吸顶的位置，这个功能点和锚点有些类似。二层 Tabs 通过 hover 切换，没有回弹效果。 实现方式本文主要通过 VueSticky 插件来实现吸顶，实现步骤描述如下： 安装：npm install vue-sticky --save 引......
85 天前 / 大转转FE
作者 | 陈龙Vue SSR概述什么是SSRServer Side Rendering(服务端渲染) SSR的优点更好的 SEO 更快的内容到达时间 SSR方案的权衡之处开发条件所限 涉及构建设置和部署的更多要求 更多的服务器端负载 Vue SSR基本使用一个最简单的示例（官方）const Vue = require('vue') const server = require('express')() const renderer = require('vue-server-renderer').createRenderer() server.get('*', (req, res) => { const app = new Vue({ data: { url: req.url }, template: `访问的 URL 是：{{ url }}` ......
87 天前 / 读芯术
全文共2788字，预计学习时长6分钟 如今，JavaScript 框架、HTML和CSS已经成为现代软件项目前端开发中必不可少的部分。到了2020年，为web应用开发项目选择合适的JavaScript框架依旧是个问题。 正在阅读本文的你，想必也在烦恼应用程序开发的技术堆栈应该如何选择。做决定很困难，此文正是为各位创业者解决困境而作。技术堆栈选择的常见问题有： React还是Vue：新的web开发项目选用哪个更好？ 两者中谁表现更好？ 开发者更喜欢哪一个？ 哪一个更适合小型web应用程序 哪一个更可靠？ 阅读......
95 天前 / 江米小枣tonylua
Vue 3 中最主要的新特性：组合式 API，已经可以借助 https://github.com/vuejs/composition-api （在 Vue 2 项目中作为插件使用）体验到。 如果是新项目，亦可直接采用 https://github.com/vuejs/vue-next 库；该项目仍处于 Pre-Alpha 版本。 另外，由 Vue Mastery 网站归纳的 Vue 3 Cheat Sheet 直观的概况了其主要特性，翻译后的中文版如下： 在公众号会话框中回复 vue3 获得pdf版本 --End-- 搜索 fewelife 关注公众号 转载请注明出处 Vue 3 中最主要的新特性：组合式 API，已经可以借助http......
109 天前 / mr7
前言 在2019年10月5日，尤小右公开了 Vue 3.0 的源代码。 vue3.0源代码仓库 https://github.com/vuejs/vue-next 想了解 vue 3.0 源码的同学，可以访问上述链接。 作为现阶段的主流前端框架之一，Vue 受到了大家的强烈关注。 源码公开后不久，社区内就有源码解析的文章出现，甚至还有培训课程打出了《从0实现 Vue 3.0 响应式源码》的噱头。 尽管有一些“学不动了”的自嘲，社区里对 Vue 3.0 源码开放事件，总体上是一个非常正面的态度。 在这种背景下，我注意到了两段争论，一个来自国外社区，一个来自国内；它......
125 天前 / 开发者头条
一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 TubeMQ：腾讯开源的万亿级分布式消息中间件 TubeMQ 是腾讯在 2013 年自研的分布式消息中间件系统，专注服务大数据场景下海量数据的高性能存储和传输，经过近 7 年上万亿的海量数据沉淀，目前日均接入量超过 25 万亿条。 较之于众多明星的开源 MQ 组件，TubeMQ 在海量实践（稳定性 + 性能）和低成本方面有着比较好的核心优势。 GitHub 地址如何获取项目地址？点击链接，打开后，「复制链接」即可。https://github.com/Tencent/TubeMQ py12306：12306 购票助......
130 天前 / 开发者头条
点击链接或图片即可阅读 喜欢请分享到朋友圈哦 项目介绍 基于 Vue 的表单设计器，让表单开发简单而高效 特性 可视化配置页面 提供栅格布局，并采用 flex 实现对齐 一键预览配置的效果 一键生成配置 json 数据 一键生成代码，立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口，方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 GitHub 地址 如何获取项目地址？点击链接，打开后，「复制链接」即可。 https://github.com/GavinZhuLei/vue-form-making 更多 GitHub ......
131 天前 / pingan8787
前言我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。 当你想学习 Vue 源码的时候，需要有扎实的 JavaScript 基础，下面罗列的只是其中的一部分比较具有代表性的知识点。如果你还不具备 JavaScript 基础的话，建议不要急着看 Vue 源码，这样你会很容易放弃的。 我会从以下 7 点来展开： Flow 基本语法 发布/订阅模式 Object.defineProperty ES6+ 语法 原型链、闭包 函数柯里化 event loop 必要知识储备需要注意的是这篇文章每个点不会讲的特别详细，我这里就是把一......
142 天前 / 冷星1024
（给前端大全加星标，提升前端技能） 作者：政采云前端团队 公号 / 季节 （本文来自作者投稿） 背景 初识 Vue.js ，了解到组件是 Vue 的主要构成部分，但组件内部的作用域是相对独立的部分，组件之间的关系一般如下图： 组件 A 与组件 B 、C 之间是父子组件，组件 B 、C 之间是兄弟组件，而组件 A 、D 之间是隔代的关系。 那么对于这些不同的关系，本文主要分享了他们之间可以采用的几种数据通信方式，例如 Props 、$emit / $on 、Vuex 等，大家可以根据自己的使用场景可以选择适合的使用方式。 一、 Prop / $emit 1、P......