深入理解react 组件类型及使用场景
函数组件 vs 类组件
函数组件(Functional Component )和类组件(Class Component)，划分依据是根据组件的定义方式。函数组件使用函数定义组件，类组件使用ES6 class定义组件
//...
2020-05-27
Webpack4 使用Babel处理ES6语法的方法示例
修改 index.js 内容，写一些 ES6 的语法：const arr = [ new Promise(() => {}), new Promise(() => {})];arr.map(item => { console.log(item);})ES6 很强大，但目前并不是所...
2020-05-27
webpack4.x下babel的安装、配置及使用详解
前言
目前，ES6（ES2015）这样的语法已经得到很大规模的应用，它具有更加简洁、功能更加强大的特点，实际项目中很可能会使用采用了ES6语法的模块，但浏览器对于ES6语法的支持并不完善。...
2020-05-27
validform表单验证的实现方法
validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素，这种形式非常方便，下面写法更加智能得到label内容来提示validform有什么用？网页上有大量的input需要你进...
2020-05-27
NodeJs入门教程之定时器和队列
一,介绍与需求
1.1,介绍
定时任务（node-schedule)，是针对Node.js的一种灵活的cron-like和not-cron-like作业调度程序。它允许您使用可选的递归规则将作业(任意函数)安排在特...
2020-05-27
浅谈Javascript常用正则表达式应用
模式修饰符的可选参数 i: 忽略大小写 g: 全局匹配 m: 多行匹配 /hello/: 两个反斜杠是正则表达式的字面量表示法
两个测试方法testconst test = new RegExp('hello wo...
2020-05-27
详解js 创建对象的几种方法
在js中创建对象的方法可分为6种，分别是：基本模式、工厂模式、构造函数模式、原型模式、组合模式、动态原型模式，接下来分别看下这几种模式的写法吧一、基本模式var person = ne...
2020-05-27
详解小程序循环require之坑
1. 循环require
在JavaScript中，模块之间可能出现相互引用的情况，例如现在有三个模块，他们之间的相互引用关系如下，大致的引用关系可以表示为 A -> B -> C -> A，要完成模块A，它依...
2020-05-27
利用angular自动编译andriod APK的绕坑经历分享
背景
前端架构师使用angular JS作为框架，打包android APK。程序已经完成，需要使用自动编译功能来检测服务。下面话不多说了，来一起看看详细的介绍吧问题
问题一：JDK需要使用1.8，...
2020-05-27
详解JavaScript函数callee、call、apply的区别
arguments.callee
关于callee的解释：callee 是 arguments 对象的一个属性。可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用，例如在没有名称...
2020-05-27
小程序测试后台服务的方法(ngrok)
什么是ngrok？官方解释是这样说的：ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。这段话是什么意思？运行ngrok服务以后，本地运行的Web服...
2020-05-27
Angular使用ControlValueAccessor创建自定义表单控件
在 Angular 自定义表单控件，有时你想要的输入不是标准的文本输入、选择或复选框。通过实现ControlValueAccessor 接口并将组件注册为 NG_VALUE_ACCESSOR，您可以将自定义表单控...
2020-05-27
详解JavaScript 的变量
基本类型和引用类型的值
ECMAScript变量一般有两种数据类型的值：基本类型和引用类型。 基本类型： 简单的数据段：Undefined, Null, Boolean, Number, String 引用类型：多个值构...
2020-05-27
JavaScript实现预览本地上传图片功能完整示例
本文实例讲述了JavaScript实现预览本地上传图片功能。分享给大家供大家参考，具体如下：<html><head><title>www.freexyz.cn 图片上传预览</title><script> function PreviewIma...
2020-05-27
详解基于vue-cli3快速发布一个fullpage组件
前言
想必大家都看过fullpage.js——这是一款非常好用的翻页插件。
现在vue非常流行，大家想不想发布一个组件给别人使用呢？
这里我们基于vue-cli3快速搭建一个简单的fullpage...
2020-05-27
Javascript之高级数组API的使用实例
JS中我们可以根据需求新建新的对象解决问题的同时，也有一些常用的内置对象供我们使用，我们称之为API，本篇文章只是对数组部分进行了练习。例一：伪数组，不能修改长短的数组（所以没...
2020-05-27
详解vue项目中使用token的身份验证的简单实践
工作原理 前端页面进行登录操作, 将用户名与密码发给服务器; 服务器进行效验, 通过后生成token, 包含信息有密钥, uid, 过期时间, 一些随机算法等 ,然后返回给前端 前端...
2020-05-27
零基础之Node.js搭建API服务器的详解
零基础之Node.js搭建API服务器这篇文章写给那些Node.js零基础，但希望自己动手实现服务器API的前端开发者，尝试帮大家打开一扇门。HTTP服务器实现原理HTTP服务器之所以能提供前...
2020-05-27
JavaScript解析机制与闭包原理实例详解
本文实例讲述了JavaScript解析机制与闭包原理。分享给大家供大家参考，具体如下：js解析机制：js代码解析之前会创建一个如下的词法环境对象（仓库）：LexicalEnvironment{ }在扫描js代...
2020-05-27
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
本文实例讲述了vue.js使用v-model实现表单元素(input) 双向数据绑定功能。分享给大家供大家参考，具体如下：v-model 一般表单元素(input) 双向数据绑定el:'#box',//这里放的是...
2020-05-27
vue基础之data存储数据及v-for循环用法示例
本文实例讲述了vue data存储数据及v-for循环用法。分享给大家供大家参考，具体如下：vue data里面存储数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t...
2020-05-27
Node.js Event Loop各阶段讲解
Event Loop阶段描述图timerstimer阶段处理setTimeout于setInterval回调，开始处理的时机与poll阶段有关联。pending callbacks该阶段执行某些系统操作的回调，比如TCP套接字在连...
2020-05-27
详解JSON和JSONP劫持以及解决方法
json劫持
json劫持攻击又为”JSON Hijacking”，攻击过程有点类似于csrf，只不过csrf只管发送http请求，但是json-hijack的目的是获取敏感数据。
一些web应用会把一些敏感数据以j...
2020-05-27
Node.js Stream ondata触发时机与顺序的探索
上次写Stream pipe细节时，在源码中发现一段无用逻辑，由此引发了对Stream data事件触发时机与顺序的探索。无用逻辑当时研究pipe细节是基于Node.js v8.11.1的源码，其中针对上游...
2020-05-27
详解vue2.6插槽更新v-slot用法总结
在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。新语...
2020-05-27
Koa日志中间件封装开发详解
对于一个服务器应用来说，日志的记录是必不可少的，我们需要使用其记录项目程序每天都做了什么，什么时候发生过错误，发生过什么错误等等，便于日后回顾、实时掌握服务器的运行状态，还...
2020-05-27
使用pm2部署node生产环境的方法步骤
一、PM2是什么
是可以用于生产环境的Nodejs的进程管理工具，并且它内置一个负载均衡。它不仅可以保证服务不会中断一直在线，并且提供0秒reload功能，还有其他一系列进程管理、...
2020-05-27
在NPM发布自己造的轮子的方法步骤
1、前言自从Node.js出现，它的好基友npm(node package manager)也是我们日常开发中必不可少的东西。npm让js实现了模块化，使得复用其他人写好的模块（搬砖）变得更加方便，也让我们可...
2020-05-27
Vue中的验证登录状态的实现方法
Vue项目中实现用户登录及token验证
先说一下我的实现步骤： 使用easy-mock新建登录接口，模拟用户数据 使用axios请求登录接口，匹配账号和密码 账号密码验证后， 拿到token，将tok...
2020-05-27
vue模块拖拽实现示例代码
正巧在之前面试中遇到问实现拖拽效果当时面试的时候简单回答了实现的方式与逻辑。现在闲来无事，把这个东西实现了一下。原理很简单，写的很方便。数据驱动，建立一个数组，数组初始...
2020-05-27
深入理解使用Vue实现Context-Menu的思考与总结
简介
先来看最终成果：
操作逻辑为： 点击 ... 弹出 context-menu; 点击非 context-menu 区域，隐藏 context-menu； 点击 context-menu 中的任何一个选项，隐藏 context-menu；
思...
2020-05-27
Node.js动手撸一个静态资源服务器的方法
简介
本文介绍了一个简单的静态资源服务器的实例项目，希望能给Node.js初学者带来帮助。项目涉及到http、fs、url、path、zlib、process、child_process等模块，涵盖大量常用api...
2020-05-27
angular 实现下拉列表组件的示例代码
需求：方案一最开始就是用最简单的方法，前台请求数据，然后通过select和option在页面上显示，但是写了一会儿发现出现了许多类似下面的重复的代码：// 初始化年级选项initGradeOption...
2020-05-27
JavaScript中常用的简洁高级技巧总结
前言
编程是一件很快乐的事，实现一个目的，我们可以有很多方法路径，在这篇文章我们介绍一些JavaScript的奇技淫巧，仅供大家参考，各路大神在平时的代码编写时，如很多简洁高效的书写...
2020-05-27
每天学点Vue源码之vm.$mount挂载函数
在vue实例中，通过$mount()实现实例的挂载，下面来分析一下$mount()函数都实现了什么功能。$mount函数执行位置_init这个私有方法是在执行initMixin时候绑定到Vue原型上的。 $mo...
2020-05-27
vue基础之事件v-onclick="函数"用法示例
本文实例讲述了vue基础之事件v-onclick=函数用法。分享给大家供大家参考，具体如下：v-on:click/mouseout/mouseover/dblclick/mousedown.....事件:v-on:click="函数"
v-on:clic...
2020-05-27
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
本文实例讲述了vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件。分享给大家供大家参考，具体如下：v-on:click/mouseover......简写的:@click="" 推荐事件对象:...
2020-05-27
配置eslint规范项目代码风格
为什么要使用eslint
你在接手一个项目的维护迭代任务，阅读代码的时候是否会因为项目中充斥着各种风格的代码而感到头疼？没错，eslint就是为了解决这类问题eslint能做什么？
1.代码...
2020-05-27
vue基础之v-bind属性、class和style用法分析
本文实例讲述了vue基础之v-bind属性、class和style用法。分享给大家供大家参考，具体如下：一、属性属性:v-bind:src=""
width/height/title....简写::src="" 推荐<img src="...
2020-05-27
使用Jenkins部署React项目的方法步骤
背景
公司的前端项目部署方式比较简单，整个过程基本上是手动的；
目标
通过工具实现以下几个任务： 编译、部署自动化； 选择指定版本进行回滚； 区分不同的分支（环境）；技术方案 选...
2020-05-27
Vue实现一个图片懒加载插件
前言图片懒加载是一个很常用的功能，特别是一些电商平台，这对性能优化至关重要。今天就用vue来实现一个图片懒加载的插件。 这篇博客采用“三步走”战略——Vue.use()、Vue.dir...
2020-05-27
es6数值的扩展方法
Number的方法扩展
Number.isFinite() 方法检测有限的数值（有穷的数值） console.log(Number.isFinite(1)) // true console.log(Number.isFinite(3.1415926)) // true conso...
2020-05-27
记录一次完整的react hooks实践
写在前面React在16.8版本正式发布了Hooks。关注了很久，最近正好有一个小需求，赶紧来试一下。需求描述需求很简单，部门内部的一个数据查询小工具。大致长成下面这样：用户首次访问...
2020-05-27
30分钟精通React今年最劲爆的新特性——React Hooks
你还在为该使用无状态组件（Function）还是有状态组件（Class）而烦恼吗？
——拥有了hooks，你再也不需要写Class了，你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩子函...
2020-05-27
JavaScript使用小插件实现倒计时的方法讲解
CountDown.js一个用来实现简单页面倒计时的轻量级工具APICountDown.openTimeCountBySeconds()根据要计时的秒数打开一个显示剩余时间的倒计时参数： Ele: 放置倒计时的元素...
2020-05-27
NestJs 静态目录配置详解
网上查看了很多文档，发现很多都是自己实现中间件来完成此功能，不仅浪费时间，而且增加了太多的代码量。实际上，nest已经帮助我们封装好了相关功能。1、查找线索由于官方文档没有...
2020-05-27
详解javascript 变量提升（Hoisting）
简介
“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面，但这么说并不准确。
实际上变量和函数声明在代码里的位置是不会动的，而是在编译阶段被放入内存中...
2020-05-27
javascript中数组的常用算法深入分析
前言Array是Javascript构成的一个重要的部分，它可以用来存储字符串、对象、函数、Number，它是非常强大的。因此深入了解Array是前端必修的功课。本文将给大家详细介绍了javasc...
2020-05-27
详解微信小程序框架wepy踩坑记录（与vue对比）
wepy框架借鉴了vue的语法风格和功能特性，但是在使用过程中还是发现与vue有很大的不同。现在总结一下自己开发中遇到的问题，共大家参考一下。如果第一次用wepy开发，强烈建议仔细...
2020-05-27
详解用Webpack与Babel配置ES6开发环境
安装 Webpack
安装：# 本地安装$ npm install --save-dev webpack webpack-cli# 全局安装$ npm install -g webpack webpack-cli在项目根目录下新建一个配置文件—— webpack....
2020-05-27
