JavaScript - 教程之家

58浏览

0评论

Vue使用vue-draggable 插件在不同列表之间拖拽功能

今天分享一个vue项目中在不同列表拖拽设置选项的功能，这个功能也是在做项目中遇到的，先说下这个功能的要点(参考下图)，有2个列表，左侧列表展示已选，右侧列表展示未选，通过拖拽进行...

2020-05-27

46浏览

0评论

使用JS实现动态时钟

本文实例为大家分享了JS实现动态时钟的具体代码，供大家参考，具体内容如下利用setTime()实现动态的时钟效果代码如下<html> <head> <meta charset="utf-8"> <title>正在...

2020-05-27

41浏览

0评论

JS实现碰撞检测效果

本文实例为大家分享了JS实现碰撞检测效果的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #all{ width: 500px;...

2020-05-27

131浏览

0评论

three.js利用射线Raycaster进行碰撞检测

本文实例为大家分享了利用射线Raycaster进行碰撞检测的具体代码，供大家参考，具体内容如下学习碰撞检测之前，我们先了解一下Raycaster类Raycaster 应该翻译为“光线投射”，顾名思...

2020-05-27

100浏览

0评论

vue实现导航标题栏随页面滚动渐隐渐显效果

项目开发中导航栏随页面滚动渐隐渐显这一功能还是较为常用的，下面作一个用vue实现此功能的代码分享。1. 为导航栏元素style属性用v-bind绑定data数据"opacityStyle"。<div cl...

2020-05-27

70浏览

0评论

原生js实现碰撞检测

本文实例为大家分享了js实现碰撞检测的具体代码，供大家参考，具体内容如下随手写了个简单的碰撞检测的代码。检测box1和box2是否发生碰撞，若发生碰撞，box2颜色发生随机改变，并反弹...

2020-05-27

81浏览

0评论

javascript实现拖拽碰撞检测

本文实例为大家分享了javascript实现拖拽碰撞检测的具体代码，供大家参考，具体内容如下拖拽碰撞检测碰撞改变颜色css:<style> .div1{width: 100px;height: 100px;background...

2020-05-27

82浏览

0评论

js 使用ajax设置和获取自定义header信息的方法小结

本文实例讲述了js 使用ajax设置和获取自定义header信息的方法。分享给大家供大家参考，具体如下：1、js ajax 设置自定义header1.1 方法一：$.ajax({ type: "POST", url: "Handl...

2020-05-27

173浏览

0评论

jQuery使用ajax传递json对象到服务端及contentType的用法示例

本文实例讲述了jQuery使用ajax传递json对象到服务端及contentType的用法。分享给大家供大家参考，具体如下：0、一般情况下，通过键值对的方式将参数传递到服务端0.1 客户端代码：$....

2020-05-27

66浏览

0评论

基于javascript实现碰撞检测

本文实例为大家分享了javascript实现碰撞检测的具体代码，供大家参考，具体内容如下<html><head><style>#div1 {width:100px; height:100px; background:red; position:absolute...

2020-05-27

69浏览

0评论

js实现操作cookie的常见方法总结【创建、读取、删除】

本文实例讲述了js实现操作cookie的常见方法。分享给大家供大家参考，具体如下：js操作cookie，可以通过开源的插件实现，方便快捷，兼容性好，同样也可以自己写；
此文主要介绍两个常用的...

2020-05-27

51浏览

0评论

JavaScript实现多个物体同时运动

本文实例为大家分享了JavaScript实现多个物体同时运动的具体代码，供大家参考，具体内容如下1、多个物体同时运动 ---例子：多个Div，鼠标移入变宽
单定时器，存在问题
每个Div一...

2020-05-27

71浏览

0评论

JavaScript碰撞检测原理及其实现代码

本文实例为大家分享了JavaScript实现碰撞检测原的具体代码，供大家参考，具体内容如下1.模拟碰撞简单模拟碰撞过程,用一个可以拖拽的div2去尝试碰撞一个固定的div1(均用绝对定位...

2020-05-27

48浏览

0评论

JavaScript实现随机点名器

本文实例为大家分享了JavaScript实现随机点名器效果图的具体代码，供大家参考，具体内容如下js实现随机点名器的思路
利用setTimeout()计时器实现随机的效果，功能函数function sh...

2020-05-27

60浏览

0评论

使用vue实现HTML页面生成图片的方法

随着网络的发展，越来越多的网络平台应运而生。如何获得更多的流量，吸引更多的眼球已经成为网络平台生存、发展的必要条件。现在网络平台最常见的一种宣传方式就是人邀人。我最...

2020-05-27

59浏览

0评论

JavaScript实现公告栏上下滚动效果

本文实例为大家分享了js公告栏上下滚动效果的具体实现代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>公告栏上下滚动</title> </...

2020-05-27

52浏览

0评论

微信小程序中的上拉、下拉菜单功能

问题描述在使用小程序的时候基本的页面的一般都是很简洁的，所以会有一些菜单来做简单的诠释说明，或者是提供一些选项。这些菜单的弹出方式一般是向上和向下，那么如何来设置这些...

微信

2020-05-27

90浏览

0评论

创建nuxt.js项目流程图解

安装步骤一：创建nuxt.js项目步骤二：确定项目名、描述、作者，直接回车步骤三：确定包管理工具步骤四：选择UI框架步骤五：选择前端服务器框架步骤六：选择模块步骤七：选择格式化工具步骤...

2020-05-27

113浏览

0评论

vue动态渲染svg、添加点击事件的实现

业务需求(vue项目中)
1.页面展示svg内容
2.监听svg内部的点击事件
3.动态改变svg内部元素的属性和值html标签
经多次实验，用embed、img等标签改变src属性的方式，均无法实现上...

2020-05-27

95浏览

0评论

AI小程序之语音听写来了，十分钟掌握百度大脑语音听写全攻略

语音识别极速版能将60秒以内的完整音频文件识别为文字。用于近场短语音交互,如手机语音搜索、聊天输入等场景。支持上传完整的录音文件,录音文件时长不超过60秒。实时返回识...

2020-05-27

146浏览

0评论

Vue实现仿iPhone悬浮球的示例代码

悬浮球插件简单的效果图：
很遗憾，没找到太好的视频转gif的软件，压缩出来的大小超过了限制，就不放图了
可以参考其他人的图，效果一致：
简单实用案例：<!-- 给定一个初始位置position，...

2020-05-27

95浏览

0评论

js Math数学简单使用操作示例

本文实例讲述了js Math数学简单使用.分享给大家供大家参考，具体如下：//Math是全局的 //Math.PI 数学里的3.1415926.... console.log(Math.PI); //取随机数//js提供的随机函数...

2020-05-27

54浏览

0评论

JS自定义滚动条效果

本文实例为大家分享了JS自定义滚动条的具体代码，供大家参考，具体内容如下<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #all{ width: 500px; heig...

2020-05-27

51浏览

0评论

js对象简介与基本用法示例

本文实例讲述了js对象简介与基本用法。分享给大家供大家参考，具体如下：对象简介js中没有"类"的概念，只有对象。A:对象声明方式有三种------------1.调用Object函数创建对象: va...

2020-05-27

71浏览

0评论

js函数和this用法实例分析

本文实例讲述了js函数和this用法。分享给大家供大家参考，具体如下：js的所有代码都是由funtion组成，funtion即函数的类型。一.函数有两种写法-----1.定义式function test() { //...

2020-05-27

215浏览

0评论

vue-resource post数据时碰到Django csrf问题的解决

公司最近用vue写前端，用vue-resource遇到的一些问题，现在记录下来。vue-resource post数据
this.$http.post('/someUrl',data, [options]).then(function(response){ // 响应...

2020-05-27

53浏览

0评论

JS数组的高级使用方法示例小结

本文实例讲述了JS数组的高级使用方法。分享给大家供大家参考，具体如下：//数组的高级使用 var array = [10,12,20,30]; for(var index in array){ console.log(array[index]);}...

2020-05-27

36浏览

0评论

JS原型prototype和proto用法实例分析

本文实例讲述了JS原型prototype和__proto__用法。分享给大家供大家参考，具体如下：先来看一个实例function Foo() {}var foo = new Foo();console.log(foo.prototype);// undef...

2020-05-27

59浏览

0评论

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

57浏览

0评论

JS中类的静态方法，静态变量，实例方法，实例变量区别与用法实例分析

本文实例讲述了JS中类的静态方法，静态变量，实例方法，实例变量区别与用法。分享给大家供大家参考，具体如下：1.类的静态方法先来段代码之后分析// JS类静态函数function BaseClass(...

2020-05-27

65浏览

0评论

es6中new.target的作用和使用场景简单示例分析

本文实例讲述了es6中new.target的作用和使用场景。分享给大家供大家参考，具体如下：有时候想写出只能被继承使用的类，这时候就要用到new.target1 含义：new.target返回使用new方法...

2020-05-27

47浏览

0评论

vue插槽slot的简单理解与用法实例分析

本文实例讲述了vue插槽slot的简单理解与用法。分享给大家供大家参考，具体如下：vue中插槽的使用非常广泛，本文就插槽的使用和理解简单总结。从字面理解插槽是预先插入一个代码空...

2020-05-27

50浏览

0评论

js实现的订阅发布者模式简单示例

本文实例讲述了js实现的订阅发布者模式.分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...

2020-05-27

72浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

98浏览

0评论

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

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

微信

2020-05-27

76浏览

0评论

js+canvas实现纸牌游戏

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

99浏览

0评论

JavaScript实现动态留言板

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

2020-05-27

104浏览

0评论

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

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

2020-05-27

139浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

56浏览

0评论

JavaScript实现tab栏切换效果

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

182浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

56浏览

0评论

Javascript ParentNode和ChildNode接口原理解析

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

2020-05-27

43浏览

0评论

Javascript Web Worker使用过程解析

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

2020-05-27

热门文章