编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

111浏览

0评论

JS实现碰撞检测效果

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

2020-05-27 01:36:36

191浏览

0评论

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

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

2020-05-27 01:36:35

168浏览

0评论

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

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

2020-05-27 01:36:34

139浏览

0评论

原生js实现碰撞检测

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

2020-05-27 01:36:33

155浏览

0评论

javascript实现拖拽碰撞检测

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

2020-05-27 01:36:32

147浏览

0评论

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

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

2020-05-27 01:36:31

263浏览

0评论

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

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

2020-05-27 01:36:30

132浏览

0评论

基于javascript实现碰撞检测

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

2020-05-27 01:36:29

129浏览

0评论

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

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

2020-05-27 01:36:28

113浏览

0评论

JavaScript实现多个物体同时运动

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

2020-05-27 01:36:27

127浏览

0评论

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

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

2020-05-27 01:36:26

107浏览

0评论

JavaScript实现随机点名器

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

2020-05-27 01:36:25

115浏览

0评论

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

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

2020-05-27 01:36:24

128浏览

0评论

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

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

2020-05-27 01:36:23

162浏览

0评论

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

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

2020-05-27 01:36:22

218浏览

0评论

创建nuxt.js项目流程图解

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

2020-05-27 01:36:21

179浏览

0评论

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

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

2020-05-27 01:36:19

189浏览

0评论

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

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

2020-05-27 01:36:18

240浏览

0评论

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

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

2020-05-27 01:36:16

163浏览

0评论

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

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

2020-05-27 01:36:14

122浏览

0评论

JS自定义滚动条效果

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

2020-05-27 01:36:13

111浏览

0评论

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

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

2020-05-27 01:36:12

135浏览

0评论

js函数和this用法实例分析

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

2020-05-27 01:36:11

284浏览

0评论

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

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

2020-05-27 01:36:10

129浏览

0评论

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

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

2020-05-27 01:36:09

105浏览

0评论

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

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

2020-05-27 01:36:08

153浏览

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 01:36:07

119浏览

0评论

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

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

2020-05-27 01:36:06

154浏览

0评论

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

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

2020-05-27 01:36:05

123浏览

0评论

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

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

2020-05-27 01:36:04

123浏览

0评论

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

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

2020-05-27 01:36:03

132浏览

0评论

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

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

2020-05-27 01:36:02

145浏览

0评论

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

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

2020-05-27 01:36:01

114浏览

0评论

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

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

2020-05-27 01:36:00

192浏览

0评论

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

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

2020-05-27 01:35:59

172浏览

0评论

js+canvas实现纸牌游戏

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

2020-05-27 01:35:58

112浏览

0评论

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

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

2020-05-27 01:35:56

162浏览

0评论

JavaScript实现动态留言板

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

2020-05-27 01:35:55

176浏览

0评论

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

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

2020-05-27 01:35:54

208浏览

0评论

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

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

2020-05-27 01:35:53

110浏览

0评论

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

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

2020-05-27 01:35:51

124浏览

0评论

JavaScript实现tab栏切换效果

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

2020-05-27 01:35:50

132浏览

0评论

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

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

2020-05-27 01:35:49

240浏览

0评论

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

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

2020-05-27 01:35:48

128浏览

0评论

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

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

2020-05-27 01:35:47

130浏览

0评论

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

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

2020-05-27 01:35:46

114浏览

0评论

Javascript ParentNode和ChildNode接口原理解析

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

2020-05-27 01:35:45

104浏览

0评论

Javascript Web Worker使用过程解析

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

2020-05-27 01:35:44

149浏览

0评论

js实现点赞效果

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

2020-05-27 01:35:43

150浏览

0评论

JavaScript实现拖拽效果

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

2020-05-27 01:35:42

首页 «1544 154515461547 1548 »尾页

热门文章