网络编程

基于Vue实现微前端的示例代码

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

vue中使用带隐藏文本信息的图片、图片水印的方法

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

vue 路由懒加载中给 Webpack Chunks 命名的方法

最早的路由定义方式import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import About from '../views/About.vue'im... 查看详情
收藏 0 赞 0 分享

Vue中函数防抖节流的理解及应用实现

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

详解ES6 CLASS在微信小程序中的应用实例

ES6 CLASS基本用法class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}1.1 co... 查看详情
收藏 0 赞 0 分享

javascript 函数的暂停和恢复实例详解

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

使用 Jest 和 Supertest 进行接口端点测试实例详解

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

JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析

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

JavaScript ECMA-262-3 深入解析(二):变量对象实例详解

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

javascript执行上下文、变量对象实例分析

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

javascript 易错知识点实例小结

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

es6函数之尾递归用法实例分析

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

es6函数之尾调用优化实例分析

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

es6数组之扩展运算符操作实例分析

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

es6函数之箭头函数用法实例详解

本文实例讲述了es6函数之箭头函数用法。分享给大家供大家参考,具体如下:es6允许使用“箭头”(=>)定义函数。var f = v => v// 等同于var f = function(v) { return v}如果箭头函数不需要参数或需要多个参数,就使用一个圆括号... 查看详情
收藏 0 赞 0 分享

详解关于Vue单元测试的几个坑

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

javascript设计模式 – 访问者模式原理与用法实例分析

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

vue 使用 vue-pdf 实现pdf在线预览的示例代码

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

小程序自定义导航栏兼容适配所有机型(附完整案例)

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

基于JavaScript实现十五拼图代码实例

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