前端滑块验证

1.前端页面应用滑块验证可以防止页面频繁向后台请求数据; 2.主要用到js事件: onmousedown() 鼠标按下时响应 onmousemove() 鼠标移动时响应 onmouseup() 鼠标弹起时响应 3.获取页面距离: e.clientX obj.offsetWidth obj.offse ... »

为我们的SSR程序添加热更新功能

前沿 通过上一篇文章 "通过vue cli3构建一个SSR应用程序" 我们知道了什么是SSR,以及如何通过vue cli3构建一个SSR应用程序。但是最后遗留了一些问题没有处理,就是没有添加开发时的热更新功能,难道要每次更新代码都要重新编译打包吗?显然不是很合理。那接下来我们将为该SSR程序添加热更 ... »

如何编写 Typescript 声明文件

使用 已经有了一段时间,这的确是一个好东西,虽说在使用的过程中也发现了一些 ,不过都是些小问题,所以整体体验还是很不错的。 之所以叫 ,和它的强类型是分不开的,这也是区别于 最关键的一点,类型的声明可以直接写在代码中,也可以单独写一个用来表示类型的描述文件 。 <! more 常用方式 首先在 中是 ... »

【详解JavaScript系列】JavaScript之变量

一 概述 本篇文章将讲解JavaScript中的变量,大致内容归结为: 1.变量定义 包括变量声明和变量初始化 2.变量种类 包括局部变量和全局变量 3.变量链式作用域及访问 二 内容 (一)变量定义 在JavaScript编程语言中,变量的定义是通过var关键字来定义的(若变量不通过var定义,则 ... »

Fetch的使用及兼容ie的处理

Fetch 作为一个与时俱进的前端,Fetch当然应该有所了解和涉猎。如果你没有听说过Fetch,那么ajax应该不陌生吧。Fetch相当于是一个新版本的Ajax,虽然现在我们常常使用的仍是ajax,但是fetch已经在渐渐地撼动ajax的地位。在最近的项目中,为了更新一下技术栈,所以使用了fetc ... »

显微镜下的webpack4入门

前端的构建打包工具很多,比如grunt,gulp。相信这两者大家应该是耳熟能详的,上手相对简单,而且所需手敲的代码都是比较简单的。然后webpack的出现,让这两者打包工具都有点失宠了。webpack比起前两者打包工具,对于前端程序员JS编程能力的要求还是挺高的。不过需要兼容ie8及以下的小伙伴们, ... »

【详解JavaScript系列】JavaScript之流程语句

本讲主要讲解JavaScript流程语句,其大致内容包括如下: 一 常用语句 由于如下语句比较通用,本篇文章就不再论述 1.条件语句 if 2.循环语句 while,do..while,for 二 for..in..语句 1.定义 for...in...,是一种迭代语句,用来枚举对象的属性,其语法定 ... »

react系列(四)Redux基本概念和使用

Redux基本概念 先从Flux开始 先放一个 "Flux官网" 的链接。需要fq。 Flux是Facebook提出的一种构建客户端网页应用的应用架构,它是一种抽象程度很高的设计模式,鼓励单向数据流。 在之前的MVC架构中,在小型应用中,Model和View较少时,关系不复杂,维护轻松。但是一旦功 ... »

webpack4 系列教程(十二):处理第三方JavaScript库

教程所示图片使用的是 github 仓库图片,网速过慢的朋友请移步 "《webpack4 系列教程(十二):处理第三方 JavaScript 库》原文地址" 。或者来我的小站看更多内容: "godbmw.com" 0. 课程介绍和资料 " 本节课源码" " 所有课程源码" 本节课的代码目录如下: 本 ... »

js,setTimeout与setInterval的用法

1.setTimeout与setInterval的区别 setTimeout: 1.直接使用的话,按照指定 的时间,只执行一次传入的函数参数。 2.函数的终止使用clearTimeout。 setInterval: 1.直接使用的话,按照指定的时间,循环执行传入的函数参数 2.函数的终止使用clea ... »

Node.js系列-express(下)

前言 距上次更新博客又两个月多了,这两个月内除了上班时间忙公司的项目外,下班后也没有闲着,做了点外包,有小程序的,管理端的项目。也可能那段时间做的外包项目也都比较急,所以晚上都搞到一点左右睡,严重的压榨了自己的休息时间,搞得缓了很久才恢复过来。当然,也发现了忙外包的好处和坏处了,好处就可以多了些项目 ... »

webpack4.x加vue模板文件简单还原vue-cli

1.首先 npm init -y 创建一个项目 2.安装vue npm install vue --save 3.然后安装webpack 注意如果全局没有还要安装全局的webpack和webpack-cli npm install --save-dev webpack webpack-dev-ser ... »

手把手教你实现一个引导动画

前言 最近看了一些文章,知道了实现引导动画的基本原理,所以决定来自己亲手做一个通用的引导动画类。 我们先来看一下具体的效果: "点这里" 原理 1. 通过维护一个Modal实例,使用Modal的mask来隐藏掉页面的其他元素。 2. 根据用户传入的需要引导的元素列表,依次来展示元素。展示元素的原理: ... »

koa源码解读

koa是有express原班人马打造的基于node.js的下一代web开发框架。koa 1.0使用generator实现异步,相比于回调简单和优雅和不少。koa团队并没有止步于koa 1.0, 随着node.js开始支持async/await,他们又马不停蹄的发布了koa 2.0,koa2完全使用P... ... »

如何判断JavaScript的数据类型?

JavaScript数据类型 本文将讲解我目前所知道的判断JavaScript数据类型的方法。 JavaScript数据类型一共有7种: Undefined Null Boolean String Symbol Number Object 除了Object之外的6种属于原始数据类型。有时,我们还会细 ... »