编程开发 - 教程之家

编程开发

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

64浏览

0评论

关于better-scroll插件的无法滑动bug(2021通过插件解决)

better-scroll滚动原理wrapper作为父容器，它的高度会随着内容的大小而撑高。那么，当
content的高度不超过父容器的高度，是不能滚动的，而它一旦超过了父容器的高度，我们就可以滚动...

2021-05-04 18:23:08

68浏览

0评论

javascript实现简单页面倒计时

本文实例为大家分享了javascript实现简单页面倒计时的具体代码，供大家参考，具体内容如下话不多说，直接贴代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <style type...

2021-05-04 18:23:02

74浏览

0评论

JavaScript统计字符出现次数

本文实例为大家分享了JavaScript统计字符出现次数的具体代码，供大家参考，具体内容如下统计用户输入字符串中各字符出现的次数。例如：输入字符串为”abca12abbc121d”，输出为：a出...

2021-05-04 18:22:48

124浏览

0评论

50行代码实现Webpack组件使用次数统计

背景
最近有个领导想让我们搭组件库，然后我就想知道目前项目中使用的三方组件库哪些组件使用频率最高。本来想去咨询小伙伴，但是小伙伴太忙了，只能自己弄了。我就想能不能通过...

2021-05-04 18:22:36

76浏览

0评论

JavaScript实现筛选数组

本文实例为大家分享了JavaScript实现筛选数组的具体代码，供大家参考，具体内容如下今天，运用JavaScript的相关知识，制作了筛选数组的案例。希望我们互相学习，共同进步！最终效果图：js...

2021-05-04 18:22:02

94浏览

0评论

javascript中闭包closure的深入讲解

简介
闭包closure是javascript中一个非常强大的功能。所谓闭包就是函数中的函数，内部函数可以访问外部函数的作用域范围，从而可以使用闭包来做一些比较强大的工作。今天将会给...

2021-05-04 18:21:57

71浏览

0评论

js数据类型以及其判断方法实例

js的数据类型基本数据类型：number , string , boolean , undefined , null , Symbol,引用数据类型：objectNaN 属于 number；
Function, Array, Date 都属于 object；基本数据类型...

2021-05-04 18:21:52

86浏览

0评论

原生js实现星星闪烁效果

本文实例为大家分享了js实现星星闪烁效果的具体代码，供大家参考，具体内容如下星星闪烁的原理其实很简单：html代码：<body style="background:#000"> <div id="stars_box"></div><...

2021-05-04 18:21:45

57浏览

0评论

基于JS绘制2021的烟花效果附源码下载

该作品是运用到了前端开发的知识内容(JS内容），但是运用到了前段比较后面的知识了，该作品可以用做网页设计的背景是一个不错的选择，以下式该程序运行的效果图，HTML，CSS中多部分的运...

2021-05-04 18:20:17

68浏览

0评论

javascript实现图片预加载和懒加载

本文实例为大家分享了javascript实现图片预加载和懒加载的具体代码，供大家参考，具体内容如下预加载预加载是预先加载好后面需要用到的资源, 后面使用的时候直接去缓存里取。举...

2021-05-04 18:19:40

63浏览

0评论

微信小程序使用Echarts和分包的完整步骤

前言
假期虽然结束了，但是它以另外一种形式展示我们身上（摸摸自己的小肚子）。在小程序上以图形化显示数据就是分给我的假期预研任务，查了一下网上大佬们的文章了解到了Ucharts，F2...

2021-05-04 18:19:38

83浏览

0评论

js利用cookie实现记住用户页面操作

前言开发过程中，有时候会遇到一些类似需求，比如记住用户在浏览器层面所做的操作。之前做过一个功能，当时使用了一个拖拽插件展示一个类似九宫格的报表图，每个图形都可以显示和隐...

2021-05-04 18:19:26

82浏览

0评论

js实现简单放大镜特效

本文实例为大家分享了js实现简单放大镜特效的具体代码，供大家参考，具体内容如下先来看看效果：写放大镜之前我们先来了解一下定位：通常子绝父相（父元素相对定位，子元素绝对定位）
元...

2021-05-04 18:19:24

66浏览

0评论

js 创建对象的多种方式与优缺点小结

早期创建方式var obj = new Object()obj.name ='xxx'obj.age = 18或使用对象字面量var o1 = { name: 'xxx', say: () => {}}var o2 = { name: 'xxx', say: () => {}}缺...

2021-05-04 18:19:21

78浏览

0评论

js编写轮播图效果

本文实例为大家分享了js实现轮播图效果的具体代码，供大家参考，具体内容如下
1、html部分<div id="box"> <ul> <li class="show"><img src="img/1.jpg" alt=""></li>...

2021-05-04 18:19:18

67浏览

0评论

JavaScript中的for循环与双重for循环详解

for循环
for循环就是对数组的元素进行循环。语法：for (初始化变量; 条件表达式; 迭代语句) {
需要执行的代码块；
} 初始化变量：一般用来对循环变量进行初始化赋值。条...

2021-05-04 18:19:09

73浏览

0评论

使用Webpack构建多页面程序的实现步骤

使用webpack搭建单页面程序十分常见，但在实际开发中我们可能还会有开发多页面程序的需求，因此我研究了一下如何使用webpack搭建多页面程序。原理
将每个页面所在的文件夹都看...

2021-05-04 18:19:07

72浏览

0评论

原生js实现2048小游戏

2048小游戏，供大家参考，具体内容如下首先2048小游戏离不开16个格子，我们通过html和css创建好对应的标签和样式，然后开始js逻辑<div id="box">//一个盒子里面16个小div <div id="...

2021-05-04 18:19:04

67浏览

0评论

原生js canvas实现简单贪吃蛇

本文实例为大家分享了js canvas实现简单贪吃蛇的具体代码，供大家参考，具体内容如下Js原生贪吃蛇：canvasHTML<canvas id="can"></canvas>CSS#can{ background: #000000; height:...

2021-05-04 18:19:02

117浏览

0评论

微信小程序wxss如何引用外部CSS文件以及iconfont

起因小程序引入外部文件的方式是：@import "*/*.wxss";因为业务需要，正在开发的小程序中需要使用iconfont，很容易想到了H5的引入方式：````@font-face {font-family: "iconfont";...

2021-05-04 18:18:59

67浏览

0评论

JavaScript canvas实现带有阴影的图形和文字

用canvas创建带有阴影的图形和文字，供大家参考，具体内容如下ctx.shadowBlur=20;设置阴影模糊范围。
ctx.shadowColor;设置阴影模糊颜色。
还可以利用shadowOffsetX属性设置阴...

2021-05-04 18:18:51

79浏览

0评论

JavaScript 数组遍历的五种方法

在使用 JavaScript 编写代码过程中，可以使用多个方法对数组进行遍历；包括 for循环、forEach循环、map 循环、forIn循环和forOf循环等方法。一、for 循环：基础、简单
这是最基础...

2021-05-04 18:18:42

71浏览

0评论

用js实现拼图小游戏

本文实例为大家分享了js实现拼图小游戏的具体代码，供大家参考，具体内容如下一、js拼图是什么？用js做得小游戏二、使用步骤1、先创建div盒子 <style> div,body{ margin:...

2021-05-04 18:18:35

79浏览

0评论

html+css+js实现canvas跟随鼠标的小圆特效源码

效果（源码在最后）：实现：1.定义标签： <h1>北极光之夜</h1> <canvas id="draw" style=" position: fixed; display: block;"> 当前浏览器不支持Canvas，请更换浏览器后再试 </can...

2021-05-04 18:18:32

67浏览

0评论

微信小程序实现走马灯效果实例

前言日常开发中，我们经常会遇到文字横向循环滚动的效果，俗称走马灯，也是项目中经常会使用的一个功能。在网页web前端很常见，今天就介绍下小程序的实现方式，一种是用的css样式实现...

2021-05-04 18:17:58

78浏览

0评论

js生成二维码的示例代码

前段时间项目中需要开发扫描二维码查看信息的功能，在网上查了一些资料，把用过的方法进行总结需要导入一个qrcode的js 插件。插件链接: qrcode.js下载地址，点击即可下载一、一个...

2021-05-04 18:17:54

79浏览

0评论

微信小程序实现搜索关键词高亮的示例代码

1，前言
项目中碰到一个需求，搜索数据并且关键词要高亮显示，接到需求，马上开干。先上效果图。源码已经做成了小程序代码片段，放入了GitHub了，文章底部有源码链接。2，思路
博主第一时...

2021-05-04 18:17:47

121浏览

0评论

js使用Canvas将多张图片合并成一张的实现代码

解决方案function mergeImgs(list) { const imgDom = document.createElement('img') document.body.appendChild(imgDom) const canvas = document.createElement('canvas'...

2021-05-04 18:17:33

90浏览

0评论

JavaScript代码实现简单日历效果

本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下效果如下：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta htt...

2021-05-04 18:17:31

58浏览

0评论

js实现封装jQuery的简单方法与链式操作详解

我用这篇文章来理一理如何用js去实现封装jQuery的简单方法。本文js实现了下面jquery的几种方法，我将它分为8个小目标实现$(".box1").click( )方法实现$("div").click( )...

2021-05-04 18:17:07

83浏览

0评论

详解如何解决使用JSON.stringify时遇到的循环引用问题

程序员在日常做TypeScript/JavaScript开发时，经常需要将复杂的JavaScript对象通过JSON.stringify序列化成json字符串，保存到本地以便后续具体分析。然而如果JavaScript对象本...

2021-05-04 18:17:01

49浏览

0评论

JS原生实现轮播图的几种方法

轮播图主要思想就是：在大的容器里，装着一个很长的表，表是容器宽度的整数倍。然后通过更改列表样式里的left属性来实现左右滑动。本文旨在控制滑动五张图片，但在html中使用了七张...

2021-05-04 18:17:00

69浏览

0评论

JavaScript实现简单的计算器功能

本文实例为大家分享了JavaScript实现简单计算器功能的具体代码，供大家参考，具体内容如下具体要求如下：实现代码：<html> <head> <meta charset="utf-8"> <title>计算器</t...

2021-05-04 18:16:57

91浏览

0评论

微信小程序+mqtt,esp8266温湿度读取的实现方法

第一、原理讲解esp8266 通过mqtt发布消息，微信小程序通过mqtt 订阅消息，小程序订阅后，就可以实时收到esp8266 传输来的消息。第二、温湿度测试这里使用的是D4口。本demo 是利用...

2021-05-04 18:16:56

66浏览

0评论

使用JavaScript 实现时间轴与动画效果的示例代码(前端组件化)

上一篇文章《用 JSX 实现 Carousel 轮播组件》中，我们实现了一个 “基础” 的轮播组件。为什么我们叫它 “基础” 呢？因为其实它看起来已经可以满足我们轮播组件的功能，但是其...

2021-05-04 18:16:48

88浏览

0评论

使用JSX实现Carousel轮播组件的方法(前端组件化)

在我们用 JSX 建立组件系统之前，我们先来用一个例子学习一下组件的实现原理和逻辑。这里我们就用一个轮播图的组件作为例子进行学习。轮播图的英文叫做 Carousel，它有一个旋转...

2021-05-04 18:16:36

71浏览

0评论

JavaScript实现拖动滑块拼图验证功能（html5、canvas）

引言：滑块拖动验证现在很多地方都用到，周末就琢磨着写了一个，放上来，看看有没有人用得上！效果：实现思路：用一张画布绘制源图，再绘制一个填充的方形，这样就可以达到缺失的效果（方形的...

2021-05-04 18:16:14

62浏览

0评论

Swiper.js插件超简单实现轮播图

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。超好用
话不多说，直接上教程
1、首先加载...

2021-05-04 18:16:05

51浏览

0评论

使用JSX 建立 Markup 组件风格开发的示例（前端组件化）

这里我们一起从 0 开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》和《用 JSX 建立组件 Parser（解析器）》中知道，一个组件可以通过 Markup 和 JavaScript 访问的...

2021-05-04 18:15:13

61浏览

0评论

JavaScript实现前端网页版倒计时

使用原生JavaScript简单实现倒计时，供大家参考，具体内容如下效果代码// An highlighted block<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <!-- css...

2021-05-04 18:14:55

74浏览

0评论

分享12个Webpack中常用的Loader(小结)

前言
初衷：整理一些常用的loader分享给大家，方便知道在什么场景下该用什么loader。如果有大佬都懂悄悄左滑就行，不喜勿喷。
适合人群：前端初级开发。
style-loader
用途：用于...

2021-05-04 18:14:42

59浏览

0评论

JavaScript 语句之常用 for 循环详解

JavaScript中循环语句不少，for、for in、for of和forEach循环，今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。新建四种数据类型的测试数...

2021-05-04 18:14:39

69浏览

0评论

JavaScript实现简易加法计算器

本文实例为大家分享了JavaScript实现加法计算器的具体代码，供大家参考，具体内容如下具体要求：
1.页面布局:
2.还需要在点击计算按钮之后在页面上显示计算结果具体实现：<html> <...

2021-05-04 18:14:38

48浏览

0评论

javascript模拟实现计算器

本文实例为大家分享了javascript模拟实现计算器的具体代码，供大家参考，具体内容如下功能:1、实现单击按钮录入数字
2、实现基础四则运算功能，并添加必要的异常处理。
3、实现小...

2021-05-04 18:14:37

287浏览

0评论

整理CocosCreator常用知识点

一、场景加载 cc.director.loadScene(‘场景名称');//场景跳转 cc.director.preloadScene(‘场景名称');//预加载场景 cc.director.getScene();//获取当前场景二、...

2021-05-04 18:14:35

69浏览

0评论

CocosCreator经典入门项目之flappybird

开发环境CocosCreator v2.3.1node.js v10.16.0vscode 1.46.1游戏引擎概念可以理解为一套已经编写好的代码，它封装了对底层接口的使用，是游戏开发的核心功能提供者。一般分为6...

2021-05-04 18:14:28

56浏览

0评论

JS实现苹果计算器

本文实例为大家分享了JS实现苹果计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>手机</title> <style type="text...

2021-05-04 18:14:27

56浏览

0评论

一个关于JS操作符in问题引发的探究

事情是这样的：大家都知道“内存泄露”这回事吧。它有几个常见的场景：闭包使用不当引起内存泄漏（未声明的）全局变量分离的DOM节点（随意的）控制台的打印遗忘的...

2021-05-04 18:14:26

44浏览

0评论

JS数组降维的几种方法详解

二维数组降维使用数组实例方法concat和ES6扩展运算符降维let arr=[1,2,[3,4],5];let arr1=[].concat(...arr);//先使用扩展运算符打散最外边的数组，concat自带打散粘合数组的...

2021-05-04 18:14:24

51浏览

0评论

JavaScript实现颜色查看器

本文实例为大家分享了JavaScript实现颜色查看器的具体代码，供大家参考，具体内容如下实现效果方框中初始为白色输入框中输入颜色代码，点击查看颜色，在上方即可出现对应颜...

2021-05-04 18:14:20

首页 «862 863864865 866 »尾页

热门文章