vue+express+jwt持久化登录的方法

jwt 持久化验证前端篇,node 配置详情请移步这里我用的是vue3,下面是 src 的目录用到的依赖验证思路Home 页写登录,然后在 About 页获取到登录名。
登录成功缓存 token,进入About...

微信小程序版本自动更新的方法

公司的小程序项目上线, 后期还会有小型的版本迭代. 为了让用户能在我们进行版本迭代后及时使用最新版本的功能. 做了以下优化..
知识点1: 当用户点击左上角关闭,或者按了设备...

详解微信小程序胶囊按钮返回|首页自定义导航栏功能

项目代码:https://github.com/Shay0921/header-navbar.git在小程序中,从转发出来的小程序消息卡片进入,因为页面栈中只有一个,所以不会出现返回按钮,对于一些电商平台来说,当商品...

回顾Javascript React基础

前言React核心的单向数据流、一切皆数据的state、不会改变的props,以及状态提升等等经常使用便不多总结,需要的看官方文档。JSX
JSX 本质只是为 React.createElement(componen...

js中let能否完全替代IIFE

前言最近,我写了一篇关于syntax of Java's IIFE pattern的文章,来解释为什么我们用现在的方式来写立即执行函数表达式。少数的读者批评文章过时了,都在争论在ECMA 2015中介绍的...

RxJS的入门指引和初步应用

前言RxJS是一个强大的Reactive编程库,提供了强大的数据流组合与控制能力,但是其学习门槛一直很高,本次分享期望从一些特别的角度解读它在业务中的使用,而不是从API角度去讲解。R...

通过实例了解js函数中参数的传递

先看一道JS的笔试题:var setObj=function(o){o.name="xiaoming";o={};o.name="xiaohong";}var p={name:"xixi",age:24};setObj(p);console.log(p);答案是{name:xiaoming,age2...

深入了解JavaScript 的 WebAssembly

JavaScript 的 WebAssembly
本周发布的 Firefox 52 加入了对 WebAssembly 的支持,成为第一个支持 WebAssembly 标准的浏览器,而其它浏览器如 Chrome 57、Safari 和 Edge 也都...

js笔试题-接收get请求参数

题目请编写一个JavaScript函数,它的用途是接收url中get请求的参数,并返回为对象,如: var url = “https://i.cnblogs.com/EditPosts.aspx?opt=1″。本题考察了js如何获得url...

通过实例讲解JS如何防抖动

前言这道题目经常与事件触发器同时存在,为了考察面试者在一些具体业务流程上(信息流,搜索框输入查询)等,能否综合的考虑实现思路。题目在某些信息列表中一般采用瀑布流,滚动一屏时...

使用Vue.js 和Chart.js制作绚丽多彩的图表

前言深入学习 chart.js 的选项来制作漂亮的图表。交互式图表可以给你的数据可视化提供很酷的展示方式。但是大多数开箱即用的解决方案用默认的选项并不能做出很绚丽的图表。...

一些可能会用到的Node.js面试题

前言从ECMAScript标准,Node.js语法以及NPM模块角度来看,Node.js的发展让人目不暇接,那么面试题也得与时俱进。问题
什么是错误优先的回调函数? 如何避免回调地狱? 什么是Prom...

Async/Await替代Promise的6个理由

前言Node.js 7.6 已经支持 async/await 了,如果你还没有试过,这篇博客将告诉你为什么要用它。Async/Await 简介
对于从未听说过 async/await 的朋友,下面是简介: async/await...

jQuery创建折叠式菜单

今天给大家介绍如何使用jQuery创建折叠式菜单,即通常所说的手风琴效果(accordion [əˈkɔ:rdiən])。实现效果如下:一、HTML代码结构要实现折叠式菜单,代码相当...

JavaScript工具库之Lodash详解

前言你还在为JavaScript中的数据转换、匹配、查找等烦恼吗?一堆看似简单的foreach,却冗长无趣,可仍还在不停的repeat it!也许你已经用上了Underscore.js,不错,你已经进步很大一步...

JavaScript模块管理的简单实现方式详解

1. 为什么会有这个东西?方便组织你的代码,提高项目的可维护性。一个项目的可维护性高不高,也体现一个程序员的水平,在如今越来越复杂的前端项目,这一点尤为重要。2. 为什么不用re...

JS中的一些常用的函数式编程术语

组合 Composition
组合某种类型(含函数)的两个元素,进而生成一个该类型的新元素:JavaScript
let compose = (f, g) => a => f(g(a))let toUpperCase = x => x.toUpperCase()let...

简谈创建React Component的几种方式

前言当我们谈起React的时候,多半会将注意力集中在组件之上,思考如何将页面划分成一个个组件,以及如何编写可复用的组件。但对于接触React不久,还没有真正用它做一个完整项目的人...

JavaScript中的ES6 Proxy的具体使用

场景
就算只是扮演,也会成为真实的自我的一部分。对人类的精神来说,真实和虚假其实并没有明显的界限。入戏太深不是一件好事,但对于你来说并不成立,因为戏中的你才是真正符合你...

JavaScript 处理树数据结构的方法示例

JavaScript 处理树结构数据
场景
即便在前端,也有很多时候需要操作 树结构 的情况,最典型的场景莫过于 无限级分类。之前吾辈曾经遇到过这种场景,但当时没有多想直接手撕 JavaS...

浅谈一种让小程序支持JSX语法的新思路

React社区一直在探寻使用React语法开发小程序的方式,其中比较著名的项目有Taro,nanachi。而使用React语法开发小程序的难点主要就是在JSX语法上,JSX本质上是JS,相比于小程序静态...

详解vue微信网页授权最终解决方案

vue微信网页授权,基于vue-cli3.0+webpack 4+vant ui + sass+ rem适配方案+axios,开发的微信授权方案。项目地址:vue-wechat-auth参考了[vue-wechat-login],思路有些不同,本文基于...

如何进行微信公众号开发的本地调试的方法

微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只需要要你有一个手机,手机上安装了一...

最简单的vue消息提示全局组件的方法

简介实现功能 自定义文本 自定义类型(默认,消息,成功,警告,危险) 自定义过渡时间使用vue-cli3.0生成项目toast全局组件编写/src/toast/toast.vue<template> <div class="app-...

详解Vue.js中引入图片路径的几种方式

vue --version 3.6.3记录总结一下的Vue中引入图片路径的几种书写方式vue中静态资源的引入机制
Vue.js关于静态资源的 官方文档静态资源可以通过两种方式进行处理:在 JavaScri...

vue+element加入签名效果(移动端可用)

下面介绍为了方便就把项目的文件叫作父组件,然后签名的那个组件叫作子组件! 如有不太明白的地方,多看看代码注释。为细节地方1. 首先根据element ui 在父组件中设置好diglog弹...

javascript使用substring实现的展开与收缩文字功能示例

本文实例讲述了javascript使用substring实现的展开与收缩文字功能。分享给大家供大家参考,具体如下:效果如图:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

如何使用Node.js爬取任意网页资源并输出PDF文件到本地

需求:
使用Node.js爬取网页资源,开箱即用的配置 将爬取到的网页内容以PDF格式输出如果你是一名技术人员,那么可以看我接下来的文章,否则,请直接移步到我的github仓库,直接看文...

javascript实现日历效果

本文实例为大家分享了js实现日历效果的具体代码,供大家参考,具体内容如下<!doctype html><html><head> <meta charset="gb2312"> <title>万年历</title> <script type="tex...

Vue拖拽组件列表实现动态页面配置功能

需求描述最近在做一个后台系统,有一个功能产品需求是页面分为左右两部分,通过右边的组件列表来动态配置左边的页面视图,并且左边由组件拼装起来的视图,可以实现上下拖拽改变顺序...

Vue程序调试的方法

1.写本文的背景因为程序的调试非常重要,程序猿可以利用好的调试方法去查找定位自己的问题所在之处。从而,达到纠正自己程序错误的地方,健壮自己的程序,让问题变得越来越少,程序变...

深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践

前言阿特伍德定律,指的是any application that can be written in JavaScript, will eventually be written in JavaScript,意即“任何可以用JavaScript来写的应用,最终都将用J...

javascript系统时间设置操作示例

本文实例讲述了javascript系统时间设置操作。分享给大家供大家参考,具体如下:<script> //myTime typeof //object window.onload = function() { var obody = document.b...

学习RxJS之JavaScript框架Cycle.js

是什么
Cycle.js 是一个极简的JavaScript框架(核心部分加上注释125行),提供了一种函数式,响应式的人机交互接口(以下简称HCI):函数式
Cycle.js 把应用程序抽象成一个纯函数 main(),...

深入解读Node.js中的koa源码

前言Node.js也是写了两三年的时间了,刚开始学习Node的时候,hello world就是创建一个HttpServer,后来在工作中也是经历过Express、Koa1.x、Koa2.x以及最近还在研究的结合着TypeS...

深入解析koa之中间件流程控制

前言koa被认为是第二代web后端开发框架,相比于前代express而言,其最大的特色无疑就是解决了回调金字塔的问题,让异步的写法更加的简洁。在使用koa的过程中,其实一直比较好奇koa...

JavaScript静态作用域和动态作用域实例详解

静态作用域指的是一段代码,在它执行之前就已经确定了它的作用域,简单来说就是在执行之前就确定了它可以应用哪些地方的作用域(变量)。动态作用域–函数的作用域是在函数调用的...

JS实现的字符串数组去重功能小结

本文实例讲述了JS实现的字符串数组去重功能。分享给大家供大家参考,具体如下:这里只考虑最简单字符串的数组去重,暂不考虑,对象,函数,NaN等情况,这种用正则实现起来就吃力不讨好了...

详解element-ui设置下拉选择切换必填和非必填

&#10146; 需求默认都是必选下拉选择的时候选择必填,活动名称为必填,需要校验和显示*选择非必填,活动名称不做校验,隐藏*&#10146; 初始校验规则经测试,网上其他的方式都没有实现需...

JS中数据结构与算法---排序算法(Sort Algorithm)实例详解

排序算法的介绍排序也称排序算法 (Sort Algorithm),排序是将 一组数据 , 依指定的顺序 进行 排列的过程 。排序的分类1) 内部排序 : 指将需要处理的所有数据都加载 到 内部存...

深入解析koa之异步回调处理

1. 回调金字塔及理想中的解决方案
我们都知道javascript是一门单线程异步非阻塞语言。异步非阻塞当然是它的一个优点,但大量的异步操作必然涉及大量的回调函数,特别是当异步嵌...

javascript定时器的简单应用示例【控制方块移动】

本文实例讲述了javascript定时器的简单应用。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn 定时器...

如何从头实现一个node.js的koa框架

前言koa.js是最流行的node.js后端框架之一,有很多网站都使用koa进行开发,同时社区也涌现出了一大批基于koa封装的企业级框架。然而,在这些亮眼的成绩背后,作为核心引擎的koa代码...

通过实例解析js简易模块加载器

前端模块化
关注前端技术发展的各位亲们,肯定对模块化开发这个名词不陌生。随着前端工程越来越复杂,代码越来越多,模块化成了必不可免的趋势。各种标准
由于javascript本身并没...

JavaScript 扩展运算符用法实例小结【基于ES6】

本文实例讲述了JavaScript 扩展运算符用法。分享给大家供大家参考,具体如下:扩展运算符格式扩展运算符格式很简单,就是三个点(…)重点:需要ES6 语法支持扩展运算符作用???扩展运算...

通过js给网页加上水印背景实例

水印方法
export function watermark(settings) {//默认设置let defaultSettings={watermark_txt:"text",watermark_x:20,//水印起始位置x轴坐标watermark_y:20,//水印起始...

使用imba.io框架得到比 vue 快50倍的性能基准

我是标题党吗?是,但也不是。以图为证。上图表示了vue, react 以及 imba 在 todo 这个项目中拥有60个 todoItem 不同进行 crud 操作的表现。可以看到 imba 达到了每秒操作5w次...

如何解决js函数防抖、节流出现的问题

React中使用防抖函数和节流函数
在React事件调用时,React传递给事件处理程序是一个合成事件对象的实例。SyntheticEvent对象是通过合并得到的。 这意味着在事件回调被调用后,S...

通过实例学习React中事件节流防抖

节流方法一
import Throttle from 'lodash-decorators/throttle';export default class Search extends Component {constructor(props) {super(props)this.handleSearch =...

送你43道JS面试题(收藏)

导读这两天的GitHub Trending repositories被一个名叫 javascript-questions的项目霸榜了,项目中记录了一些JavaScript题目。我大概从头到尾看了一遍,都是一些基础的题目,我大...

返回顶部
顶部