JavaScript - 教程之家

104浏览

0评论

解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题

说明之前有一个angular项目,页面上表单不算多，也就一百来个（这个不固定，有的地方多，有的地方少），但是再输入的时候会造成输入延迟，反应不灵敏，对用户体验极其不好。还有一个功能就是...

2020-05-27

52浏览

0评论

react 原生实现头像滚动播放的示例

本文介绍了react 原生实现头像滚动播放的示例，分享给大家，具体如下：之前需要的是下面这个效果现在。。。憋说话，先看看效果。感觉很简单呀，直接渲染，transform就可以了，嗯嗯，是的没...

2020-05-27

48浏览

0评论

js 解析 JSON 数据简单示例

本文实例讲述了js 解析 JSON 数据。分享给大家供大家参考，具体如下：JSON 数据如下：{ "name": "mkyong", "age": 30, "address": { "streetAddress": "88 8nd Street",...

2020-05-27

56浏览

0评论

Vue computed 计算属性代码实例

什么是计算属性？？？1、在computed中，可以定义一些属性，这些属性叫做【计算属性】2、计算属性的本质是一个方法，不过一般是将他们的名称直接当做属性使用，不会当方法调用<!DOCTYPE ht...

2020-05-27

265浏览

0评论

javascript设计模式 – 状态模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 状态模式原理与用法。分享给大家供大家参考，具体如下：介绍：状态模式用于解决系统中复杂对象的状态转换以及不同状态下行为的封装问题。状...

2020-05-27

48浏览

0评论

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

本文实例讲述了javascript设计模式 – 观察者模式原理与用法。分享给大家供大家参考，具体如下：介绍：前面我们针对系统内一对多，多对多的情况做了解决方案，是使用中介者模式，将所有...

2020-05-27

71浏览

0评论

微信小程序实现手指拖动选项排序

本文实例为大家分享了微信小程序实现手指拖动选项排序的具体代码，供大家参考，具体内容如下效果：wxml：<view> <view class="dileititle">手指移动选项排序</view> <view style="w...

微信

2020-05-27

51浏览

0评论

JS脚本实现定时到网站上签到/签退功能

之前介绍过使用temperMonkey屏蔽CSDN广告的方法，主要就是要针对性地分析网站结构，然后用代码去改变或者操作DOM。今天也一样，我们需要观察网页结构，找到我们要操作的按钮，触发他...

2020-05-27

63浏览

0评论

nuxt+axios实现打包后动态修改请求地址的方法

需求：把请求地址等一些配置暴露出来以便打包后动态修改，而不需要重新打包编译。这样也是挺不错的，当一个项目需要部署到几个不同的服务器上时候，就不用说每次都要修改后再重新打...

2020-05-27

93浏览

0评论

如何修改Vue打包后文件的接口地址配置的方法

1、背景常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应...

2020-05-27

64浏览

0评论

谈谈我在vue-cli3中用预渲染遇到的坑

前言
在开发自己的个人网站的时候后，选择了用vue来开发，不可避免的遇到要对seo做优化。鉴于目前页面也不多，因此首先采用的是预渲染的方式。
本来以为把插件一装，配置一配，咔咔咔...

2020-05-27

54浏览

0评论

javascript设计模式 – 模板方法模式原理与用法实例分析

本文实例讲述了javascript设计模式 – 模板方法模式原理与用法。分享给大家供大家参考，具体如下：介绍：模板方法模式是结构最简单的行为型设计模式，在其结构中只存在父类与子类之...

2020-05-27

68浏览

0评论

vue项目打包之开发环境和部署环境的实现

项目开发阶段和生产环境可能不一样如前端在开发阶段，接口可能是自己使用 node.js 搭建的服务器，API 返回的也都是假数据，等后台接口开发好后，再切换成后台提供的接口，等测试没有...

2020-05-27

293浏览

0评论

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

100浏览

0评论

js实现简单的贪吃蛇游戏

本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下运行截图：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇小游...

2020-05-27

113浏览

0评论

浅谈vue权限管理实现及流程

一、整体思路
后端返回用户权限，前端根据用户权限处理得到左侧菜单；所有路由在前端定义好，根据后端返回的用户权限筛选出需要挂载的路由，然后使用 addRoutes 动态挂载路由。二、...

2020-05-27

97浏览

0评论

JS eval代码快速解密实例解析

有一段js代码内容如下：eval(function(E,I,A,D,J,K,L,H){function C(A)后面内容省略。。。解密可以采用如下方法：方法一：打开谷歌浏览器，按F12，在Console窗口中把eval代码复制粘贴...

2020-05-27

107浏览

0评论

利用原生JS实现欢乐水果机小游戏

简介：玩家点击某个押注物品则在该物品上下注。点击开始则游戏开始，如果没有下注则不能开始游戏。
游戏中的物品有八中，分别为：苹果、西瓜、柠檬、橙子、铃铛、77、双星、BAR。...

2020-05-27

108浏览

0评论

Vue中通过vue-router实现命名视图的问题

在用vue-router路由处理一些需求的时候例如有时需要同时同级展示多个组件而不是嵌套展示
例如：创建一个布局有侧导航和主内容两个视图此时命名视图就派上用场了在路由对...

2020-05-27

249浏览

0评论

微信小程序图片右边加两行文字的代码

图片右边加两行文字先来一个效果图：下面来看代码wxml<view class="view_tupian_wenzi"> <image class="image_1" src="../images/main_yewu.png" /> <view class="view_wen...

微信

2020-05-27

76浏览

0评论

微信小程序实现滑动操作代码

前言本文使用动画组件wx.createAnimation来实现滑动操作：1. 左滑动显示操作项区域；2. 点击操作项触发相应方法；3. 右滑动和点击行收起操作项；4. 点击“删除”并确定则删除该条数...

微信

2020-05-27

86浏览

0评论

详解Vue3中对VDOM的改进

前言
vue-next 对virtual dom的patch更新做了一系列的优化，从编译时加入了 block 以减少 vdom 之间的对比次数，另外还有 hoisted 的操作减少了内存的开销。本文写给自己看，做个...

2020-05-27

81浏览

0评论

小程序开发之模态框组件封装

本文实例为大家分享了小程序模态框组件的封装具体代码，供大家参考，具体内容如下一、前言对于模态框肯定大家都知道，诸如：Bootstartp、element-ui、layui等等都有自己的弹出层，并...

2020-05-27

190浏览

0评论

Vue通过getAction的finally来最大程度避免影响主数据呈现问题

企业信息列表，查看某条记录时，弹窗页里要求展示企业的用户名，而用户名字段不在企业表里。为此，我们需要修改弹窗页的渲染方法。methods: { enterpriseInfo (record) { this.for...

2020-05-27

109浏览

0评论

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

   前端微服务化一直是前端社区的一个热门话题，早在2018年就有不少开发者提出过各种解决方案。或许是未得精髓，个人认为基于Web Components的实现脱离整体打包逻...

2020-05-27

125浏览

0评论

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

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

2020-05-27

169浏览

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'import Login...

2020-05-27

85浏览

0评论

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

防抖和节流的目的都是为了减少不必要的计算，不浪费资源，只在适合的时候再进行触发计算。一、函数防抖定义
在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型...

2020-05-27

108浏览

0评论

详解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

87浏览

0评论

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

本文实例讲述了javascript 函数的暂停和恢复。分享给大家供大家参考，具体如下：javascript 异步编程从来都是一个难题，最开始我们用 callback，但随之触发了回调地狱，于是“发明”...

2020-05-27

109浏览

0评论

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

本文实例讲述了使用 Jest 和 Supertest 进行接口端点测试。分享给大家供大家参考，具体如下：如何创建测试是一件困难的事。网络上有许多关于测试的文章，却从来不告诉你他们是如...

2020-05-27

88浏览

0评论

JavaScript ECMA-262-3 深入解析（一）：执行上下文实例分析

本文实例讲述了JavaScript ECMA执行上下文。分享给大家供大家参考，具体如下：介绍这篇文章我们主要探讨ECMAScript执行上下文和相关的ECMAScript可执行代码。定义每次当控制器...

2020-05-27

82浏览

0评论

JavaScript ECMA-262-3 深入解析（二）：变量对象实例详解

本文实例讲述了JavaScript ECMA-262-3变量对象。分享给大家供大家参考，具体如下：介绍我们在创建应用程序的时候，总免不了要声明变量和函数。那么，当我们需要使用这些东西的时候，...

2020-05-27

117浏览

0评论

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

本文实例讲述了javascript执行上下文、变量对象。分享给大家供大家参考，具体如下：突然看到一篇远在2010年的老文，作者以章节的形式向我们介绍了ECMA-262-3的部分内容，主要涉及到...

2020-05-27

71浏览

0评论

javascript 易错知识点实例小结

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

2020-05-27

82浏览

0评论

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

本文实例讲述了es6函数之尾递归用法。分享给大家供大家参考，具体如下：函数调用自身，称为递归，如果尾调用自身，就称为尾递归。递归非常耗费内存。因为需要同时保存成千上百个调用...

2020-05-27

99浏览

0评论

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

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

2020-05-27

83浏览

0评论

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

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

2020-05-27

90浏览

0评论

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

本文实例讲述了javascript设计模式 – 访问者模式原理与用法。分享给大家供大家参考，具体如下：介绍：访问者模式比较复杂，它包含访问者和被访问元素两个主要组成部分，这些被访问的...

2020-05-27

133浏览

0评论

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

背景
之前的demo增加了图片预览，于是今天下午追完番剧就突然想到能不能把pdf在线预览也做了，说干就干，刚开始查了很多教程，我发现很多人都在说什么pdf.js这个库，这当然没什么问题...

2020-05-27

102浏览

0评论

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

前言大部分情况下我们都是使用微信官方自带的 navigationBar 配置，但有时候我们需要在导航栏集成搜索框、自定义背景图、返回首页按钮等。思路隐藏官方导航栏获取胶囊按...

2020-05-27

79浏览

0评论

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

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

2020-05-27

106浏览

0评论

javascript 使用sleep函数的常见方法详解

本文实例讲述了javascript 使用sleep函数的常见方法。分享给大家供大家参考，具体如下：一.什么是sleep函数？花一点时间来聊一下sleep函数，首先什么是sleep函数？sleep是一种函数，他...

2020-05-27

339浏览

0评论

微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例）

前言navigationBar相信大家都不陌生把？今天我们就来说说自定义navigationBar，把它改变成我们想要的样子（搜索框+胶囊、搜索框+返回按钮+胶囊等）。思路隐藏原生样式获取胶囊...

微信

2020-05-27

90浏览

0评论

分享一款超好用的JavaScript 打包压缩工具

背景平时大家在开发 Js 项目的时候，可能已经离不开 webpack 等打包工具了。而 webpack 打包速度大概就是“能用“的水平。大概去年开始，我就开始在构想，如果能写一个极速的打包...

2020-05-27

96浏览

0评论

JavaScript监听一个DOM元素大小变化

1.需求场景开发过程中经常遇到的一个问题就是如何监听一个 div 的size变化。
比如我用canvas绘制了一个chart，当canvas的size发生变化的时候，需要重新绘制里面的内容，这个时候...

2020-05-27

214浏览

0评论

element中的$confirm的使用

可以诸如此类的封装一下/* * 公用提示窗 * @export * @param {string}[desc="确认操作"]弹框提示文字 * @param {string}[title="提示"]弹框标题 * @param{string}[confirmB...

2020-05-27

87浏览

0评论

jquery检测上传文件大小示例

本文实例讲述了jquery检测上传文件大小。分享给大家供大家参考，具体如下：google了很久，基本上都是用 activeX 来实现～至于为什么不行，这个不多说，说一下以下方法：已经测试通过的浏...

2020-05-27

124浏览

0评论

详解vuejs中执行npm run dev出现页面cannot GET/问题

1.问题描述最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况:
1.浏览器中无法呈...

2020-05-27

103浏览

0评论

vue项目启动出现cannot GET /服务错误的解决方法

上午做了项目，中午吃完饭后回来再跑一次服务器，出现 Cannot GET/：
控制台中并没有报错；npm run dev命令行窗口也没有报错。
原因在网上查了一堆，发现这个问题还挺多呢，而且各个...

2020-05-27

热门文章