编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

103浏览

0评论

React Hooks 实现和由来以及解决的问题详解

与React类组件相比，React函数式组件究竟有何不同？一般的回答都是：类组件比函数式组件多了更多的特性，比如 state，那如果有 Hooks 之后呢？函数组件性能比类组件好，但是在现代浏...

2020-05-27 01:54:36

129浏览

0评论

vuejs中父子组件之间通信方法实例详解

本文实例讲述了vuejs中父子组件之间通信方法。分享给大家供大家参考，具体如下：一、父组件向子组件传递消息// Parent.vue<template> <div class="parent"> <v-child :msg="me...

2020-05-27 01:54:35

90浏览

0评论

原生JavaScript实现的无缝滚动功能详解

本文实例讲述了原生JavaScript实现的无缝滚动功能。分享给大家供大家参考，具体如下：无缝轮播（原生JavaScript）一：HTML部分：<div class="box" id="box"> <ul class="J_XSlide list...

2020-05-27 01:54:34

41浏览

0评论

JS面向对象之单选框实现

本文实例为大家分享了JS面向对象之单选框实现代码，供大家参考，具体内容如下描述：JS面向对象——单选框的实现效果：实现：Utile.js(function () { Object.prototype.addProto=funct...

2020-05-27 01:54:33

116浏览

0评论

JavaScript基于面向对象实现的无缝滚动轮播示例

本文实例讲述了JavaScript基于面向对象实现的无缝滚动轮播。分享给大家供大家参考，具体如下：无缝轮播面向对象一、HTML及CSS部分同前文《原生JavaScript实现的无缝滚动功能》...

2020-05-27 01:54:32

100浏览

0评论

JS面向对象之多选框实现

本文实例为大家分享了JS面向对象之多选框实现代码，供大家参考，具体内容如下描述：JS面向对象——多选框的实现效果：实现：Utile.js(function () { Object.prototype.addProto=func...

2020-05-27 01:54:31

83浏览

0评论

JavaScript数组去重实现方法小结

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

2020-05-27 01:54:30

212浏览

0评论

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

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

2020-05-27 01:54:29

81浏览

0评论

js布局实现单选按钮控件

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

2020-05-27 01:54:28

196浏览

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 01:54:27

80浏览

0评论

JavaScript简易计算器制作

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

2020-05-27 01:54:26

85浏览

0评论

javascript实现简易的计算器

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

2020-05-27 01:54:25

106浏览

0评论

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

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

2020-05-27 01:54:24

159浏览

0评论

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

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

2020-05-27 01:54:23

103浏览

0评论

vue实现扫码功能

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

2020-05-27 01:54:22

63浏览

0评论

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

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

2020-05-27 01:54:21

82浏览

0评论

JavaScript进制转换实现方法解析

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

2020-05-27 01:54:20

112浏览

0评论

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

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

2020-05-27 01:54:19

102浏览

0评论

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

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

2020-05-27 01:54:18

116浏览

0评论

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

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

2020-05-27 01:54:16

89浏览

0评论

JavaScript实现滑动门效果

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

2020-05-27 01:54:15

100浏览

0评论

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

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

2020-05-27 01:54:14

93浏览

0评论

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

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

2020-05-27 01:54:12

91浏览

0评论

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

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

2020-05-27 01:54:11

106浏览

0评论

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

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

2020-05-27 01:54:10

118浏览

0评论

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

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

2020-05-27 01:54:09

82浏览

0评论

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

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

2020-05-27 01:54:08

196浏览

0评论

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

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

2020-05-27 01:54:07

108浏览

0评论

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

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

2020-05-27 01:54:05

116浏览

0评论

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

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

2020-05-27 01:54:04

186浏览

0评论

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

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

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

2020-05-27 01:54:03

86浏览

0评论

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

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

2020-05-27 01:54:02

88浏览

0评论

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

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

2020-05-27 01:53:55

314浏览

0评论

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

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

2020-05-27 01:53:53

359浏览

0评论

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

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

2020-05-27 01:53:52

144浏览

0评论

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

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

2020-05-27 01:53:51

90浏览

0评论

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

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

2020-05-27 01:53:50

106浏览

0评论

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

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

2020-05-27 01:53:49

97浏览

0评论

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

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

2020-05-27 01:53:48

190浏览

0评论

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

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

2020-05-27 01:53:47

74浏览

0评论

JS运算符简单用法示例

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

2020-05-27 01:53:46

56浏览

0评论

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

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

2020-05-27 01:53:45

78浏览

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 01:53:44

169浏览

0评论

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

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

2020-05-27 01:53:43

86浏览

0评论

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

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

2020-05-27 01:53:42

63浏览

0评论

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

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

2020-05-27 01:53:33

120浏览

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...