JavaScript - 教程之家

74浏览

0评论

原生JS实现烟花效果

原生JS实现烟花效果，点击页面生成烟花，向四周扩散，然后再坠落下去。（这里的烟花我是用的特殊字符爱心形状）基础css代码 /* 设置基础的css样式 */ body{background: #000;overflow...

2020-05-27

139浏览

0评论

微信小程序实现搜索功能

在页面search.wxml中，定义一个input输入框以及搜索的点击按钮，分别为它们绑定点击事件handleInputChange()和handleSearch()的事件，同时在它们的下面定义搜索的列表，代码如下所...

微信

2020-05-27

168浏览

0评论

微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)

上效果图:一:搜索框功能实现1.在首页做一个搜索框的样式并实现跳转到搜索页面 <view class='page_row' bindtap="suo"> <view class="search"> <view class="df search_arr...

微信

2020-05-27

197浏览

0评论

非常漂亮的js烟花效果

本文实例为大家分享了js实现漂亮烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>烟花</title><style type="text/css"...

2020-05-27

154浏览

0评论

jquery实现烟花效果(面向对象)

本文实例为大家分享了jquery实现烟花效果的具体代码，供大家参考，具体内容如下<!DOCTYPE><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

2020-05-27

313浏览

0评论

微信小程序获取公众号文章列表及显示文章的示例代码

微信小程序中如何打开公众号中的文章，步骤相对来说不麻烦。1、公众号设置小程序若要获取公众号的素材，公众号需要做一些设置。1.1 绑定小程序公众号需要绑定目标小程序，否则无...

微信

2020-05-27

123浏览

0评论

Js逆向实现滑动验证码图片还原的示例代码

本文列举两个例子：某象和某验的滑动验证一、某验：aHR0cHM6Ly93d3cuZ2VldGVzdC5jb20vZGVtby9zbGlkZS1mbG9hdC5odG1s未还原图像:还原后的图:从服务端请求来的图片是打乱后的，给用...

2020-05-27

128浏览

0评论

vue 移动端记录页面浏览位置的方法

记录一下本次项目我使用的方法，有更简单便捷的方法，欢迎交流描述：假设有a b c 页面从a页面到 b页面，b页面到c页面 b到c页面的时候需要记录当前b的浏览位置，c返回到b的时候...

2020-05-27

216浏览

0评论

使用Node.js实现base64和png文件相互转换的方法

前天浏览技术博客，看到大厂面试题型中有使用nodejs实现base64和图片文件相互转换的例子，刚好近期要开发这个功能，暂时记录下来，下周开发完成再做一个补充。1. 将base64 转换为图...

2020-05-27

131浏览

0评论

Vue项目结合Vue-layer实现弹框式编辑功能(实例代码)

1. 实现效果2.实现原理在父组件中点击编辑按钮，将当前点击对象的id传给子组件，子组件根据id修改相应的内容父组件中代码：//放置编辑按钮的位置<button type="button" class="la...

2020-05-27

71浏览

0评论

Vue事件处理原理及过程详解

Vue事件监听的方式貌似违背了关注点分离(separation of concern)的传统理念。实际上，所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上，它不会导致维护上...

2020-05-27

74浏览

0评论

Vue组件间的通信pubsub-js实现步骤解析

本文介绍使用发布订阅的方式进行vue组件间的通信我认为这种方式比较自由，不存在组件间的关系问题1. 首先安装pubsub-jsnpm install --save pubsub-js
2. 订阅方组件import P...

2020-05-27

106浏览

0评论

Vue组件模板及组件互相引用代码实例

1. vue组件都是由这三部分组成<template> <div> </div></template><script> export default{}</script><style></style>2. 组件间的引用分3步走，假设现在有两个组件 App.vue，...

2020-05-27

160浏览

0评论

vue项目中使用vue-layer弹框插件的方法

vue-layer弹框插件安装npm i --save vue-layer引用import layer from 'vue-layer'Vue.prototype.$layer = layer(Vue);参数说明{ type: 0, //0（信息框，默认）1（页面层）2（iframe层）3（...

2020-05-27

80浏览

0评论

package.json中homepage属性的作用详解

Package.json 属性说明 name - 包名。 version - 包的版本号。 description - 包的描述。 homepage - 包的官网 url 。 author - 包的作者姓名。 contributors - 包的...

2020-05-27

372浏览

0评论

package.json各个属性说明详解

什么是Node.js的模块（Module）？
在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node.js项目遵循模块化的架构，当我们创建了一个Node.js项目，意味着创建了一个模块，这个模块的...

2020-05-27

93浏览

0评论

js实现动态时钟

本文实例为大家分享了js实现动态时钟的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <title>时钟</title></head><script type="text/javascript"> function...

2020-05-27

84浏览

0评论

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

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

2020-05-27

68浏览

0评论

使用JS实现动态时钟

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

2020-05-27

68浏览

0评论

JS实现碰撞检测效果

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

2020-05-27

149浏览

0评论

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

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

2020-05-27

123浏览

0评论

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

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

2020-05-27

97浏览

0评论

原生js实现碰撞检测

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

2020-05-27

113浏览

0评论

javascript实现拖拽碰撞检测

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

2020-05-27

106浏览

0评论

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

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

2020-05-27

204浏览

0评论

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

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

2020-05-27

85浏览

0评论

基于javascript实现碰撞检测

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

71浏览

0评论

JavaScript实现多个物体同时运动

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

71浏览

0评论

JavaScript实现随机点名器

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

2020-05-27

79浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

94浏览

0评论

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

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

微信

2020-05-27

148浏览

0评论

创建nuxt.js项目流程图解

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

2020-05-27

135浏览

0评论

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

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

2020-05-27

134浏览

0评论

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

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

2020-05-27

194浏览

0评论

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

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

2020-05-27

114浏览

0评论

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

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

2020-05-27

78浏览

0评论

JS自定义滚动条效果

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

88浏览

0评论

js函数和this用法实例分析

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

2020-05-27

236浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

82浏览

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

82浏览

0评论

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

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

2020-05-27

107浏览

0评论

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

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

2020-05-27

81浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

热门文章