JavaScript - 教程之家

537浏览

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

432浏览

0评论

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

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

2020-05-27

129浏览

0评论

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

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

2020-05-27

97浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

134浏览

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

95浏览

0评论

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

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

2020-05-27

132浏览

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

142浏览

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

94浏览

0评论

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

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

2020-05-27

88浏览

0评论

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

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

135浏览

0评论

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

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

2020-05-27

158浏览

0评论

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

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

2020-05-27

222浏览

0评论

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

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

2020-05-27

72浏览

0评论

简单了解JS打开url的方法

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

2020-05-27

53浏览

0评论

JS如何把字符串转换成json

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

2020-05-27

422浏览

0评论

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

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

2020-05-27

710浏览

0评论

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

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

微信

2020-05-27

169浏览

0评论

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

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

2020-05-27

104浏览

0评论

js实现网页版贪吃蛇游戏

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

2020-05-27

96浏览

0评论

vue实现计算器功能

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

2020-05-27

131浏览

0评论

Vue.js实现立体计算器

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

2020-05-27

153浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

168浏览

0评论

webpack.DefinePlugin与cross-env区别详解

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

2020-05-27

131浏览

0评论

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

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

2020-05-27

80浏览

0评论

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

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

2020-05-27

102浏览

0评论

浅谈TypeScript的类型保护机制

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

2020-05-27

121浏览

0评论

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

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

2020-05-27

466浏览

0评论

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

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

2020-05-27

161浏览

0评论

js实现坦克大战游戏

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

2020-05-27

108浏览

0评论

原生javascript中this几种常见用法总结

本文实例讲述了原生javascript中this几种常见用法。分享给大家供大家参考，具体如下：this的应用 “是” 代名词this必须出现在函数里面//------------------默认绑定function...

2020-05-27

106浏览

0评论

在 Vue 中编写 SVG 图标组件的方法

在考虑了将矢量图标从图标字体迁移到内联 SVG 的原因之后，我在 Vue.js 中找到了一个用 SVG 替换图标字体的解决方案，同时仍能保持使用图标字体的灵活性和易用性——能够使用...

2020-05-27

69浏览

0评论

原生javascript的ajax请求及后台PHP响应操作示例

本文实例讲述了原生javascript的ajax请求及后台PHP响应操作。分享给大家供大家参考，具体如下：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Docum...

2020-05-27

134浏览

0评论

Vue 技巧之控制父类的 slot

首先来思考一个问题：是否有一种方法可以从子组件填充父组件的插槽？最近一位同事问我这个问题，答案很简单：可以的。但我的解决方案可能和你想的完全不一样，这是涉及一个棘手的Vue...

2020-05-27

72浏览

0评论

原生javascript实现类似vue的数据绑定功能示例【观察者模式】

本文实例讲述了原生javascript实现类似vue的数据绑定功能。分享给大家供大家参考，具体如下：观察者模式let observer = { /*订阅功能*/ addSubscriber: function (cb) {...

2020-05-27

108浏览

0评论

Node使用Nodemailer发送邮件的方法实现

电子邮件是—种用电子手段提供信息交换的通信方式，是互联网应用最广的服务。通过网络的电子邮件系统，用户可以以非常低廉的价格（不管发送到哪里，都只需负担网费）、非常快速的方式...

2020-05-27

71浏览

0评论

微信小程序后端实现授权登录

登录与授权官方文档一.登录登录流程时序说明:调用 wx.login()获取临时登录凭证code，并回传到开发者服务器。调用code2Session接口，换取用户唯一标识 OpenID和会话密钥 sess...

微信

2020-05-27

100浏览

0评论

Vue快速实现通用表单验证的方法

本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个...

2020-05-27

99浏览

0评论

nodejs制作小爬虫功能示例

本文实例讲述了nodejs制作小爬虫功能。分享给大家供大家参考，具体如下：1 安装nodejs2 安装需要模块npm install request cheerio 3 新建js文件4 引入const request=require("r...

2020-05-27

115浏览

0评论

JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】

本文实例讲述了JS前端面试必备——基本排序算法原理与实现方法。分享给大家供大家参考，具体如下：排序算法是面试及笔试中必考点，本文通过动画方式演示，通过实例讲解，最后给出Java...

2020-05-27

94浏览

0评论

JS数组扁平化、去重、排序操作实例详解

本文实例讲述了JS数组扁平化、去重、排序操作。分享给大家供大家参考，具体如下：在网上看到一个校招题目，已知一个数组var arr = [[1, 3, 2, 1],[5, 3, 4, 8, 5, 6, 5],[6, 2, 8...

2020-05-27

100浏览

0评论

jquery实现的放大镜效果示例

本文实例讲述了jquery实现的放大镜效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...

2020-05-27

64浏览

0评论

jquery制作的移动端购物车效果完整示例

本文实例讲述了jquery制作的移动端购物车效果。分享给大家供大家参考，具体如下：html部分<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>购物详情</titl...

2020-05-27

100浏览

0评论

es6中let和const的使用方法详解

本文实例讲述了es6中let和const的使用方法。分享给大家供大家参考，具体如下：ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有...

2020-05-27

282浏览

0评论

Vue常用传值方式、父传子、子传父及非父子实例分析

本文实例讲述了Vue常用传值方式、父传子、子传父及非父子。分享给大家供大家参考，具体如下：父组件向子组件传值是利用props子组件中的注意事项：props:[‘greetMsg']，注意props后...

2020-05-27

88浏览

0评论

js+canvas实现简单扫雷小游戏

扫雷小游戏作为windows自带的一个小游戏，受到很多人的喜爱，今天我们就来尝试使用h5的canvas结合js来实现这个小游戏。要写游戏，首先要明确游戏的规则，扫雷游戏是一个用鼠标操作...

2020-05-27

128浏览

0评论

Vue实现简易计算器

本文实例为大家分享了Vue实现简易计算器的具体代码，供大家参考，具体内容如下<html><body><div id="demo"> <h2>简单加减乘除计算器</h2> <p>请输入第一个数：<input type="text"...

2020-05-27

热门文章