JavaScript - 教程之家

111浏览

0评论

微信小程序实现侧边栏分类

本文实例为大家分享了微信小程序侧边栏分类展示的具体代码，供大家参考，具体内容如下效果图实现思路把屏幕当成一个固定的盒子，然后把盒子分成两边，并让盒子的每一边都能够滚动。...

2020-05-27

84浏览

0评论

微信小程序实现侧边分类栏

本文实例为大家分享了微信小程序实现侧边分类栏的具体代码，供大家参考，具体内容如下效果图布局分析分成三个盒子：
主盒子，左盒子，右盒子–wxml–<view class="conta...

2020-05-27

78浏览

0评论

微信小程序自定义组件components(代码详解)

在写小程序代码的时候，我们发现经常有一段代码我们经常敲，经常使用某一自定义组件，例如商城首页的轮播图和商品详情页的商品展示栏是近乎相同的代码；微信小程序里的弹窗提示可以...

2020-05-27

71浏览

0评论

微信小程序实现左侧滑动导航栏

本文实例为大家分享了微信小程序实现左侧滑动导航栏的具体代码，供大家参考，具体内容如下左侧滑动导航栏如图wxml<view class='under_line'></view><view s...

2020-05-27

59浏览

0评论

Node.js 实现抢票小工具 & 短信通知提醒功能

要知道在深圳上班是非常痛苦的事情，特别是我上班的科兴科技园这一块，去的人非常多，每天上班跟春运一样，如果我能换到以前的大冲上班那就幸福了，可惜，换不得。尤其是我这个站等车的...

2020-05-27

91浏览

0评论

小程序点击图片实现png转jpg

这篇文章主要介绍了小程序点击图片实现png转jpg,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下页面数据初始化添加参数...

2020-05-27

54浏览

0评论

微信小程序转发事件实现解析

这篇文章主要介绍了微信小程序转发事件实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下和生命周期是同级，在.js...

2020-05-27

75浏览

0评论

微信小程序开发之转发分享功能

官网文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html第一种情况点击小程序转发不加入参数 //转发 onShareAppMessage: function...

2020-05-27

93浏览

0评论

微信小程序绑定手机号获取验证码功能

微信小程序验证码获取方式，代码如下所示：<view class='content'> <form bindsubmit="formSubmit"> <view class='phone-box'> <text class='phone'>手...

2020-05-27

65浏览

0评论

p5.js码绘“跳动的小正方形”的实现代码

作业成果展示实验原理主要是要实现小正方形的上下来回运动，并且每个小正方形的跳动有一定的时间差视觉上要呈现依次跳动的感觉。本来我想用一个if语句来实现这个功能！但是想了...

2020-05-27

106浏览

0评论

Vue实现开心消消乐游戏算法

之前做过一个算法题，算法要求就是写一个开心消消乐的逻辑算法，当时也是考虑了一段时间才做出来。后来想了想，既然核心算法都有了，能不能实现一个开心消消乐的小游戏呢，于是花了两...

2020-05-27

72浏览

0评论

原生JS无缝滑动轮播图

本文实例为大家分享了原生JS无缝滑动轮播图的具体实现代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27

126浏览

0评论

基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)

nuxt.js 是一个基于 Vue.js 的服务端渲染应用框架，使用nuxt.js在做同构项目开发时，需要考虑的一些点总结如下：一、node服务端性能优化（提高node应用程序处理高流量的能力）
基于nu...

2020-05-27

85浏览

0评论

Vue项目中如何使用Axios封装http请求详解

前言使用axios可以统一做请求响应拦截，例如请求响应时我们拦截响应信息，判断状态码，从而弹出报错信息。请求超时的时候断开请求，还可以很方便地使用then或者catch来处理请求。下...

2020-05-27

60浏览

0评论

Vue实现数据请求拦截

本文实例为大家分享了vue数据请求拦截的具体代码，供大家参考，具体内容如下在src文件夹下创建utils文件夹同时在文件夹下创建request.js和auth.js文件request.js为请求拦截、请...

2020-05-27

89浏览

0评论

微信小程序实现多行文字超出部分省略号显示功能

在开发小程序：澳买的时候遇到一个棘手的问题：当搜索澳洲产品，获取产品列表的时候，有时候产品的名称翻译成中文特别长我们不能全部在有限的列表里面把产品名都显示出来，这样格...

2020-05-27

58浏览

0评论

jQuery实现图片随机切换、抽奖功能(实例代码)

效果图：源代码：HTML：<body><div id="div1"> <img id="xiaoImgID" src="img/mei0.jpg"></div><input id="startID" type="button" value="开...

2020-05-27

71浏览

0评论

JavaScript实现图片轮播特效

今天给大家介绍下怎么用 JS 实现图片轮播效果。原理描述：使用JS实现轮播的原理是这样的：假设初始的情况，下图一个网格代表一个图，初始时，显示1 ：当进行一次轮播后，显示变为下图显...

2020-05-27

78浏览

0评论

jQuery实现轮播图源码

本文实例为大家分享了jQuery实现轮播图展示的具体代码，供大家参考，具体内容如下设计：根据上图可以看出，轮播图需要以下元素：外面的盒子div、放置图片集合的盒子ul、放置两侧按钮...

2020-05-27

62浏览

0评论

p5.js临摹动态图形实现方法详解

使用p5.js临摹一个动态图形并作出拓展，供大家参考，具体内容如下原图形由内向外，白色圆的半径依次增大，黑色圆的半径不变；
白色圆在上一个白色圆碰到之前就开始增大半径；
图中只能...

2020-05-27

95浏览

0评论

浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】

为优化vue项目性能,需要使用webpack-bundle-analyzer分析报文件，找出最占用空间的插件有哪些，对应做出优化网上看了一些网站，有的写的太麻烦了，现将最简单的一种写出来供大家参...

2020-05-27

69浏览

0评论

使用p5.js临摹动态图形

一、临摹最近正在学习用代码绘图，于是按照下面的动态图形自己临摹了一幅图形临摹结果
观察发现，整个图案都是由基础的正六边形组成
首先创建一个画布
function setup() { crea...

2020-05-27

114浏览

0评论

微信小程序生成携带参数的二维码

第一步第二步都要必须由后端完成，返回图片地址给前端！！原因？？如下图：想了解,想尝试的可以看看：
第一步：获取ACCESS_TOKEN
// 这一步前端可以试试请求玩玩，一般由后端获取access_Toke...

2020-05-27

78浏览

0评论

浅析webpack-bundle-analyzer在vue-cli3中的使用

正常的使用方法安装npm install webpack-bundle-analyzer -Dwebpack.config.js：
vue-cli3的配置方法根目录的vue.config.js（没有则自己创建）module.exports = { chainWebpack:...

2020-05-27

78浏览

0评论

p5.js实现动态图形临摹

p5.js实现动态图形临摹的具体代码，供大家参考，具体内容如下临摹的动态图形对于动态图形临摹主要在于从图形中寻找规律，包括颜色变化、空间变化、几何关系、数学规律等等，把握规...

2020-05-27

86浏览

0评论

Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩）

在项目中往往会有这样的需求：弹出框（或Popover）在 show 后，点击空白处可以将其 hide。针对此需求，整理了三种实现方式，大家按实际情况选择。当然，我们做项目肯定会用到 UI 框架，常...

2020-05-27

59浏览

0评论

p5.js临摹动态图形的方法

本文实例为大家分享了p5.js临摹动态图形的具体代码，供大家参考，具体内容如下一、描述所临摹图像的规律1、图像由多个闪光圆点和圆点之间的连线组成
2、圆点的运动轨迹是随机的...

2020-05-27

68浏览

0评论

使用p5.js实现动态GIF图片临摹重现

前言根据互动媒体技术老师的实验要求，临摹了一张GIF动态图，使用p5.js进行重现。
博客里面会有实现逻辑以及实现代码，在最后还会有一张自己实现的扩展图。原图实现步骤规律总结1...

2020-05-27

56浏览

0评论

JavaScript提升机制Hoisting详解

前言
刚接触到JavaScript的时候，便知道JavaScript是按顺序执行的，是如浏览器的解析DOM树一样的流程，解析DOM结构的时候，如果遇到JS脚本或者外联脚本便会停止解析，继续下载脚本之...

2020-05-27

101浏览

0评论

jquery 键盘事件 keypress() keydown() keyup()用法总结

事件的定义完整的 key press 过程分为两个部分：1. 按键被按下；2. 按键被松开。当按钮被按下时，发生 keydown 事件。keydown() 方法触发 keydown 事件，或规定当发生 keydown 事件...

2020-05-27

70浏览

0评论

node.js使用fs读取文件出错的解决方案

今天配接口，使用fs模块读取json出现了错误'no such file or directory'，然后经查终于解决，特此记录。使用nodejs的fs模块读取文件时习惯用相对路径，但是运行的时候出现了上述的...

2020-05-27

113浏览

0评论

JavaScript 作用域scope简单汇总

什么是作用域
程序的执行，离不开作用域，也必须在作用域中才能将代码正确的执行。所以作用域到底是什么，通俗的说，可以这样理解：作用域就是定义变量的位置，是变量和函数的可访问范...

2020-05-27

67浏览

0评论

p5.js临摹旋转爱心

运用p5.js临摹旋转爱心，供大家参考，具体内容如下原图我的临摹效果不错的样子，让我们看看实现过程。第一步、分析原图GIF因为原图中旋转速度较快，无法用肉眼直观地找到规律。所以...

2020-05-27

95浏览

0评论

vue父组件给子组件的组件传值provide inject的方法

一般情况下我们父子之间的传值用的是props，这个就不多说了，但是如果想让父给子组件的组件传值怎么办呢，这里我们就可以用到 provide 和 inject（依赖注入）provide/inject需要一起...

2020-05-27

156浏览

0评论

p5.js实现故宫橘猫赏秋图动画

用p5.js实现一个小动画——故宫橘猫赏秋图互动媒体第二次作业要求我们手绘一幅动画，再用代码实现出动画。由于时间原因，手绘并没有画动画，而是以插画的形式画了一张，然后p5实现...

2020-05-27

63浏览

0评论

p5.js实现简单货车运动动画

本文为大家分享了p5.js实现简单货车运动动画的具体代码，供大家参考，具体内容如下使用工具Visual Studio Code+p5.js下载地址Visual Studio Codep5.js目标在网页上画出一辆货车...

2020-05-27

82浏览

0评论

p5.js绘制旋转的正方形

使用p5.js绘制旋转的正方形，供大家参考，具体内容如下要还原的效果图以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。首先建立画布大小，按照比例应该是5：3f...

2020-05-27

101浏览

0评论

Vue 2.0双向绑定原理的实现方法

Object.defineProperty方法vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发...

2020-05-27

103浏览

0评论

JavaScript判断数组类型的方法

前言
JavaScript中关于数组的判定问题，一直都是一个必须要掌握的点，那么，运用知识，如何判断一个类型是数组，就需要有对JavaScript使用有着深入的了解。判断方法
一、Array.isArra...

2020-05-27

83浏览

0评论

Vue 3.0双向绑定原理的实现方法

proxy方法vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过new Proxy()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。Vue 3.0与Vue...

2020-05-27

144浏览

0评论

nest.js 使用express需要提供多个静态目录的操作方法

场景在官方提供的文档中提供方式，
app.module.ts ServeStaticModule.forRoot({ rootPath: path.join(process.cwd(), 'static'), serveStaticOptions: { maxAge: 1000...

2020-05-27

69浏览

0评论

微信小程序上传图片并等比列压缩到指定大小的实例代码

微信小程序官方API中 wx.chooseImage() 是可以进行图片压缩的，可惜的是不能压缩到指定大小。实际开发中需求可能是压缩到指定大小：原生js可以使用canvas来压缩，但由于微信小程...

2020-05-27

152浏览

0评论

vue项目使用.env文件配置全局环境变量的方法

关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境下的配置文件.env.produ...

2020-05-27

232浏览

0评论

webpack4 配置 ssr 环境遇到“document is not defined”

最近使用 webpack 4 配置 ssr 环境，发现的问题：ReferenceError: document is not defined本次package.json使用版本信息：{ "vue-loader": "^15.4.2", "mini-css-extract-plug...

2020-05-27

59浏览

0评论

js计时事件实现圆形时钟

本文实例为大家分享了js圆形时钟效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>时钟</title> <style> *{margin:...

2020-05-27

89浏览

0评论

JS控制GIF图片的停止与显示

在掷骰子游戏中，通过需要控制骰子的转动以及转动结果的显示，骰子的转动可以用GIF动图来实现，每次投掷骰子的结果可以通过点击按钮显示静态图片。代码如下：<!DOCTYPE html><html>...

2020-05-27

66浏览

0评论

jquery实现掷骰子小游戏

本篇给大家分享一个很好玩的掷骰子游戏，当点击“掷筛子”按钮时张三和李四两人同时掷出筛子，在各自的文本框中会显示出各自掷出筛子的大小，并且会在第三个文本框中比较出两人点...

2020-05-27

78浏览

0评论

使用jQuery实现掷骰子游戏

本文实例为大家分享了jQuery实现掷骰子游戏的具体代码，供大家参考，具体内容如下直接新建一个html页面，需要在head中引入jquery,js，一些css代码以及js代码，如下:<script type="tex...

2020-05-27

86浏览

0评论

js实现简单掷骰子效果

本案例要实现的掷骰子效果：点击按钮，使骰子转动起来，转动随机时间之后，自动停止在某一个点数上。思路：点击按钮之后，将原本静态的骰子图片替换为一个动态转动的gif图片；
创建定时器...

2020-05-27

81浏览

0评论

js实现GIF动图分解成多帧图片上传

在项目中遇到需要支持上传gif图片，并把其分解的帧图片一次展示给用户。话不多说直接上代码分解gif图片需要使用libgif-js这个库！1. 引入Git库import SuperGif from './libgif....

2020-05-27

热门文章