JavaScript碰撞检测原理及其实现代码
本文实例为大家分享了JavaScript实现碰撞检测原的具体代码，供大家参考，具体内容如下1.模拟碰撞简单模拟碰撞过程,用一个可以拖拽的div2去尝试碰撞一个固定的div1(均用绝对定位...
2020-05-27
JavaScript实现随机点名器
本文实例为大家分享了JavaScript实现随机点名器效果图的具体代码，供大家参考，具体内容如下js实现随机点名器的思路
利用setTimeout()计时器实现随机的效果，功能函数function sh...
2020-05-27
使用vue实现HTML页面生成图片的方法
随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。我最...
2020-05-27
JavaScript实现公告栏上下滚动效果
本文实例为大家分享了js公告栏上下滚动效果的具体实现代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>公告栏上下滚动</title> </...
2020-05-27
微信小程序中的上拉、下拉菜单功能
问题描述在使用小程序的时候基本的页面的一般都是很简洁的，所以会有一些菜单来做简单的诠释说明，或者是提供一些选项。这些菜单的弹出方式一般是向上和向下，那么如何来设置这些...
2020-05-27
创建nuxt.js项目流程图解
安装步骤一：创建nuxt.js项目步骤二：确定项目名、描述、作者，直接回车步骤三：确定包管理工具步骤四：选择UI框架步骤五：选择前端服务器框架步骤六：选择模块步骤七：选择格式化工具步骤...
2020-05-27
vue动态渲染svg、添加点击事件的实现
业务需求(vue项目中)
1.页面展示svg内容
2.监听svg内部的点击事件
3.动态改变svg内部元素的属性和值html标签
经多次实验，用embed、img等标签改变src属性的方式，均无法实现上...
2020-05-27
AI小程序之语音听写来了，十分钟掌握百度大脑语音听写全攻略
语音识别极速版能将60秒以内的完整音频文件识别为文字。用于近场短语音交互,如手机语音搜索、聊天输入等场景。支持上传完整的录音文件,录音文件时长不超过60秒。实时返回识...
2020-05-27
Vue实现仿iPhone悬浮球的示例代码
悬浮球插件简单的效果图：
很遗憾，没找到太好的视频转gif的软件，压缩出来的大小超过了限制，就不放图了
可以参考其他人的图，效果一致：
简单实用案例：<!-- 给定一个初始位置position，...
2020-05-27
js Math数学简单使用操作示例
本文实例讲述了js Math数学简单使用.分享给大家供大家参考，具体如下：//Math是全局的 //Math.PI 数学里的3.1415926.... console.log(Math.PI); //取随机数//js提供的随机函数...
2020-05-27
JS自定义滚动条效果
本文实例为大家分享了JS自定义滚动条的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #all{ width: 500px; heig...
2020-05-27
js对象简介与基本用法示例
本文实例讲述了js对象简介与基本用法。分享给大家供大家参考，具体如下：对象简介js中没有"类"的概念，只有对象。A:对象声明方式有三种------------1.调用Object函数创建对象: va...
2020-05-27
js函数和this用法实例分析
本文实例讲述了js函数和this用法。分享给大家供大家参考，具体如下：js的所有代码都是由funtion组成，funtion即函数的类型。一.函数有两种写法-----1.定义式function test() { //...
2020-05-27
vue-resource post数据时碰到Django csrf问题的解决
公司最近用vue写前端，用vue-resource遇到的一些问题，现在记录下来。vue-resource post数据
this.$http.post('/someUrl',data, [options]).then(function(response){ // 响应...
2020-05-27
JS数组的高级使用方法示例小结
本文实例讲述了JS数组的高级使用方法。分享给大家供大家参考，具体如下：//数组的高级使用 var array = [10,12,20,30]; for(var index in array){ console.log(array[index]);}...
2020-05-27
JS原型prototype和__proto__用法实例分析
本文实例讲述了JS原型prototype和__proto__用法。分享给大家供大家参考，具体如下：先来看一个实例function Foo() {}var foo = new Foo();console.log(foo.prototype);// undef...
2020-05-27
js中forEach，for in，for of循环的用法示例小结
本文实例讲述了js中forEach，for in，for of循环的用法。分享给大家供大家参考，具体如下：一、一般的遍历数组的方法:var array = [1,2,3,4,5,6,7];for (var i = 0; i < array.leng...
2020-05-27
JS中类的静态方法，静态变量，实例方法，实例变量区别与用法实例分析
本文实例讲述了JS中类的静态方法，静态变量，实例方法，实例变量区别与用法。分享给大家供大家参考，具体如下：1.类的静态方法先来段代码之后分析// JS类静态函数function BaseClass(...
2020-05-27
es6中new.target的作用和使用场景简单示例分析
本文实例讲述了es6中new.target的作用和使用场景。分享给大家供大家参考，具体如下：有时候想写出只能被继承使用的类，这时候就要用到new.target1 含义：new.target返回使用new方法...
2020-05-27
vue插槽slot的简单理解与用法实例分析
本文实例讲述了vue插槽slot的简单理解与用法。分享给大家供大家参考，具体如下：vue中插槽的使用非常广泛，本文就插槽的使用和理解简单总结。从字面理解插槽是预先插入一个代码空...
2020-05-27
js实现的订阅发布者模式简单示例
本文实例讲述了js实现的订阅发布者模式.分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...
2020-05-27
原生js实现ajax请求和JSONP跨域请求操作示例
本文实例讲述了原生js实现ajax请求和JSONP跨域请求。分享给大家供大家参考，具体如下：直接上代码：const ajax = (params = {}) => { const nowJson = params.jsonp ? jsonp(...
2020-05-27
javascript事件循环event loop的简单模型解释与应用分析
本文实例讲述了javascript事件循环event loop的简单模型解释与应用.分享给大家供大家参考，具体如下：js是单线程的，但是event loop的出现，使得js拥有可以处理高并发的性能。那么...
2020-05-27
JS apply用法总结和使用场景实例分析
本文实例讲述了JS apply用法总结和使用场景。分享给大家供大家参考，具体如下：apply是绑定this到指定函数或类，也可以说把函数或者类的方法和属性给到当前作用域。1，使用apply实...
2020-05-27
微信小程序利用button控制条件标签的变量问题
问题描述在小程序中如何利用button按钮来实现控制条件标签的变量呢？这也许是许多小伙伴们的问题，今天就来简单的给大家演示一遍。解决方案第一步：首先打开微信公众平台，将一个 p...
2020-05-27
js+canvas实现纸牌游戏
本文实例为大家分享了js+canvas实现纸牌游戏的具体代码，供大家参考，具体内容如下废话不多说，先上地址 运行截图最后如果完成了会有结束动画，我技术比较渣，难以玩到结束，就不上完成...
2020-05-27
vue中的双向数据绑定原理与常见操作技巧详解
本文实例讲述了vue中的双向数据绑定原理与常见操作技巧。分享给大家供大家参考，具体如下：什么是双向数据绑定？vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就...
2020-05-27
JavaScript实现动态留言板
本文实例为大家分享了简单动态留言板的创建，供大家参考，具体内容如下效果图展示：思路html代码<textarea name="" id="" cols="30" rows="10"></textarea><button>发表留言</but...
2020-05-27
vue从零实现一个消息通知组件的方法详解
本文实例讲述了vue从零实现一个消息通知组件的方法。分享给大家供大家参考，具体如下：利用vue从零实现一个消息通知组件平时，我们肯定用过类似element-ui,antd等一些UI框架，感受...
2020-05-27
vue-cli3.0实现一个多页面应用的历奇经历记录总结
本文实例讲述了vue-cli3.0实现一个多页面应用的历奇经历。分享给大家供大家参考，具体如下：故事背景这是在刚请完假回来，一切都在计划之中，早上一来，就接到项目经历的新的需求（这个...
2020-05-27
vue-cli3使用mock数据的方法分析
本文实例讲述了vue-cli3使用mock数据的方法。分享给大家供大家参考，具体如下：在前后端分离的开发模式中，后端给前端提供一个接口，由前端向后端发请求，得到数据后前端进行渲染。由...
2020-05-27
JavaScript实现tab栏切换效果
本文实例为大家分享了JavaScript实现tab栏切换效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...
2020-05-27
JS函数本身的作用域实例分析
本文实例讲述了JS函数本身的作用域。分享给大家供大家参考，具体如下：函数本身也是一个值，也有自己的作用域。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时所在作用...
2020-05-27
vue css 引入asstes中的图片无法显示的四种解决方法
这里主要针对的是vuecli2中的一些问题。
vue项目中，常常会有很多的图片资源，这样的资源存放位置，通常我们有两个选择：1. static，2. assets
关于这两者之间的区别，和如何选择这里就...
2020-05-27
JS函数参数的传递与同名参数实例分析
本文实例讲述了JS函数参数的传递与同名参数。分享给大家供大家参考，具体如下：函数参数的传递函数参数如果是原始类型值，传递方式是值传递。这意味着，在函数体内修改参数值，不会影...
2020-05-27
JS手写一个自定义Promise操作示例
本文实例讲述了JS手写一个自定义Promise操作。分享给大家供大家参考，具体如下：经常在面试题中会看到，让你实现一个Promsie,或者问你实现Promise的原理，所以今天就尝试利用class...
2020-05-27
Javascript ParentNode和ChildNode接口原理解析
ParentNode 接口，ChildNode 接口
节点对象除了继承 Node 接口以外，还拥有其他接口。ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当...
2020-05-27
Javascript Web Worker使用过程解析
Web Worker
概述
JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增...
2020-05-27
js实现点赞效果
javascript实现点赞或踩加一，再点一次减一的效果好多新手在网上找不到点赞效果的代码，今天给大家分享一个采用js写的简单方法（有点错误，已修正）效果图如下HTML代码可直接ctrl + c...
2020-05-27
JavaScript实现拖拽效果
要实现JavaScript的拖拽效果，首先我们需要知道事件对象几个有关于实现拖拽效果的坐标获取事件对象 var e = e || window.event;根据需求需要用到的拖拽效果的坐标clientX:鼠...
2020-05-27
原生js实现的金山打字小游戏（实例代码详解）
首先先来看一下效果图如果感兴趣的就来看一下Js源码吧//计分板var board = { dom: document.getElementById("score"), maxLost: 3, //最大丢失量 lost: 0, //当前丢失了多...
2020-05-27
基于JavaScript实现贪吃蛇游戏
本文实例为大家分享了JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下1.结构创建一个盒子box作为蛇的身体，当前盒子中只有一个子元素，代表此时蛇的长度为1.
在创建...
2020-05-27
JavaScript实现旋转木马轮播图
本文实例为大家分享了JavaScript实现旋转木马轮播图的具体代码，供大家参考，具体内容如下html代码段图片自己添加，或者使用本人的上传照片，拉到最下面即可看见<div class="wrap"...
2020-05-27
nodejs如何在package.json中设置多条启动命令
有时候需要在package.json中的scripts设计类似于批处理的多条命令。此时需要使用&&或&操作符来连接多个操作。比如："scripts": {"build": "(webpack --config webpack.prod.j...
2020-05-27
JS实现简易留言板（节点操作）
本文实例为大家分享了JS实现简易留言板的具体代码，供大家参考，具体内容如下今天的案例主要是对节点进行操作创建节点、添加节点、删除节点以及为节点添加内容的操作。 就是一...
2020-05-27
基于JavaScript实现留言板功能
本文实例为大家分享了JavaScript实现留言板功能的具体代码，供大家参考，具体内容如下html代码<div id="main" class="main"> <ul id="content" class="content"> <li class...
2020-05-27
Vue脚手架编写试卷页面功能
脚手架（vue-cli） （一）什么是脚手架 概念：是一种用于快速开发Vue项目的系统架构 优点：能够帮助咱们快速的开发项目 缺点：由于脚手架适用于各种项目的开发，而...
2020-05-27
用js编写留言板
本文实例为大家分享了js编写留言板的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type...
2020-05-27
Vue中keep-alive 实现后退不刷新并保持滚动位置
什么是KeepAlive？首先，我们要明确我们谈的是TCP的 KeepAlive 还是HTTP的 Keep-Alive。TCP的KeepAlive和HTTP的Keep-Alive是完全不同的概念，不能混为一谈。实际上HTTP的KeepAliv...
2020-05-27
javascript中innerHTML 获取或替换html内容的实现代码
innerHTML 属性用于获取或替换 HTML 元素的内容，语法为Object.innerHTML
其中1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素；2.注意书写，innerHTML...
2020-05-27
