JavaScript - 教程之家

96浏览

0评论

原生js实现ajax请求和JSONP跨域请求操作示例

本文实例讲述了原生js实现ajax请求和JSONP跨域请求。分享给大家供大家参考，具体如下：直接上代码：const ajax = (params = {}) => { const nowJson = params.jsonp ? jsonp(...

2020-05-27

98浏览

0评论

javascript事件循环event loop的简单模型解释与应用分析

本文实例讲述了javascript事件循环event loop的简单模型解释与应用.分享给大家供大家参考，具体如下：js是单线程的，但是event loop的出现，使得js拥有可以处理高并发的性能。那么...

2020-05-27

76浏览

0评论

JS apply用法总结和使用场景实例分析

本文实例讲述了JS apply用法总结和使用场景。分享给大家供大家参考，具体如下：apply是绑定this到指定函数或类，也可以说把函数或者类的方法和属性给到当前作用域。1，使用apply实...

2020-05-27

135浏览

0评论

微信小程序利用button控制条件标签的变量问题

问题描述在小程序中如何利用button按钮来实现控制条件标签的变量呢？这也许是许多小伙伴们的问题，今天就来简单的给大家演示一遍。解决方案第一步：首先打开微信公众平台，将一个 p...

微信

2020-05-27

122浏览

0评论

js+canvas实现纸牌游戏

本文实例为大家分享了js+canvas实现纸牌游戏的具体代码，供大家参考，具体内容如下废话不多说，先上地址运行截图最后如果完成了会有结束动画，我技术比较渣，难以玩到结束，就不上完成...

2020-05-27

65浏览

0评论

vue中的双向数据绑定原理与常见操作技巧详解

本文实例讲述了vue中的双向数据绑定原理与常见操作技巧。分享给大家供大家参考，具体如下：什么是双向数据绑定？vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就...

2020-05-27

123浏览

0评论

JavaScript实现动态留言板

本文实例为大家分享了简单动态留言板的创建，供大家参考，具体内容如下效果图展示：思路html代码<textarea name="" id="" cols="30" rows="10"></textarea><button>发表留言</but...

2020-05-27

133浏览

0评论

vue从零实现一个消息通知组件的方法详解

本文实例讲述了vue从零实现一个消息通知组件的方法。分享给大家供大家参考，具体如下：利用vue从零实现一个消息通知组件平时，我们肯定用过类似element-ui,antd等一些UI框架，感受...

2020-05-27

158浏览

0评论

vue-cli3.0实现一个多页面应用的历奇经历记录总结

本文实例讲述了vue-cli3.0实现一个多页面应用的历奇经历。分享给大家供大家参考，具体如下：故事背景这是在刚请完假回来，一切都在计划之中，早上一来，就接到项目经历的新的需求（这个...

2020-05-27

74浏览

0评论

vue-cli3使用mock数据的方法分析

本文实例讲述了vue-cli3使用mock数据的方法。分享给大家供大家参考，具体如下：在前后端分离的开发模式中，后端给前端提供一个接口，由前端向后端发请求，得到数据后前端进行渲染。由...

2020-05-27

78浏览

0评论

JavaScript实现tab栏切换效果

本文实例为大家分享了JavaScript实现tab栏切换效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...

2020-05-27

89浏览

0评论

JS函数本身的作用域实例分析

本文实例讲述了JS函数本身的作用域。分享给大家供大家参考，具体如下：函数本身也是一个值，也有自己的作用域。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时所在作用...

2020-05-27

202浏览

0评论

vue css 引入asstes中的图片无法显示的四种解决方法

这里主要针对的是vuecli2中的一些问题。
vue项目中，常常会有很多的图片资源，这样的资源存放位置，通常我们有两个选择：1. static，2. assets
关于这两者之间的区别，和如何选择这里就...

2020-05-27

86浏览

0评论

JS函数参数的传递与同名参数实例分析

本文实例讲述了JS函数参数的传递与同名参数。分享给大家供大家参考，具体如下：函数参数的传递函数参数如果是原始类型值，传递方式是值传递。这意味着，在函数体内修改参数值，不会影...

2020-05-27

95浏览

0评论

JS手写一个自定义Promise操作示例

本文实例讲述了JS手写一个自定义Promise操作。分享给大家供大家参考，具体如下：经常在面试题中会看到，让你实现一个Promsie,或者问你实现Promise的原理，所以今天就尝试利用class...

2020-05-27

74浏览

0评论

Javascript ParentNode和ChildNode接口原理解析

ParentNode 接口，ChildNode 接口
节点对象除了继承 Node 接口以外，还拥有其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当...

2020-05-27

65浏览

0评论

Javascript Web Worker使用过程解析

Web Worker
概述
JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增...

2020-05-27

106浏览

0评论

js实现点赞效果

javascript实现点赞或踩加一，再点一次减一的效果好多新手在网上找不到点赞效果的代码，今天给大家分享一个采用js写的简单方法（有点错误，已修正）效果图如下HTML代码可直接ctrl + c...

2020-05-27

103浏览

0评论

JavaScript实现拖拽效果

要实现JavaScript的拖拽效果，首先我们需要知道事件对象几个有关于实现拖拽效果的坐标获取事件对象 var e = e || window.event;根据需求需要用到的拖拽效果的坐标clientX:鼠...

2020-05-27

131浏览

0评论

原生js实现的金山打字小游戏（实例代码详解）

首先先来看一下效果图如果感兴趣的就来看一下Js源码吧//计分板var board = { dom: document.getElementById("score"), maxLost: 3, //最大丢失量 lost: 0, //当前丢失了多...

2020-05-27

64浏览

0评论

基于JavaScript实现贪吃蛇游戏

本文实例为大家分享了JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下1.结构创建一个盒子box作为蛇的身体，当前盒子中只有一个子元素，代表此时蛇的长度为1.
在创建...

2020-05-27

89浏览

0评论

JavaScript实现旋转木马轮播图

本文实例为大家分享了JavaScript实现旋转木马轮播图的具体代码，供大家参考，具体内容如下html代码段图片自己添加，或者使用本人的上传照片，拉到最下面即可看见<div class="wrap"...

2020-05-27

210浏览

0评论

nodejs如何在package.json中设置多条启动命令

有时候需要在package.json中的scripts设计类似于批处理的多条命令。此时需要使用&&或&操作符来连接多个操作。比如："scripts": {"build": "(webpack --config webpack.prod.j...

2020-05-27

107浏览

0评论

JS实现简易留言板（节点操作）

本文实例为大家分享了JS实现简易留言板的具体代码，供大家参考，具体内容如下今天的案例主要是对节点进行操作创建节点、添加节点、删除节点以及为节点添加内容的操作。就是一...

2020-05-27

110浏览

0评论

基于JavaScript实现留言板功能

本文实例为大家分享了JavaScript实现留言板功能的具体代码，供大家参考，具体内容如下html代码<div id="main" class="main"> <ul id="content" class="content"> <li class...

2020-05-27

150浏览

0评论

Vue脚手架编写试卷页面功能

脚手架（vue-cli）　　（一）什么是脚手架　　　　概念：是一种用于快速开发Vue项目的系统架构　　　　优点：能够帮助咱们快速的开发项目　　　　缺点：由于脚手架适用于各种项目的开发，而...

2020-05-27

79浏览

0评论

用js编写留言板

本文实例为大家分享了js编写留言板的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type...

2020-05-27

147浏览

0评论

Vue中keep-alive 实现后退不刷新并保持滚动位置

什么是KeepAlive？首先，我们要明确我们谈的是TCP的 KeepAlive 还是HTTP的 Keep-Alive。TCP的KeepAlive和HTTP的Keep-Alive是完全不同的概念，不能混为一谈。实际上HTTP的KeepAliv...

2020-05-27

108浏览

0评论

javascript中innerHTML 获取或替换html内容的实现代码

innerHTML 属性用于获取或替换 HTML 元素的内容，语法为Object.innerHTML
其中1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素；2.注意书写，innerHTML...

2020-05-27

116浏览

0评论

JS前端模块化原理与实现方法详解

本文实例讲述了JS前端模块化原理与实现方法。分享给大家供大家参考，具体如下：1.什么是前端模块化模块化开发，一个模块就是一个实现特定功能的文件，有了模块我们就可以更方便地使...

2020-05-27

69浏览

0评论

JS对象属性的检测与获取操作实例分析

本文实例讲述了JS对象属性的检测与获取操作。分享给大家供大家参考，具体如下：1.1 in运算符in运算符用于检查对象是否包含某个属性（注意，检查的是键名，不是键值），如果包含就返回tru...

2020-05-27

64浏览

0评论

JavaScript实现字符串与HTML格式相互转换

代码::1.将字符转换成Htmlfunction encodeHtml(str){ var encodedStr = "" ; if (str=="") return encodedStr ; else { for (var i = 0 ; i < str.length ; i ++){...

2020-05-27

79浏览

0评论

es6函数之严格模式用法实例分析

本文实例讲述了es6函数之严格模式用法。分享给大家供大家参考，具体如下：从es5开始，函数内部可以设定为严格模式。function doSomething(a, b) { 'use strict' // code}es2016做...

2020-05-27

78浏览

0评论

JavaScript实现留言板案例

本文实例为大家分享了JavaScript实现留言板功能的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>留言板</title> <style typ...

2020-05-27

68浏览

0评论

JavaScript实现横版菜单栏

本文实例为大家分享了JavaScript实现横版菜单栏的具体代码，供大家参考，具体内容如下示例代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>横版菜单...

2020-05-27

95浏览

0评论

HTML+JS实现“代码雨”效果源码（黑客帝国文字下落效果）

我们先看看HTML+JS实现“代码雨”的最终效果1、绿色：2、彩色：3、背景色：4、绿色逐渐变浅：源代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="tex...

2020-05-27

209浏览

0评论

vue+ESLint 配置保存自动格式化代码

1. 在.eslintrc.js 添加 vscode 终端启动服务// 添加⾃定义规则 'prettier/prettier': [ // eslint校验不成功后，error或2则报错，warn或1则警告，off或0则⽆提示...

2020-05-27

98浏览

0评论

js实现简单点赞操作

JavaScript实现点赞操作：（练手·初级），供大家参考，具体内容如下前期准备：① 导入jQuery文件；② 导入bootstrap文件；③ 点赞图片；<!DOCTYPE html><html> <head> <meta charset="UT...

2020-05-27

87浏览

0评论

JavaScript写个贪吃蛇小游戏(超详细)

贪吃蛇大家都玩过，但你会制作嘛？听起来好像很难的样子，其实非常的简单，话不多说直接上代码我们先把dom结构写出来<div id="content"> <div id="snake"> <div clas...

2020-05-27

92浏览

0评论

JavaScript仿京东秒杀倒计时

本文实例为大家分享了JavaScript仿京东秒杀倒计时的具体代码，供大家参考，具体内容如下仿京东秒杀倒计时html代码<div id="box"> <div class="txt">秒杀倒计时</div> <div cl...

2020-05-27

212浏览

0评论

vue 封装 Adminlte3组件的实现

之前找了一下vue关于adminlte3的组件库，github大部分都是2的。比较老了，都是几年前更新的。有adminlte3的，但是都只封装了一两个组件，而且居然还引入jq，然后一股脑把adminlte3的h...

2020-05-27

112浏览

0评论

js实现超级玛丽小游戏

本文实例为大家分享了js超级玛丽小游戏的具体代码，供大家参考，具体内容如下怎么用通过按键，来控制图片的位置
这个小游戏，用面向对象会很方便，不用面向对象会很麻烦很麻烦，比如以...

2020-05-27

107浏览

0评论

js验证密码强度解析

这篇文章我们来说一个验证密码强度的例子，大家在进入一个网站的时候，往往都会先注册一个账号，然后输入密码，在输密码的时候，系统会根据我们输入的密码组成的复杂程度来给你的密码...

2020-05-27

108浏览

0评论

js如何验证密码强度

验证“密码强度”的例子很常见，我们注册新的账号的时候往往设置密码，此时就遇到验证密码强度的问题了。“密码强度”也就是密码难易程度的意思。原理：1、如果输入的密码为单纯...

2020-05-27

77浏览

0评论

JavaScript实现密码强度实时验证

JavaScript实现密码强度实时验证，供大家参考，具体内容如下
在网络服务中，为了保证用户的私密信息足够安全，会要求用户输入具有一定安全级别的密码，这样可以更好的防止他人盗用。...

2020-05-27

180浏览

0评论

原生js实现密码强度验证功能

我们在填写表单的时候，特别是输入密码的时候，经常看到实时显示密码强度的效果，那么这种效果如何通过我们的原生js实现呢？思路:1.密码通常是由数字，大写字母，小写字母以及特殊字符...

2020-05-27

136浏览

0评论

JS正则表达式验证密码强度

本文实例为大家分享了JS正则表达式验证密码强度的具体代码，供大家参考，具体内容如下代码1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</t...

2020-05-27

105浏览

0评论

JavaScript正则表达式验证登录实例

本文实例为大家分享了js正则表达式验证登录的具体代码，供大家参考，具体内容如下代码片段：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>qq登录模拟测试</titl...

2020-05-27

107浏览

0评论

Vue项目中使用flow做类型检测的方法

在vue2.0的项目中加入flow类型检查。当前项目是用js写的，当项目越来越大，由于js弱类型的特性，相比ts(typescript)这种强类型的语言而言，后期维护会越来越困难。为了解决这个问题...

2020-05-27

95浏览

0评论

vue项目配置使用flow类型检查的步骤

你是否经常在debug那些简单可避免的bug？可能你给函数传参的时候搞错了参数的顺序，或者本来应该传个Number类型的参数，你传了一个String类型？JavaScript的弱类型是这一类bug的罪...

2020-05-27

热门文章