vue项目打包之开发环境和部署环境的实现
项目开发阶段和生产环境可能不一样如前端在开发阶段，接口可能是自己使用 node.js 搭建的服务器，API 返回的也都是假数据，等后台接口开发好后，再切换成后台提供的接口，等测试没有...
2020-05-27
Vue Cli3 打包配置并自动忽略console.log语句的方法
下载插件npm i -D uglifyjs-webpack-plugin在 vue.config.js 引入使用const UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = { configureWebpack: {...
2020-05-27
js实现简单的贪吃蛇游戏
本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下运行截图：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇小游...
2020-05-27
浅谈vue权限管理实现及流程
一、整体思路
后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 addRoutes 动态挂载路由。二、...
2020-05-27
JS eval代码快速解密实例解析
有一段js代码内容如下：eval(function(E,I,A,D,J,K,L,H){function C(A)后面内容省略。。。解密可以采用如下方法：方法一：打开谷歌浏览器，按F12，在Console窗口中把eval代码复制粘贴...
2020-05-27
利用原生JS实现欢乐水果机小游戏
简介：玩家点击某个押注物品则在该物品上下注。点击开始则游戏开始，如果没有下注则不能开始游戏。
游戏中的物品有八中，分别为：苹果、西瓜、柠檬、橙子、铃铛、77、双星、BAR。...
2020-05-27
Vue中通过vue-router实现命名视图的问题
在用vue-router路由处理一些需求的时候 例如 有时需要同时同级展示多个组件 而不是嵌套展示
例如：创建一个布局 有侧导航和主内容两个视图 此时命名视图就派上用场了在路由对...
2020-05-27
微信小程序图片右边加两行文字的代码
图片右边加两行文字先来一个效果图：下面来看代码wxml<view class="view_tupian_wenzi"> <image class="image_1" src="../images/main_yewu.png" /> <view class="view_wen...
2020-05-27
微信小程序实现滑动操作代码
前言本文使用动画组件wx.createAnimation来实现滑动操作：1. 左滑动显示操作项区域；2. 点击操作项触发相应方法；3. 右滑动和点击行收起操作项；4. 点击“删除”并确定则删除该条数...
2020-05-27
详解Vue3中对VDOM的改进
前言
vue-next 对virtual dom的patch更新做了一系列的优化，从编译时加入了 block 以减少 vdom 之间的对比次数，另外还有 hoisted 的操作减少了内存的开销。本文写给自己看，做个...
2020-05-27
小程序开发之模态框组件封装
本文实例为大家分享了小程序模态框组件的封装具体代码，供大家参考，具体内容如下一、前言对于模态框肯定大家都知道，诸如：Bootstartp、element-ui、layui等等都有自己的弹出层，并...
2020-05-27
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
企业信息列表，查看某条记录时，弹窗页里要求展示企业的用户名，而用户名字段不在企业表里。为此，我们需要修改弹窗页的渲染方法。methods: { enterpriseInfo (record) { this.for...
2020-05-27
基于Vue实现微前端的示例代码
   前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于Web Components的实现脱离整体打包逻...
2020-05-27
vue中使用带隐藏文本信息的图片、图片水印的方法
一.带隐藏文本信息的图片通过RGB 分量值的小量变动，不影响对图片的识别。因此，我们可以在图片加入文字信息。最终达到如下效果:首先，在该组件中加入img用于显示图片<canvas ref...
2020-05-27
vue 路由懒加载中给 Webpack Chunks 命名的方法
最早的路由定义方式import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import About from '../views/About.vue'import Login...
2020-05-27
Vue中函数防抖节流的理解及应用实现
防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。一、函数防抖定义
在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型...
2020-05-27
详解ES6 CLASS在微信小程序中的应用实例
ES6 CLASS基本用法
class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}1.1 constructor方法 ...
2020-05-27
javascript 函数的暂停和恢复实例详解
本文实例讲述了javascript 函数的暂停和恢复。分享给大家供大家参考，具体如下：javascript 异步编程从来都是一个难题，最开始我们用 callback，但随之触发了回调地狱，于是“发明”...
2020-05-27
使用 Jest 和 Supertest 进行接口端点测试实例详解
本文实例讲述了使用 Jest 和 Supertest 进行接口端点测试。分享给大家供大家参考，具体如下：如何创建测试是一件困难的事。网络上有许多关于测试的文章，却从来不告诉你他们是如...
2020-05-27
JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析
本文实例讲述了JavaScript ECMA执行上下文。分享给大家供大家参考，具体如下：介绍这篇文章我们主要探讨ECMAScript执行上下文和相关的ECMAScript可执行代码。定义每次当控制器...
2020-05-27
JavaScript ECMA-262-3 深入解析（二）：变量对象实例详解
本文实例讲述了JavaScript ECMA-262-3变量对象。分享给大家供大家参考，具体如下：介绍我们在创建应用程序的时候，总免不了要声明变量和函数。那么，当我们需要使用这些东西的时候，...
2020-05-27
javascript执行上下文、变量对象实例分析
本文实例讲述了javascript执行上下文、变量对象。分享给大家供大家参考，具体如下：突然看到一篇远在2010年的老文，作者以章节的形式向我们介绍了ECMA-262-3的部分内容，主要涉及到...
2020-05-27
javascript 易错知识点实例小结
本文实例总结了javascript 易错知识点。分享给大家供大家参考，具体如下：为什么 typeof null === 'object'原理是这样的，不同的对象在底层都表示为二进制，在JavaScript中二进制前...
2020-05-27
es6函数之尾递归用法实例分析
本文实例讲述了es6函数之尾递归用法。分享给大家供大家参考，具体如下：函数调用自身，称为递归，如果尾调用自身，就称为尾递归。递归非常耗费内存。因为需要同时保存成千上百个调用...
2020-05-27
es6函数之尾调用优化实例分析
本文实例讲述了es6函数之尾调用优化。分享给大家供大家参考，具体如下：什么是尾调用优化？尾调用是函数式编程的一个重要概念，本身非常简单，一句话就能说清楚，就是指某个函数的最后...
2020-05-27
详解关于Vue单元测试的几个坑
一、写在前面
这篇文章的代码使用karma，mocha，chai，sinon-chai配合Vue的实例属性进行单元测试二、全局的组件的坑
由于我的g-icon是全局注册的，所以使用g-input组件时的时候g-ic...
2020-05-27
javascript设计模式 – 访问者模式原理与用法实例分析
本文实例讲述了javascript设计模式 – 访问者模式原理与用法。分享给大家供大家参考，具体如下：介绍：访问者模式比较复杂，它包含访问者和被访问元素两个主要组成部分，这些被访问的...
2020-05-27
vue 使用 vue-pdf 实现pdf在线预览的示例代码
背景
之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题...
2020-05-27
小程序自定义导航栏兼容适配所有机型（附完整案例）
前言大部分情况下我们都是使用微信官方自带的 navigationBar 配置 ，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路 隐藏官方导航栏 获取胶囊按...
2020-05-27
基于JavaScript实现十五拼图代码实例
顾名思义，十五拼图就是将游戏画面中的数字从上到下，从左到右按顺序从1到15排列下来，看起来很简单，但是玩起来不容易。css代码body { font-family: cursive; font-size: 14pt;...
2020-05-27
javascript 使用sleep函数的常见方法详解
本文实例讲述了javascript 使用sleep函数的常见方法。分享给大家供大家参考，具体如下：一.什么是sleep函数？花一点时间来聊一下sleep函数，首先什么是sleep函数？sleep是一种函数，他...
2020-05-27
微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例）
前言navigationBar相信大家都不陌生把？今天我们就来说说自定义navigationBar，把它改变成我们想要的样子（搜索框+胶囊、搜索框+返回按钮+胶囊等）。思路 隐藏原生样式 获取胶囊...
2020-05-27
分享一款超好用的JavaScript 打包压缩工具
背景平时大家在开发 Js 项目的时候，可能已经离不开 webpack 等打包工具了。而 webpack 打包速度大概就是“能用“的水平。大概去年开始，我就开始在构想，如果能写一个极速的打包...
2020-05-27
JavaScript监听一个DOM元素大小变化
1.需求场景开发过程中经常遇到的一个问题就是如何监听一个 div 的size变化。
比如我用canvas绘制了一个chart，当canvas的size发生变化的时候，需要重新绘制里面的内容，这个时候...
2020-05-27
element中的$confirm的使用
可以诸如此类的封装一下/* * 公用提示窗 * @export * @param {string}[desc="确认操作"]弹框提示文字 * @param {string}[title="提示"]弹框标题 * @param{string}[confirmB...
2020-05-27
jquery检测上传文件大小示例
本文实例讲述了jquery检测上传文件大小。分享给大家供大家参考，具体如下：google了很久，基本上都是用 activeX 来实现～至于为什么不行，这个不多说，说一下以下方法：已经测试通过的浏...
2020-05-27
详解vuejs中执行npm run dev出现页面cannot GET/问题
1.问题描述最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况:
1.浏览器中无法呈...
2020-05-27
vue项目启动出现cannot GET /服务错误的解决方法
上午做了项目，中午吃完饭后回来再跑一次服务器，出现 Cannot GET/：
控制台中并没有报错；npm run dev命令行窗口也没有报错。
原因在网上查了一堆，发现这个问题还挺多呢，而且各个...
2020-05-27
vue项目中自定义video视频控制条的实现代码
最近公司项目中，添加了视频模块，但是产品觉得Video自带的控制条有点LOW，于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。首页效果图： 需求描述：当鼠标放在图片上的...
2020-05-27
微信小程序个人中心的列表控件实现代码
个人中心的列表控件首先来看效果图wxml<view class="list-item"> <image class="item-image" src="../images/fuwu.png"></image> <text class="item-text">我的收藏</text>...
2020-05-27
element 中 el-menu 组件的无限极循环思路代码详解
实现思路主要组件嵌套（组件自己调用自己） 下面是组件所需要的数据{ "code": 1, "data": { "menuVoList": [ { "childList": [ { "childList": [], "me...
2020-05-27
React.js组件实现拖拽排序组件功能过程解析
因为使用了react.js技术栈，所以封装优先考虑输入和输出。基于数据驱动去渲染页面、控制拖拽元素的顺序。由于我不考虑兼容IE8等旧版本浏览器，拖拽的效果采用了HTML5的拖放（Drag...
2020-05-27
Node.js API详解之 tty功能与用法实例分析
本文实例讲述了Node.js API详解之 tty功能与用法。分享给大家供大家参考，具体如下：tty 可以理解为终端的意思。tty 模块提供终端相关的接口，用来获取终端的行数列数等。通过 co...
2020-05-27
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
引言JsBarcode是一个用JavaScript编写的条形码生成器。它支持多种条形码格式，可在浏览器和Node.js中使用。如果你在项目中使用了jquery也可以使用jquery，但它不是依赖项。导读...
2020-05-27
详解elementUI中input框无法输入的问题
最近发现别人项目中在输入密码的时候发现input框无法输入进去键盘都快敲坏了还是无法输入通过各种排查、还是无法解决这个问题后面无意中发现 elementUI中@input事件可以拿...
2020-05-27
详解使用mocha对webpack打包的项目进行"冒烟测试"的大致流程
第一步: 打包开始之前删除'./dist'目录
rimraf('./dist', () => {constprodConfig = require('../../lib/webpack.prod')webpack(prodConfig, (err, stats) \=> {if (err) {...
2020-05-27
JS严格模式原理与用法实例分析
本文实例讲述了JS严格模式原理与用法。分享给大家供大家参考，具体如下：使用 "use strict" 指令"use strict" 指令在 JavaScript 1.8.5 (ECMAScript5) 中新增。它不是一条语句，...
2020-05-27
js HTML DOM EventListener功能与用法实例分析
本文实例讲述了js HTML DOM EventListener功能与用法。分享给大家供大家参考，具体如下：DOM EventListener
用于向指定元素添加事件句柄。在用户点击按钮时触发监听事件：documen...
2020-05-27
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
今天，我们使用Vue CLI3 做一个移动端适配 。 前言首先确定你的项目是Vue CLI3版本以上的。一、移动端适配包1、安装移动端适配包npm i lib-flexible -S2、在 main.js 引入适...
2020-05-27
JS浏览器BOM常见操作实例详解
本文实例讲述了JS浏览器BOM常见操作。分享给大家供大家参考，具体如下：
window尺寸有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。对于Internet Explo...
2020-05-27
