网络编程

   前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于Web Components的实现脱离整体打包逻辑的，难以工程化。直到遇到了vue-cli 3，子模块打包的问题得以迎刃而解。201... 查看详情

一.带隐藏文本信息的图片 通过RGB 分量值的小量变动，不影响对图片的识别。因此，我们可以在图片加入文字信息。 最终达到如下效果: 首先，在该组件中加入img用于显示图片 <canvas ref="canvas" v-show="0"></c... 查看详情

最早的路由定义方式 import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' import About from '../view... 查看详情

防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。 一、函数防抖 定义 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。 实现原理 ... 查看详情

ES6 CLASS基本用法 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + ... 查看详情

本文实例讲述了javascript 函数的暂停和恢复。分享给大家供大家参考，具体如下： javascript 异步编程从来都是一个难题，最开始我们用 callback，但随之触发了回调地狱，于是“发明” Promise 解决 callback 嵌套过深的问题。然而由于滥用 Pr... 查看详情

本文实例讲述了使用 Jest 和 Supertest 进行接口端点测试。分享给大家供大家参考，具体如下： 如何创建测试是一件困难的事。网络上有许多关于测试的文章，却从来不告诉你他们是如何开始创建测试的。 所以，今天我将分享我在实际工作中是如何从头开始创建测试的。希望能够对你提... 查看详情

目录本文实例讲述了JavaScript ECMA执行上下文。分享给大家供大家参考，具体如下： 介绍 这篇文章我们主要探讨ECMAScript执行上下文和相关的ECMAScript可执行代码。 定义 每次当控制器转到ECMAScript可执行代码的时候，即会进入到一个执行上... 查看详情

目录本文实例讲述了JavaScript ECMA-262-3变量对象。分享给大家供大家参考，具体如下： 介绍 我们在创建应用程序的时候，总免不了要声明变量和函数。那么，当我们需要使用这些东西的时候，解释器(interpreter)是怎么样、从哪里找到我们的数据(函数，变量)的... 查看详情

本文实例讲述了javascript执行上下文、变量对象。分享给大家供大家参考，具体如下： 突然看到一篇远在2010年的老文，作者以章节的形式向我们介绍了ECMA-262-3的部分内容，主要涉及到执行上下文、变量对象、作用域、this等语言细节。内容短小而精悍，文风直白而严谨，读... 查看详情

本文实例总结了javascript 易错知识点。分享给大家供大家参考，具体如下： 为什么 typeof null === 'object' 原理是这样的，不同的对象在底层都表示为二进制，在JavaScript中二进制前三位都为0的话会被判断为 object 类型， null ... 查看详情

本文实例讲述了es6函数之尾递归用法。分享给大家供大家参考，具体如下： 函数调用自身，称为递归，如果尾调用自身，就称为尾递归。 递归非常耗费内存。因为需要同时保存成千上百个调用帧，很容易发生“栈溢出”错误（stack overflow）。但是对于尾递归来说，由于只存在一个调用... 查看详情

本文实例讲述了es6函数之尾调用优化。分享给大家供大家参考，具体如下： 什么是尾调用优化？ 尾调用是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。 function f(x) { return g(x) }... 查看详情

本文实例讲述了es6数组之扩展运算符操作。分享给大家供大家参考，具体如下： 扩展运算符(spread)是三个点(…)。它好比rest参数的逆运算，将一个数组转为用逗号分隔的参数序列。 console.log(...[1, 2, 3]) // 1 2 3 conso... 查看详情

本文实例讲述了es6函数之箭头函数用法。分享给大家供大家参考，具体如下： es6允许使用“箭头”(=>)定义函数。 var f = v => v // 等同于 var f = function(v) { return v } 如果箭... 查看详情

一、写在前面 这篇文章的代码使用karma，mocha，chai，sinon-chai配合Vue的实例属性进行单元测试 二、全局的组件的坑 由于我的g-icon是全局注册的，所以使用g-input组件时的时候g-icon是直接用的，所以测试时有关icon的代码永远是... 查看详情

本文实例讲述了javascript设计模式 – 访问者模式原理与用法。分享给大家供大家参考，具体如下： 介绍：访问者模式比较复杂，它包含访问者和被访问元素两个主要组成部分，这些被访问的元素通常具有不同的类型，且不同的访问者可以对他们进行不同的访问操作。访问者模式的主要目的是将数... 查看详情

背景 之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题，pdf.js的确可以非常完美的实现pdf在线预览的过程，但是感觉这样直接进去有点不太优雅... 查看详情

前言 大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。 思路 隐藏官方导航栏 获取胶囊按钮、状态栏相关数据以供后续计算 根据不同机型计算导航栏高度 编写新... 查看详情

顾名思义，十五拼图就是将游戏画面中的数字从上到下，从左到右按顺序从1到15排列下来，看起来很简单，但是玩起来不容易。 css代码 body { font-family: cursive; font-size: 14pt; text-align: ce... 查看详情