JavaScript canvas实现带有阴影的图形和文字
用canvas创建带有阴影的图形和文字，供大家参考，具体内容如下ctx.shadowBlur=20;设置阴影模糊范围。
ctx.shadowColor;设置阴影模糊颜色。
还可以利用shadowOffsetX属性设置阴...
2021-05-04
JavaScript 数组遍历的五种方法
在使用 JavaScript 编写代码过程中，可以使用多个方法对数组进行遍历；包括 for循环、forEach循环、map 循环、forIn循环和forOf循环等方法。一、for 循环：基础、简单
这是最基础...
2021-05-04
用js实现拼图小游戏
本文实例为大家分享了js实现拼图小游戏的具体代码，供大家参考，具体内容如下一、js拼图是什么？用js做得小游戏二、使用步骤1、先创建div盒子 <style> div,body{ margin:...
2021-05-04
html+css+js实现canvas跟随鼠标的小圆特效源码
效果（源码在最后）：实现：1.定义标签： <h1>北极光之夜</h1> <canvas id="draw" style=" position: fixed; display: block;"> 当前浏览器不支持Canvas，请更换浏览器后再试 </can...
2021-05-04
微信小程序实现走马灯效果实例
前言日常开发中，我们经常会遇到文字横向循环滚动的效果，俗称走马灯，也是项目中经常会使用的一个功能。在网页web前端很常见，今天就介绍下小程序的实现方式，一种是用的css样式实现...
2021-05-04
js生成二维码的示例代码
前段时间项目中需要开发扫描二维码查看信息的功能，在网上查了一些资料，把用过的方法进行总结需要导入一个qrcode的js 插件。插件链接: qrcode.js下载地址，点击即可下载一、一个...
2021-05-04
微信小程序实现搜索关键词高亮的示例代码
1，前言
项目中碰到一个需求，搜索数据并且关键词要高亮显示，接到需求，马上开干。先上效果图。源码已经做成了小程序代码片段，放入了GitHub了，文章底部有源码链接。2，思路
博主第一时...
2021-05-04
js使用Canvas将多张图片合并成一张的实现代码
解决方案function mergeImgs(list) { const imgDom = document.createElement('img') document.body.appendChild(imgDom) const canvas = document.createElement('canvas'...
2021-05-04
JavaScript代码实现简单日历效果
本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下效果如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt...
2021-05-04
js实现封装jQuery的简单方法与链式操作详解
我用这篇文章来理一理如何用js去实现封装jQuery的简单方法。本文js实现了下面jquery的几种方法，我将它分为8个小目标 实现$(".box1").click( )方法 实现$("div").click( )...
2021-05-04
详解如何解决使用JSON.stringify时遇到的循环引用问题
程序员在日常做TypeScript/JavaScript开发时，经常需要将复杂的JavaScript对象通过JSON.stringify序列化成json字符串，保存到本地以便后续具体分析。然而如果JavaScript对象本...
2021-05-04
JS原生实现轮播图的几种方法
轮播图主要思想就是：在大的容器里，装着一个很长的表，表是容器宽度的整数倍。然后通过更改列表样式里的left属性来实现左右滑动。本文旨在控制滑动五张图片，但在html中使用了七张...
2021-05-04
JavaScript实现简单的计算器功能
本文实例为大家分享了JavaScript实现简单计算器功能的具体代码，供大家参考，具体内容如下具体要求如下：实现代码：<html> <head> <meta charset="utf-8"> <title>计算器</t...
2021-05-04
微信小程序+mqtt,esp8266温湿度读取的实现方法
第一、原理讲解esp8266 通过mqtt发布消息，微信小程序通过mqtt 订阅消息，小程序订阅后，就可以实时收到esp8266 传输来的消息。第二、温湿度测试这里使用的是D4口。本demo 是利用...
2021-05-04
使用JavaScript 实现时间轴与动画效果的示例代码(前端组件化)
上一篇文章《用 JSX 实现 Carousel 轮播组件》中，我们实现了一个 “基础” 的轮播组件。为什么我们叫它 “基础” 呢？因为其实它看起来已经可以满足我们轮播组件的功能，但是其...
2021-05-04
使用JSX实现Carousel轮播组件的方法(前端组件化)
在我们用 JSX 建立组件系统之前，我们先来用一个例子学习一下组件的实现原理和逻辑。这里我们就用一个轮播图的组件作为例子进行学习。轮播图的英文叫做 Carousel，它有一个旋转...
2021-05-04
JavaScript实现拖动滑块拼图验证功能（html5、canvas）
引言：滑块拖动验证现在很多地方都用到，周末就琢磨着写了一个，放上来，看看有没有人用得上！ 效果：实现思路： 用一张画布绘制源图，再绘制一个填充的方形，这样就可以达到缺失的效果（方形的...
2021-05-04
Swiper.js插件超简单实现轮播图
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。超好用
话不多说，直接上教程
1、首先加载...
2021-05-04
使用JSX 建立 Markup 组件风格开发的示例（前端组件化）
这里我们一起从 0 开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》和《用 JSX 建立组件 Parser（解析器）》中知道，一个组件可以通过 Markup 和 JavaScript 访问的...
2021-05-04
JavaScript实现前端网页版倒计时
使用原生JavaScript简单实现倒计时，供大家参考，具体内容如下效果代码// An highlighted block<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <!-- css...
2021-05-04
分享12个Webpack中常用的Loader(小结)
前言
初衷： 整理一些常用的loader分享给大家，方便知道在什么场景下该用什么loader。如果有大佬都懂悄悄左滑就行，不喜勿喷。
适合人群： 前端初级开发。
style-loader
用途： 用于...
2021-05-04
JavaScript 语句之常用 for 循环详解
JavaScript中循环语句不少，for、for in、for of和forEach循环，今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。新建四种数据类型的测试数...
2021-05-04
JavaScript实现简易加法计算器
本文实例为大家分享了JavaScript实现加法计算器的具体代码，供大家参考，具体内容如下具体要求：
1.页面布局:
2.还需要在点击计算按钮之后在页面上显示计算结果具体实现：<html> <...
2021-05-04
javascript模拟实现计算器
本文实例为大家分享了javascript模拟实现计算器的具体代码，供大家参考，具体内容如下功能:1、实现单击按钮录入数字
2、实现基础四则运算功能，并添加必要的异常处理。
3、实现小...
2021-05-04
整理CocosCreator常用知识点
一、场景加载 cc.director.loadScene(‘场景名称');//场景跳转 cc.director.preloadScene(‘场景名称');//预加载场景 cc.director.getScene();//获取当前场景二、...
2021-05-04
CocosCreator经典入门项目之flappybird
开发环境CocosCreator v2.3.1node.js v10.16.0vscode 1.46.1游戏引擎概念可以理解为一套已经编写好的代码，它封装了对底层接口的使用，是游戏开发的核心功能提供者。一般分为6...
2021-05-04
JS实现苹果计算器
本文实例为大家分享了JS实现苹果计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>手机</title> <style type="text...
2021-05-04
一个关于JS操作符in问题引发的探究
事情是这样的：大家都知道“内存泄露”这回事吧。它有几个常见的场景： 闭包使用不当引起内存泄漏 （未声明的）全局变量 分离的DOM节点 （随意的）控制台的打印 遗忘的...
2021-05-04
JS数组降维的几种方法详解
二维数组降维使用数组实例方法concat和ES6扩展运算符降维let arr=[1,2,[3,4],5];let arr1=[].concat(...arr);//先使用扩展运算符打散最外边的数组，concat自带打散粘合数组的...
2021-05-04
JavaScript实现颜色查看器
本文实例为大家分享了JavaScript实现颜色查看器的具体代码，供大家参考，具体内容如下实现效果 方框中初始为白色 输入框中输入颜色代码，点击查看颜色，在上方即可出现对应颜...
2021-05-04
前端组件化基础知识详细讲解
这里我们一起来学习前端组件化的知识，而组件化在前端架构里面是最重要的一个部分。讲到前端架构，其实前端架构中最热门的就有两个话题，一个就是组件化，另一个就是架构模式。组件...
2021-05-04
wavesurfer.js绘制音频波形图的实现
1.查看效果图向前选中：向后选中：代码如下（示例）：<template> <div class="waveSurfer"> <div class="top"> <span @click="leftSelect">向前选中</span> <span @click="right...
2021-05-04
uniapp小程序实现瀑布流布局的思路与代码
一、前言
现在写瀑布流算不算是炒冷饭啊？我不管， 我就要写，谁也别想拦我。瀑布流应该算是很常见的一种布局方法了，大致的思路也很好理解， 但是在小程序里面确有另外需要考虑的几...
2021-05-04
微信小程序如何监听全局变量
最近工作上遇到一个问题，有个全局变量 red_heart，因为它在很多地方用到，当它发生改变了，用到的地方也要改变。但是原生小程序并没有像Vue这种相关的做法。所以我就想自己实现一...
2021-05-04
js实现一个简易的计算器
利用原生js实现一个简易的计算器（附详细注释），供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont...
2021-05-04
JavaScript实现循环轮播图
本文实例为大家分享了JavaScript实现循环轮播图的具体代码，供大家参考，具体内容如下案例演示：1.点击下面图标，图片进行轮播
2.图片轮播完，接着轮播到第一张
（代码内部具有详细解释...
2021-05-04
JS实现判断对象是否为空对象的5种方法
1.将json对象转化为json字符串，再判断该字符串是否为"{}"
var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断
var obj = {};var b =...
2021-05-04
浅谈js二维码扫码登录是什么原理
前几天看了极客时间一个二维码的视频，写的不错，这里总结下在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选...
2021-05-04
如何用CocosCreator实现射击小游戏
分析下制作步骤：1. 准备好资源，搭建场景资源的话可以自己到网上找，也可以直接用我的也行；创建好相应文件夹，把资源放到res文件夹下；搭建场景：
第一步:创建一个单色精灵(Script) bg...
2021-05-04
利用js实现Ajax并发请求限制请求数量的示例代码
出现问题描述：当不确定异步请求个数时，为防止当一瞬间发生上百个http请求时，导致堆积了无数调用栈进而导致内存溢出问题。要求：将同一时刻并发请求数量控制在3个以内，同时还要尽...
2021-05-04
使用JSX 建立组件 Parser（解析器）开发的示例
这里我们一起从 0 开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》中知道，一个组件可以通过 Markup 和 JavaScript 访问的一个环境。所以我们的第一步就是建立...
2021-05-04
微信小程序页面间传值的实现方法示例
小程序页面间传值
大家晚上好，说晚上好是因为是在晚上写的，说这句话是因为这句话开篇不那么突然。那么小程序的页面间传值，在我使用这段时间里，我就非常的主观的把它们分为wx.na...
2021-05-04
JavaScript自定义插件实现tabs切换功能
本文实例为大家分享了JavaScript实现tabs切换功能的具体代码，供大家参考，具体内容如下自定义插件实现tabs切换功能这是HTML代码：<script src="jquery-3.1.0.js"></script> <...
2021-05-04
微信小程序实现简单计算器
微信小程序写的简单计算器，供大家参考，具体内容如下
jisaunqi.js// pages/jisuanqi/jisuanqi.jsPage({ /** * 页面的初始数据 */ data: { result:"0", string:"",...
2021-05-04
一个关于JS正则匹配的踩坑记录
最近发现在JS里的正则匹配有一个坑，而且当时很莫名奇妙，一度让我怀疑出现了灵异事件。下面是踩坑代码 var str=["二七1","二七2","金水","二七3","二七4","二七5"] v...
2021-05-04
如何利用JS检查元素是否在视口内
前言
分享两个监测元素是否在视口内的方法1. 位置计算
使用 Element.getBoundingClientRect() 方法返回元素相对于视口的位置const isElementVisible = (el) => { const rec...
2021-05-04
全面讲解CocosCreator热更新
前言本文主要引用cocos关于热更的官方文档，并在此基础上，总结sprout当前热更流程。什么是热更热更（新）本质上是从服务器下载需要的资源到本地，并且可以执行新的游戏逻辑，让新资源...
2021-05-04
JavaScript中常用的几种字符串方法汇总（新手必看）
JavaScript常用的几种字符串方法字符串是一种只读数据，只能查常用的几种字符串方法： 1、charAt：根据指定的下标获取到对应的字符;
2、charCodeAt：根据指定的下标获取到字符对应...
2021-05-04
如何在微信小程序实现一个幸运转盘小游戏
本人主要介绍如何在微信小程序里面开发一个幸运转盘的小游戏，里面主要用到javascript和 css 语法，就可以轻松实现一个简单的幸运转盘（以6个奖品区为例）。前言
本次教程需要你掌...
2021-05-04
浅谈JS前端模块化的几种规范
前言有这样一个场景，客户端运行很久，但是法务部和数据部需要收集用户的一些信息，这些信息收集好之后需要进行相应的数据处理，之后上报到服务端。客户端提供一个纯粹的js执行引擎...
2021-05-04
