JavaScript - 教程之家

130浏览

0评论

JavaScript使用canvas绘制随机验证码

本文实例为大家分享了使用canvas绘制随机验证码的具体代码，供大家参考，具体内容如下理论基础：掌握使用canvas绘制线条和圆形以及绘制文字实现思路：先构建一个画布，设置一定的宽高...

2020-05-27

157浏览

0评论

JS实现百度搜索框关键字推荐

本文实例为大家分享了JS实现百度搜索框关键字推荐的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title...

2020-05-27

90浏览

0评论

javascript中的with语句学习笔记及用法

在JS中，with 语句的作用是将代码的作用域设置到一个特定的对象中。其语法如下：with (expression) statement;定义 with 语句的目的主要是为了简化多次编写同一个对象的工作，如...

2020-05-27

185浏览

0评论

JavaScript canvas绘制圆弧与圆形

本文实例为大家分享了canvas绘制圆弧与圆形的具体代码，供大家参考，具体内容如下canvas 绘制圆弧绘制圆弧使用 context.arc( ) 函数，包含六个参数。context.arc( centerx,center...

2020-05-27

104浏览

0评论

node+multer实现图片上传的示例代码

最近在学习node实现一个后台管理系统，用到了图片上传，有一些小问题记录一下~
直接上代码，问题都记录在注释里~const express = require('express');const path = require('path...

2020-05-27

200浏览

0评论

React中获取数据的3种方法及优缺点

为了保证的可读性，本文采用意译而非直译。在执行 I/O 操作（例如数据提取）时，要先发送网络请求，然后等待响应，接着将响应数据保存到组件的状态，最后进行渲染。在 React 中生命周期方...

2020-05-27

111浏览

0评论

ES6中Promise的使用方法实例总结

本文实例讲述了ES6中Promise的使用方法。分享给大家供大家参考，具体如下：在javascript中，代码是单线程执行的，对于一些比较耗时的IO操作，都是通过异步回调函数来实现的。但是这样...

2020-05-27

271浏览

0评论

vue+ts下对axios的封装实现

虽然vue中axios的使用已经十分方便,但是实际我们的日常操作中可能为了接口的规则一致,来创建一个统一管理的全局方法达到简化操作.而且在实际接口对接中,我们大多都需要对请...

2020-05-27

131浏览

0评论

jQuery表单校验插件validator使用方法详解

validator插件：将jquery实现的常用操作进行封装，我们只需要学会插件的使用语法，就可以使用简单的代码实现较为复杂的功能。validator的基本使用1. 需要引入的文件① jQuery类库...

2020-05-27

217浏览

0评论

vue微信分享插件使用方法详解

本文为大家分享了vue微信分享插件的使用方法，供大家参考，具体内容如下1.安装weixin-js-sdknpm install weixin-js-sdk2.创建文件并引入在src下创建common目录在common目录...

微信

2020-05-27

143浏览

0评论

jquery实现垂直手风琴导航栏

本文实例为大家分享了jquery实现垂直手风琴导航栏的具体代码，供大家参考，具体内容如下做项目时第一次做垂直手风琴导航栏便记录下来使用jQuery更简单扩展浏览器支持本例...

2020-05-27

138浏览

0评论

vue实现带过渡效果的下拉菜单功能

本文实例为大家分享了vue仿写下拉菜单功能，带有过渡效果(移动端)，供大家参考，具体内容如下效果图clickOutside.js 点击目标之外的地方,下拉框隐藏代码如下:export const clickO...

2020-05-27

141浏览

0评论

vue随机验证码组件的封装实现

本文实例为大家分享了vue随机验证码组件的具体代码，供大家参考，具体内容如下由于工作需要自己做了一个验证码组件，灵活性不高，但是可以用，代码也不太复杂<template> <div style="...

2020-05-27

101浏览

0评论

详解node和ES6的模块导出与导入

node的导出与导入1.node的导出语法　　var path = {}　　module.exports = path2.node的导入语法const path = require('path')ES6的导出与导入1.ES6的导出语法　　export d...

2020-05-27

96浏览

0评论

Vue常用的全选/反选的示例代码

在Vue中执行CheckBox的全选反选有很多方法
我觉得最易懂，速度最快的方法就是这个！首先就是自己创建一个input，正在mx.txt的前方添加一个input：CheckBox。在v-model加上你每次创...

2020-05-27

550浏览

0评论

整理 node-sass 安装失败的原因及解决办法(小结)

npm install 时偶尔遇到报错：没有安装python或node-sass 安装失败的问题，百度之后发现是被墙了，但根据百度的方法换了淘宝镜像和用了vpn都安装失败，最后发现原来是因为没有卸载...

2020-05-27

592浏览

0评论

Vue中实现回车键切换焦点的方法

几乎在所有浏览器中，都具有 Tab 键切换焦点的功能。但是任性的用户强烈要求一定要有 Enter 键切换焦点的功能。为了交付上线拿到钱，我们只好再一次毫无原则性的接受了客户的需...

2020-05-27

557浏览

0评论

vue中实现回车键登录功能

created() { let that = this; document.onkeypress = function(e) { var keycode = document.all ? event.keyCode : e.which; if (keycode == 13) { that.login();//...

2020-05-27

448浏览

0评论

深入浅析golang zap 日志库使用（含文件切割、分级别存储和全局使用等）

日志处理经常有以下几个需求：1、不同级别的日志输出到不同的日志文件中。2、日志文件按照文件大小或日期进行切割存储，以避免单一日志文件过大。3、日志使用简单方便，一次定义...

2020-05-27

149浏览

0评论

es6中使用map简化复杂条件判断操作实例详解

本文实例讲述了es6中使用map简化复杂条件判断操作。分享给大家供大家参考，具体如下：复杂逻辑判断时需要写很多if/else，代码可读性较差，可以用es6新增的Map来简化代码列举六种实...

2020-05-27

126浏览

0评论

ES6中new Function()语法及应用实例分析

本文实例讲述了ES6中new Function()语法及应用。分享给大家供大家参考，具体如下：学习《ECMAScript6入门》中的模板字符串的案例中看见了new Function()创建函数的语法：let str...

2020-05-27

76浏览

0评论

JS操作Fckeditor的一些常用方法(获取、插入等)

javascript获取和设置FCKeditor内容利用Javascript取和设FCKeditor值也是非常容易的，如下：// 获取编辑器中HTML内容function getEditorHTMLContents(EditorName) { var oEdito...

2020-05-27

165浏览

0评论

vue 使用v-for进行循环的实例代码详解

代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="htt...

2020-05-27

131浏览

0评论

vue中 v-for循环的用法详解

1、v-for循环普通数组①创建vue对象② 循环数据结果：2、v-for循环对象数组① 创建vue实例对象② 循环对象数组结果：3、v-for循环对象①创建vue对象实例②循环对象结果：4、v-for...

2020-05-27

158浏览

0评论

详解Vue 单文件组件的三种写法

JS构造选项写法export defaul { data, methods, ...}JS class写法@Componentexport default class Cpn extends Vue{ counter = 0 //data add(){ //methods this.counter +...

2020-05-27

158浏览

0评论

Vue组件模板的几种书写形式(3种)

1.第一种使用script标签<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"><...

2020-05-27

123浏览

0评论

浅析JS中NEW的实现原理及重写

提到new，肯定会和类和实例联系起来，如：function Func() { let x = 100; this.num = x +}let f = new Func();上面的代码，我们首先创建了一个函数，如果是用面向对象的说法就是创建...

2020-05-27

121浏览

0评论

一篇文章带你浅入webpack的DLL优化打包

一、前言我们在使用第三方包的时候，一般内部的代码都不会变，但是当webpack打包的时候，还是回去处理第三方包。我们是否可以利用一些方法来改进呢？我们可以先对第三方包处理，然后...

2020-05-27

120浏览

0评论

koa-passport实现本地验证的方法示例

安装yarn add koa-passport passport-local先看下passport.js登录策略，判断用户和密码const passport = require('koa-passport')const LocalStrategy = require('passport-l...

2020-05-27

55浏览

0评论

jquery向后台提交数组的代码分析

jquery:向后台提交数组var resArray = new Array(1,2,3);$.post(prefix + '/save/res/', { 'roleID' : $('#roleID').val(), 'resArray' : resArray, }, function(re...

2020-05-27

153浏览

0评论

webpack中的模式(mode)使用详解

模式(mode)
提供 mode 配置选项，告知 webpack 使用相应模式的内置优化。用法只在配置中提供 mode 选项：module.exports = { mode: 'production'}; 或者从 CLI 参数中传递：webpa...

2020-05-27

181浏览

0评论

vue中音频wavesurfer.js的使用方法

本文为大家分享了vue中音频wavesurfer.js的使用方法，供大家参考，具体内容如下效果图首先引入wavesurfer.js其次封装 wavesurfer.js`<template> <div class="waveformOuter">...

2020-05-27

252浏览

0评论

详解vue或uni-app的跨域问题解决方案

常见解决方案有两种
服务器端解决方案
服务器告诉浏览器：你允许我跨域
具体如何告诉浏览器，请看：// 告诉浏览器，只允许 http://bb.aaa.com:9000 这个源请求服务器$response->hea...

2020-05-27

87浏览

0评论

简单了解JS打开url的方法

这篇文章主要介绍了简单了解JS打开url的方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下在新标签页中get方式打开ur...

2020-05-27

74浏览

0评论

JS如何把字符串转换成json

这篇文章主要介绍了JS如何把字符串转换成json,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Json格式字符串
"{"rows":...

2020-05-27

443浏览

0评论

nodejs使用socket5进行代理请求的实现

需要用到2个库，
requestsocks5-http-client/lib/Agent/
或
socks5-https-client/lib/Agent因为一些已知原因，有时候，http.request请求无法拿到数据，
首先想到的是proxy，其次是soc...

2020-05-27

752浏览

0评论

微信小程序使用 vant Dialog组件的正确方式

简介
Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业...

微信

2020-05-27

197浏览

0评论

leaflet加载geojson叠加显示功能代码

这篇文章主要介绍了leaflet加载geojson叠加显示功能代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下geojson需要先...

2020-05-27

130浏览

0评论

js实现网页版贪吃蛇游戏

使用原生 js 实现贪吃蛇小游戏，首先这个小游戏的目录结构如下：有贪吃蛇，食物，地图，还有游戏当我们在浏览器打开 index.html 的时候，会出现移动的小蛇，随机生成的食物（这里...

2020-05-27

116浏览

0评论

vue实现计算器功能

本文实例为大家分享了vue实现计算器功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script...

2020-05-27

155浏览

0评论

Vue.js实现立体计算器

本文实例为大家分享了Vue.js 制作立体计算器的具体方法，供大家参考，具体内容如下项目效果图这是一个简单的项目实现加减乘除运算项目结构代码展示计算器1.0.html<!DOCTYPE htm...

2020-05-27

171浏览

0评论

vue.js实现简单的计算器功能

使用vue.js来编写一个简单的计算器，供大家参考，具体内容如下效果如图所示：是一个十分简单的计算器，包含了加减乘除，不是用原生js写的，而是用vue.js写的html：<!DOCTYPE html><html>...

2020-05-27

115浏览

0评论

深入理解webpack process.env.NODE_ENV配置

在node中，有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，...

2020-05-27

196浏览

0评论

webpack.DefinePlugin与cross-env区别详解

webpack.DefinePlugin与cross-env常用于在项目工程化中定义环境变量，webpack.DefinePlugin用于在编译期定义环境变量，意味着在代码中写上process.env.NODE_ENV不会在编译期出...

2020-05-27

144浏览

0评论

原生javascript单例模式的应用实例分析

本文实例讲述了原生javascript单例模式的应用。分享给大家供大家参考，具体如下：总体原则：开闭原则（Open Close Principle）开闭原则就是说对扩展开放，对修改关闭。在程序需要进行...

2020-05-27

105浏览

0评论

es6中Promise 对象基本功能与用法实例分析

本文实例讲述了es6中Promise 对象基本功能与用法。分享给大家供大家参考，具体如下：Promise 是异步编程的一种解决方案，解决——回调函数和事件ES6 规定，Promise对象是一个构造函...

2020-05-27

120浏览

0评论

浅谈TypeScript的类型保护机制

在编写 TS 时，它做了比我们看到的更多的事情，例如类型保护机制。让我们编写的代码更加严谨，至于怎么回事，让我们来看看吧。
由于这些机制的存在，就算你仍旧以 JS 原生的书写方式，...

2020-05-27

143浏览

0评论

如何在JavaScript中创建具有多个空格的字符串？

通过创建变量var a = 'something' + ' ' + 'something'我得到这个值：'something something'。如何在JavaScript中创建一个包含多个空格的字符串？使用...

2020-05-27

479浏览

0评论

Vue中点击active并第一个默认选中功能的实现

在jQuery中：就是让第一个选中，其他的不选中！当点击后当前选中，其他不选中。有一种绕口令：东边的喇嘛买了西边的喇叭o((⊙﹏⊙))o在Vue中快速创建与选中1.遍历出来，在click中赋值遍...

2020-05-27

180浏览

0评论

js实现坦克大战游戏

本文实例为大家分享了js实现坦克大战游戏的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <title>tank</title> <style type="text/css"> body { margin:...

2020-05-27

热门文章