7 小时前 / 江米小枣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 头部授权字段包含合......
3 天前 / 黑夜探路人
前言近日，在做活动页的过程中遇到两层吸顶的需求，并且要兼容 IE9 及以上的浏览器。乍一看不就是个吸顶嘛，应该不难吧，事实证明还是踩了很多坑才出来。兼容性问题多到吐血，我太难了。废话不多说，先看一下两层吸顶的最终实现效果，如下图所示。 功能点：两层吸顶，因为 Tabs 区域比较长所以在滚动过程中点击一层 Tabs 会回弹至一层吸顶刚吸顶的位置，这个功能点和锚点有些类似。二层 Tabs 通过 hover 切换，没有回弹效果。 实现方式本文主要通过 VueSticky 插件来实现吸顶，实现步骤描述如下： 安装：npm install vue-sticky --save 引......
18 天前 / 大转转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 }}` ......
21 天前 / 读芯术
全文共2788字，预计学习时长6分钟 如今，JavaScript 框架、HTML和CSS已经成为现代软件项目前端开发中必不可少的部分。到了2020年，为web应用开发项目选择合适的JavaScript框架依旧是个问题。 正在阅读本文的你，想必也在烦恼应用程序开发的技术堆栈应该如何选择。做决定很困难，此文正是为各位创业者解决困境而作。技术堆栈选择的常见问题有： React还是Vue：新的web开发项目选用哪个更好？ 两者中谁表现更好？ 开发者更喜欢哪一个？ 哪一个更适合小型web应用程序 哪一个更可靠？ 阅读......
29 天前 / 江米小枣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......
43 天前 / 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 源码开放事件，总体上是一个非常正面的态度。 在这种背景下，我注意到了两段争论，一个来自国外社区，一个来自国内；它......
58 天前 / 开发者头条
一周 GitHub 开源项目推荐 点击链接或图片即可阅读 喜欢请分享到朋友圈哦 TubeMQ：腾讯开源的万亿级分布式消息中间件 TubeMQ 是腾讯在 2013 年自研的分布式消息中间件系统，专注服务大数据场景下海量数据的高性能存储和传输，经过近 7 年上万亿的海量数据沉淀，目前日均接入量超过 25 万亿条。 较之于众多明星的开源 MQ 组件，TubeMQ 在海量实践（稳定性 + 性能）和低成本方面有着比较好的核心优势。 GitHub 地址如何获取项目地址？点击链接，打开后，「复制链接」即可。https://github.com/Tencent/TubeMQ py12306：12306 购票助......
63 天前 / 开发者头条
点击链接或图片即可阅读 喜欢请分享到朋友圈哦 项目介绍 基于 Vue 的表单设计器，让表单开发简单而高效 特性 可视化配置页面 提供栅格布局，并采用 flex 实现对齐 一键预览配置的效果 一键生成配置 json 数据 一键生成代码，立即可运行 提供自定义组件满足用户自定义需求 提供远端数据接口，方便用户需要异步获取数据加载 提供功能强大的高级组件 支持表单验证 快速获取表单数据 GitHub 地址 如何获取项目地址？点击链接，打开后，「复制链接」即可。 https://github.com/GavinZhuLei/vue-form-making 更多 GitHub ......
65 天前 / pingan8787
前言我最近在写 Vue 进阶的内容。在这个过程中，有些人问我看 Vue 源码需要有哪些准备吗？所以也就有了这篇计划之外的文章。 当你想学习 Vue 源码的时候，需要有扎实的 JavaScript 基础，下面罗列的只是其中的一部分比较具有代表性的知识点。如果你还不具备 JavaScript 基础的话，建议不要急着看 Vue 源码，这样你会很容易放弃的。 我会从以下 7 点来展开： Flow 基本语法 发布/订阅模式 Object.defineProperty ES6+ 语法 原型链、闭包 函数柯里化 event loop 必要知识储备需要注意的是这篇文章每个点不会讲的特别详细，我这里就是把一......
75 天前 / 冷星1024
（给前端大全加星标，提升前端技能） 作者：政采云前端团队 公号 / 季节 （本文来自作者投稿） 背景 初识 Vue.js ，了解到组件是 Vue 的主要构成部分，但组件内部的作用域是相对独立的部分，组件之间的关系一般如下图： 组件 A 与组件 B 、C 之间是父子组件，组件 B 、C 之间是兄弟组件，而组件 A 、D 之间是隔代的关系。 那么对于这些不同的关系，本文主要分享了他们之间可以采用的几种数据通信方式，例如 Props 、$emit / $on 、Vuex 等，大家可以根据自己的使用场景可以选择适合的使用方式。 一、 Prop / $emit 1、P......
86 天前 / chenquincy
方便不想看完全篇文章的童鞋，简单总结一下，这是篇软广，主要是推广自己在业务中沉淀的一个开源组件 vue-dynamic-form-component。基于 element-ui 实现的 vue组件，只需编写类似 async-validator 的规则，自动生成对应的表单，支持常见输入类型的同时，支持嵌套对象、hashmap、多维数组等复杂类型。有需要的童鞋欢迎使用和贡献代码，顺便给个star（我也不知道为什么字体自动加黑了，不关我事） 前言几个月前，我在github开源了一个前端解析手机应用安装包（IPA 或 APK 文件）信息的工具 app-info-parser，算是第一次正儿八经的做开源这件事，之......
95 天前 / 冷星1024
实现页面皮肤切换，常见的方案有几种：替换 css 链接、替换 className、改变 css 原生变量值、使用 less.modifyVars、props 参数下发等；不同的业务场景，我们一般会选择不同的方法来实现目标。最近在公司运营活动平台上的主题功能的实现 ，我们尝试了一种新的解决方案，实现了页面主题的切换，目标是为了提高项目的可维护性、可扩展性，以及降低接入复杂度。 “主题”需求在了解主题功能之前，我们先来解下业务场景：在运营活动后台中，编辑活动配置页面，拖拽选择所需对应组件，并设置组件相应配置项，点击保存，既完成活动页面发布活动，前台就......
102 天前 / 遁地龙卷风
源码在 https://github.com/xiaodun/sf-feed
函数式组件