JavaScript - 教程之家

94浏览

0评论

JavaScript数组去重实现方法小结

本文实例讲述了JavaScript数组去重实现方法。分享给大家供大家参考，具体如下：一、ES3方法：var arr = ['a', 'a', 'b', 'b', 'b', 'c', 'e', 'f', 1, 2, 2, 3, 3, 3];创建一个空...

2020-05-27

227浏览

0评论

vue 查看dist文件里的结构(多种方式)

场景：优化打包后的代码，提高性能。1.方式一：report-json。
　　1.1 package.json文件里加入以下命令，"report": "vue-cli-service build --report-json"
　　1.2 然后控制台运行...

2020-05-27

93浏览

0评论

js布局实现单选按钮控件

本文实例为大家分享了javascript布局实现单选按钮控件的具体代码，供大家参考，具体内容如下主要是对最近学习的知识做练习，可以巩固提高！效果如下图：代码如下：<!DOCTYPE html><html...

2020-05-27

210浏览

0评论

vue下axios拦截器token刷新机制的实例代码

//创建http.js文件，以下是具体代码：//引入安装的axios插件import axios from 'axios'import router from '@/router';import Vue from 'vue'const qs = require("qs");let _th...

2020-05-27

91浏览

0评论

JavaScript简易计算器制作

本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下成品图这个简易的计算器只能实现 + - * /的运算在动手之前，我们要先理清思路，看图，若想实现这...

2020-05-27

93浏览

0评论

javascript实现简易的计算器

利用javascript实现简易的计算器，供大家参考，具体内容如下1、先构思整个计算器的模式以及想要实现的功能，按模块创建相应的div，在“head”中设置其样式和布局。
2、用“input”...

2020-05-27

120浏览

0评论

js键盘事件实现人物的行走

本文实例为大家分享了js键盘事件实现人物行走的具体代码，供大家参考，具体内容如下描述：小时候喜欢玩的一个游戏，魔塔，实现了人物的行走，以及跳跃，当然是2D的效果。用到的图：效果：代码...

2020-05-27

171浏览

0评论

js实现轮播图效果 z-index实现轮播图

本文实例为大家分享了js实现轮播图效果的具体代码，供大家参考，具体内容如下实现轮播图学习前端差不多两三个月，在这里记录分享一下。因本人菜鸟一枚，希望大佬们多多指点，勿喷。通...

2020-05-27

117浏览

0评论

vue实现扫码功能

最近在项目中碰见一个打开摄像头扫码的功能，项目最后打包成app，用的是hBuilder打的包，刚好hBuilder打包集成H5+sdk,就可以直接用人家的sdk了。demo地址：vue-scan-demo代码实现：<t...

2020-05-27

78浏览

0评论

js滚轮事件 js自定义滚动条的实现

本文实例为大家分享了js自定义滚动条的实现的具体代码，供大家参考，具体内容如下描述：自定义滚动条的实现效果：实现：<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"...

2020-05-27

96浏览

0评论

JavaScript进制转换实现方法解析

本文实例讲述了JavaScript进制转换实现方法。分享给大家供大家参考，具体如下：JavaScript进制转换十进制转为其它进制不带参数调用toString( )，即默认toString(10)，如要以其它进...

2020-05-27

125浏览

0评论

JS数组方法join()用法实例分析

本文实例讲述了JS数组方法join()用法。分享给大家供大家参考，具体如下：join()方法定义和用法：
join() 方法用于把数组中的所有元素放入一个字符串。
元素是通过指定的...

2020-05-27

110浏览

0评论

vue中使用WX-JSSDK的两种方法(推荐)

公司最近有微信公众号的需求，那么微信登录授权和如何使用WX-JSSDk实现分享等等肯定是最头疼的问题。本人也是第一次开发微信公众号，在网上看了很多篇博客，最终选定了两种方法，并...

2020-05-27

129浏览

0评论

JS数组方法push()、pop()用法实例分析

本文实例讲述了JS数组方法push()、pop()用法。分享给大家供大家参考，具体如下：push()方法1. 定义：向数组的末尾添加一个或更多元素，并返回新的长度。
2. 语法： arr.push(element1...

2020-05-27

97浏览

0评论

JavaScript实现滑动门效果

本文实例为大家分享了JavaScript实现滑动门效果的具体代码，供大家参考，具体内容如下一、什么是滑动门首先你要了解什么是滑动门。
生活中我们经常看到一些网站或是商城有一些...

2020-05-27

123浏览

0评论

微信小程序开发中var that =this的用法详解

在微信小程序开发中，var that =this的声明很常见。举个例子，代码如下！示例代码1 //index.js Page({ data: { toastHidden: true, }, loadData: function () {...

2020-05-27

102浏览

0评论

JS数组方法shift()、unshift()用法实例分析

本文实例讲述了JS数组方法shift()、unshift()用法。分享给大家供大家参考，具体如下：shift()方法1. 定义：从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。
2....

2020-05-27

106浏览

0评论

JS实现横向轮播图（初级版）

本文实例为大家分享了JS实现横向轮播图的具体代码，供大家参考，具体内容如下描述：轮播图，初级，横向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），核心知...

2020-05-27

115浏览

0评论

JS数组方法reverse()用法实例分析

本文实例讲述了JS数组方法reverse()用法。分享给大家供大家参考，具体如下：reverse()方法定义：反转数组项的顺序语法： arr.reverse()参数：/返回值：返回该数组的引用。代码如下：var a...

2020-05-27

130浏览

0评论

JS实现纵向轮播图（初级版）

本文实例为大家分享了JS实现纵向轮播图的具体代码，供大家参考，具体内容如下描述：纵向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），核心知识是数据驱...

2020-05-27

91浏览

0评论

JS数组方法concat()用法实例分析

本文实例讲述了JS数组方法concat()用法。分享给大家供大家参考，具体如下：数组方法concat() concat()可以基于当前数组中的所有项创建一个新数组。即这个方法会先创建当前数...

2020-05-27

214浏览

0评论

vue.js+ElementUI实现进度条提示密码强度效果

要求一：判断输入的字符串是否包含数字、小写字母、大写字母以及特殊字符四种内容的8-20位字符通过搜索了解到可以使用?=这个正则语法判断字符串中是否含有多种内容。(&#6...

2020-05-27

117浏览

0评论

JS实现横向轮播图（中级版）

本文实例为大家分享了JS实现横向轮播图的具体代码，供大家参考，具体内容如下描述：轮播图，中级，横向buton或者底部数字控制轮播，可以实现自动轮播（注释了，使用的话将其注释消掉），解决了...

2020-05-27

132浏览

0评论

JS数组方法slice()用法实例分析

本文实例讲述了JS数组方法slice()用法。分享给大家供大家参考，具体如下：slice()方法slice()，它能基于当前数组中的一个或多个创建一个新数组。可以接受一或两个参数，即要返回的...

2020-05-27

210浏览

0评论

vue+elementUi 实现密码显示/隐藏+小图标变化功能

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...，先给大家展示下效果图，感觉不错可以参考实现代码。【效果图】

【html】// 前后代码【略】<e...

2020-05-27

100浏览

0评论

vue实现微信浏览器左上角返回按钮拦截功能

【需求】　　在微信公众号开发中，有时需要对浏览器左上角返回按钮进行拦截处理相关的页面逻辑，而并不是让页面直接返回上一页，之前在这个细节点上的一直实现得不是很好。但看到...

2020-05-27

98浏览

0评论

Node.js实现批量下载图片简单操作示例

本文实例讲述了Node.js实现批量下载图片简单操作。分享给大家供大家参考，具体如下：使用Node.js批量下载图片首先要获取到图片链接：const img = [ "http://yw-yx.oss-cn-hangzh...

2020-05-27

322浏览

0评论

vue组件内部引入外部js文件的方法

之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js：export def...

2020-05-27

369浏览

0评论

vue项目中监听手机物理返回键的实现

背景：项目中有一个场景要监听android手机物理返回键，但是app和js的中间件又没提供这个事件的监听，只能百度纯js实现了第一步：
xback.js;!function(pkg, undefined){ var STATE =...

2020-05-27

157浏览

0评论

ES6 Object.assign()的用法及其使用

1.Object.assign()基本用法：Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源...

2020-05-27

99浏览

0评论

ES6如何用一句代码实现函数的柯里化

柯里化是干什么的？首先看看下面这个函数let store = (a,b,c) => "这是你的七仔面" //函数就好像一个小卖部，一碗七仔面要三张软妹币：a,b,c (五个参数)那函数柯里化是什么？就是我...

2020-05-27

115浏览

0评论

js实现图片上传到服务器和回显

关于js实现图片的上传和回显，曾经用户的代码粘在这里：样式：这样写样式的道理是给<input>标签的父级设置一个背景图，就是‘+'那个背景图，然后把<input>的宽高设置得跟父级一样，且完...

2020-05-27

108浏览

0评论

JS基础之逻辑结构与循环操作示例

本文实例讲述了JS逻辑结构与循环操作。分享给大家供大家参考，具体如下：JS的逻辑结构与循环和java基本相同。不同会进行解释；instance：<html> <head> <title>js逻辑结构与循环</t...

2020-05-27

209浏览

0评论

Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)

这几天做个了项。就是微信扫描二维码的然后进入公众号网页巴拉巴拉的，然后就很顺利的遇到了在安卓端扫码的时候，顺利的一塌糊涂，然后到了苹果端的时候，就只能出现一个保存图片，然...

2020-05-27

82浏览

0评论

JS运算符简单用法示例

本文实例讲述了JS运算符简单用法。分享给大家供大家参考，具体如下：js中的运算符算术运算符：+，-，*，/,%逻辑运算符：&，&&，|，||，！自增运算符：++，--，+=，-=关系运算符：<,>,=,<=,>=,!=等于运算符：==，==...

2020-05-27

66浏览

0评论

Node.js操作MongoDB数据库实例分析

本文实例讲述了Node.js操作MongoDB数据库。分享给大家供大家参考，具体如下：Node.js操作MongoDBnpm initnpm i mongodb --save{ "name": "test", "version": "1.0.0", "descrip...

2020-05-27

91浏览

0评论

js原生map实现的方法总结

js原生方法map实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta h...

2020-05-27

180浏览

0评论

浅谈webpack和webpack-cli模块源码分析

webpack4与webpack3的区别webpack4.0 以后，似乎执行方式就发生了改变，不再是 webpack 一波流，而是多了一个 webpack-cli。webpack3中webpack-cli是合在webpack中。所以在命令行...

2020-05-27

100浏览

0评论

JavaScript Window窗口对象属性和使用方法

一、Window对象概述Window对象可以用来打开浏览器，调整浏览器的位置、大小等等功能。Window对象可以处理框架和框架之间的关系，通过这种关系在一个框架中处理另一个框架中的文...

2020-05-27

73浏览

0评论

阿望教你用vue写扫雷小游戏

前言话说阿望还在大学时，某一天寝室突然停网了，于是和室友两人不约而同地打开了扫雷，比相同难度下谁更快找出全部的雷，玩得不亦乐乎，就这样，扫雷伴我们度过了断网的一周，是整整一周...

2020-05-27

130浏览

0评论

D3.js 实现带伸缩时间轴拓扑图的示例代码

效果图:

基于d3-v5, 依赖dagre-d3, 直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...

2020-05-27

234浏览

0评论

vue elementui 实现搜索栏公共组件封装的实例代码

1、背景vue后台管理系统，会有很多表格页面，表格上方会有一些搜索选项，表格直接使用el-table即可，而搜索栏区域每次写起来都很繁琐，而且多人开发情况下每个人写的样式都不相同，布局...

2020-05-27

109浏览

0评论

Angular单元测试之事件触发的实现

=在angular项目中时常有一些click、input、focusout等事件操作，那么如何在单元测试中触发这些事件呢？一、触发Click事件
// 方法一const ele = fixture.debugElement.query(By...

2020-05-27

243浏览

0评论

vue.js iview打包上线后字体图标不显示解决办法

在vue+cli项目中使用iview组件及icon图标，打包后icon不显示,解决办法：
1.在build文件夹下找到utils.js文件，把publicPath改为 ../../if (options.extract) { return ExtractTe...

2020-05-27

300浏览

0评论

详解vue中v-bind:style效果的自定义指令

自定义指令1.什么是自定义指令以 v- 为前缀，然后加上自己定义好的名字组成的一个指令就是自定义指令。为什么要有自定义指令呢？在有些时候，你仍然需要对普通的DOM元素进行底层...

2020-05-27

167浏览

0评论

python虚拟环境 virtualenv的简单使用

virtualenv是什么？virtualenv是一个创建隔绝的Python环境的工具。为什么要创建虚拟环境？它解决了“项目X依赖于版本1.x，而项目Y需要项目4.x”的两难问题，而且使你的全局site-pac...

2020-05-27

290浏览

0评论

Ant Design Vue 添加区分中英文的长度校验功能

原本的maxLength属性是不区分全角/半角字符的，对于一些可中英文混合输入地方而言不太合适。所以想找一个可区分全角/半角字符的校验，而且要保证一定的可重用性。百度搜了一圈...

2020-05-27

202浏览

0评论

ant-design-vue 快速避坑指南(推荐)

ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。用下...

2020-05-27

225浏览

0评论

浅谈Vue.use到底是什么鬼

我们在使用Vue做项目开发的时候，看到不少轮子都是通过Vue.use来进行使用，感觉甚是高大上。
不过Vue.use到底是什么鬼？不妨来看个究竟。其实这些轮子都可以称之为插件，它的功能范...

2020-05-27

79浏览

0评论

js判断在哪个浏览器打开项目的方法

通过以下方法判断浏览器var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息...

2020-05-27

热门文章