编程开发 - 教程之家

编程开发

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

75浏览

0评论

javascript代码实现简易计算器

本文实例为大家分享了javascript实现简易计算器的具体代码，供大家参考，具体内容如下编辑了几个小时研发了一个简易好理解的计算器。不停改Bug，终于改好了。这是样式这是Css部分...

2021-05-04 18:34:08

95浏览

0评论

原生js实现无缝轮播图效果

原生js实现轮播图效果(无缝滚动) ，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="v...

2021-05-04 18:34:02

59浏览

0评论

js实现有趣的倒计时效果

js有趣的倒计时小案例，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2021-05-04 18:33:59

67浏览

0评论

JS实现纸牌发牌动画

本文实例为大家分享了JS实现纸牌发牌动画的具体代码，供大家参考，具体内容如下先看演示游戏构建准备1.准备52张纸牌
2.一张桌布
3.编辑工具为 Visual Code技术概要1.对象操作
2...

2021-05-04 18:33:56

69浏览

0评论

js canvas实现五子棋小游戏

本文实例为大家分享了canvas实现五子棋小游戏的具体代码，供大家参考，具体内容如下效果思路 canvans 绘制棋盘，绘制时候边缘预留棋子位置监听点击事件绘制落子并记录到字典中...

2021-05-04 18:33:52

75浏览

0评论

JS实现简易日历效果

本文实例为大家分享了JS实现简易日历效果的具体代码，供大家参考，具体内容如下css* { margin: 0; padding: 0; list-style: none; } #box { width: 280px; height: 360px;...

2021-05-04 18:33:49

203浏览

0评论

原生js实现九宫格拖拽换位

使用原生JS写出一个九宫格，实现九个格子何以拖拽换位的效果，供大家参考，具体内容如下效果演示具体思路分析和代码：图解1：代码：<!DOCTYPE html><html lang="en"><head> <meta chars...

2021-05-04 18:33:45

59浏览

0评论

js实现随机点名

本文实例为大家分享了js实现随机点名的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conten...

2021-05-04 18:33:34

54浏览

0评论

浅析JavaScript中的事件委托机制跟深浅拷贝

今天聊下JavaScript中的事件委托跟深浅拷贝一、事件委托首先呢，介绍一下事件绑定//方法一：通过onclick<button onclick="clickEvent()">点击</button><script>function clickE...

2021-05-04 18:33:32

86浏览

0评论

原生js实现下拉框选择组件

本文实例为大家分享了js实现下拉框选择组件的具体代码，供大家参考，具体内容如下功能需求：1、点击div后，div显示聚焦状态，同时显示下拉框内容；
2、选择儿童人数后，如果儿童人数大于0...

2021-05-04 18:33:30

66浏览

0评论

JavaScript实现跟随鼠标移动的盒子

本文实例为大家分享了JavaScript实现跟随鼠标移动的具体代码，供大家参考，具体内容如下跟随鼠标移动的盒子(包括检测边界值)效果图：代码：<!DOCTYPE html><html lang="en"> <head>...

2021-05-04 18:33:27

75浏览

0评论

Vant+postcss-pxtorem 实现浏览器适配功能

Rem 布局适配
Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具：
postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 rem
lib-flexible 用...

2021-05-04 18:32:52

71浏览

0评论

js属性对象的hasOwnProperty方法的使用

Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。判断自身属性是否存在
var o = new Object();o.prop = 'exists';function changeO() {...

2021-05-04 18:32:28

77浏览

0评论

typescript编写微信小程序创建项目的方法

创建项目在微信开发者工具创建项目,在语言中选择 TypeScript改造项目编辑 package.json 文件,修改 miniprogram-api-typings 和 typescript 版本{ "name": "miniprogram-ts-...

2021-05-04 18:32:26

94浏览

0评论

如何在JavaScript中使用localStorage详情

如果你是一名开发人员，想要进入到.NET的世界，你需要知道都有哪些可能。由于.NET Framework是.NET生态系统中最流行的技术，你可以用它来构建各种各样的应用程序，但是最近，出现了一...

2021-05-04 18:32:18

90浏览

0评论

详解javascript脚本何时会被执行

javascript脚本可以嵌入在html内的任意地方，但它何时被调用呢？当浏览器打开HTML文件后，会直接运行不是声明函数的脚本或通过事件调用脚本函数，下面分析这几种情况。1.浏览器在打...

2021-05-04 18:32:16

79浏览

0评论

JavaScript中layim之整合右键菜单的示例代码

一. 效果演示1.1、好友右键菜单：1.2、分组右键菜单：1.3、群组右键菜单：二. 实现教程接下来我们以好友右键菜单为例，实现步骤如下：

2.1、绑定好友右击事件：/* 绑定好友右击事件 */...

2021-05-04 18:32:13

97浏览

0评论

js实现类选择器和name属性选择器的示例步骤

jQuery的出现，大大的提升了我们操作dom的效率，使得我们的开发更上一层楼，如jQuery的选择器就是一个很强大的功能，它包含了类选择器、id选择器、属性选择器、元素选择器、层级选...

2021-05-04 18:32:09

67浏览

0评论

js实现简单的倒计时

本文实例为大家分享了js实现简单倒计时的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co...

2021-05-04 18:32:06

87浏览

0评论

前端如何实现动画过渡效果

简介
动画这个概念非常宽泛，涉及各个领域，这里我们把范围缩小到前端网页应用层面上，不用讲游戏领域的Animate，一切从最简单的开始。目前大部分网页应用都是基于框架开发的，比如Vu...

2021-05-04 18:31:50

101浏览

0评论

JavaScript事件概念详解(区分静态注册和动态注册)

js中的事件
什么是事件？事件是电脑输入设备与页面进行交互的响应，我们称之为事件事件类型
鼠标单击：例如单击button、选中checkbox和radio等元素；鼠标进入、悬浮或退出页面的...

2021-05-04 18:31:48

69浏览

0评论

javascript中layim之查找好友查找群组

目前layui官方暂没提供layim查找好友页面的结构与样式，我个人好奇心极强，自己弄了一套，现在上传与大家分享。小生不是做前端的，有些方面不够全面，请各位大神指点一二！先呈上效果图...

2021-05-04 18:31:44

104浏览

0评论

js基于canvas实现时钟组件

canvas一直是前端开发中不可或缺的一种用来绘制图形的标签元素，比如压缩上传的图片、比如刮刮卡、比如制作海报、图表插件等，很多人在面试的过程中也会被问到有没有接触过canv...

2021-05-04 18:31:41

76浏览

0评论

用Javascript实现发送短信验证码间隔功能

在很多app和网站中，我们登陆或者注册账号，会有一个发送短信验证码的地方1，然而为了防止恶意获取验证码，我们一般都设置了可点击的时间间隔，时间间隔1完了过后，便又可以继续发送，接...

2021-05-04 18:31:40

68浏览

0评论

js实现碰撞检测

本文实例为大家分享了js实现碰撞检测的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont...

2021-05-04 18:31:38

76浏览

0评论

JavaScript实现点击自制菜单效果

本文实例为大家分享了JavaScript实现点击自制菜单效果的具体代码，供大家参考，具体内容如下应用场景：当我们希望用户再点击右键的时候不希望弹出浏览器的默认菜单时，需要阻止浏览...

2021-05-04 18:31:31

98浏览

0评论

原生js拖拽功能制作滑动条实例代码

拖拽属于前端常见的功能，很多效果都会用到js的拖拽功能。滑动条的核心功能也就是使用js拖拽滑块来修改位置。一个完整的滑动条包括滑动条、滑动痕迹、滑块、文本等元素，先把...

2021-05-04 18:31:29

82浏览

0评论

原生微信小程序开发中 redux 的使用详解

前提
复杂场景中有不少数据需要在多个不同页面间来回使用和修改。但是小程序页面直接的数据通信方式十分的简单。通常情况需要自己维护一个全局的对象来存放共有数据。但是，...

2021-05-04 18:29:41

132浏览

0评论

原生JavaScript实现换肤

原生JavaScript实现换肤的具体代码，供大家参考，具体内容如下原理通过点击事件，获取点击的的图片的信息，在HTML背景图片的路径改变css样式<style> body{ margin:0; padding:0; ba...

2021-05-04 18:29:22

122浏览

0评论

JavaScript 绘制饼图的示例

绘制效果实现代码JavaScriptvar canvas = document.getElementById("mycanvas");var w = window.innerWidth;var h = window.innerHeight;canvas.height = 1000;canvas.widt...

2021-05-04 18:29:17

71浏览

0评论

利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)

背景我们经常使用 Chrome Dev Tools 来开发调试，但是很少知道怎么利用它来分析页面性能，这篇文章，我将详细说明怎样利用 Chrome Dev Tools 进行页面性能分析及性能报告数据如何...

2021-05-04 18:28:56

92浏览

0评论

详解ES6实现类的私有变量的几种写法

闭包实现类的私有变量方式
私有变量不共享
通过 new 关键字 person 的构造函数内部的 this 将会指向 Tom，开辟新空间，再次全部执行一遍，
class Person{ constructor(name){...

2021-05-04 18:28:18

73浏览

0评论

js动态添加带圆圈序号列表的实例代码

1.先在body里面添加ul标签<ul id="list"> </ul>2.通过js获取到id等于list的标签定义一个空字符串用来连接增加的标签，并展示出来如图的js代码展示的是前三...

2021-05-04 18:28:15

77浏览

0评论

JavaScript 生成唯一ID的几种方式

可行方案
1.生成[0,1)的随机数的Math.random//我这次运行生成的是：0.5834165740043102 Math.random();2.获取当前时间戳Date.now//现在时间戳是1482645606622Date.now();3.将...

2021-05-04 18:28:12

108浏览

0评论

JavaScript Dom实现轮播图原理和实例

想要制作一个轮播图我们要先弄清楚他的原理，如何能让图片自右向左滑动？
让我们想一想生活中有没有类似的东西，比如电影胶片。
我们可以创建一个块作为投影区，创建一个列表作为底...

2021-05-04 18:28:09

73浏览

0评论

原生JavaScript实现进度条

JavaScript实现进度条的具体代码，供大家参考，具体内容如下进度条实现介绍使用JavaScript实现进度条功能。原理：通过鼠标移动事件，获取鼠标移动的距离。步骤：（1）html 中 div 布局
（2）c...

2021-05-04 18:28:05

76浏览

0评论

js实现验证码干扰（动态）

本文实例为大家分享了js实现验证码动态干扰的具体代码，供大家参考，具体内容如下效果一效果二代码一<!doctype html><html><head><meta charset="utf-8"><title>js简单验证码使...

2021-05-04 18:27:30

71浏览

0评论

代码块高亮可复制显示js插件highlight.js+clipboard.js整合

主要从两个方面入手了：1.高亮显示/换行2.复制代码按钮这两方面都有现成的插件。代码高亮插件——highlight.js1.下载highlight的js文件。https://highlightjs.org/点击get ve...

2021-05-04 18:26:26

52浏览

0评论

JS+CSS实现动态时钟

本文实例为大家分享了JS+CSS实现动态时钟的具体代码，供大家参考，具体内容如下知识点总结：document.querySelector（）方法返回文档中匹配指定 CSS 选择器的一个元素。setInterval()...

2021-05-04 18:26:13

82浏览

0评论

JavaScript 实现继承的几种方式

非ES6代码实现继承的主流方式主要可以分为：
构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。构造继承 (借助call实现)
实现functio...

2021-05-04 18:26:11

66浏览

0评论

js实现简单图片拖拽效果

本文实例为大家分享了js实现简单图片拖拽效果的具体代码，供大家参考，具体内容如下//图片需要自己导入<!doctype html><html> <head> <meta charset="UTF-8"> <title>在当前显...

2021-05-04 18:26:09

62浏览

0评论

微信小程序tab左右滑动切换功能的实现代码

效果图:一、简介自己的小程序需要实现这样的功能1.核心思想swiper 和scroll-view共用两个变量currentTab navScrollLeft，当点击nav或者滑动swiper时设置两个变量的值为当前...

2021-05-04 18:26:01

69浏览

0评论

微信小程序实现点赞业务

本文实例为大家分享了微信小程序实现点赞业务的具体代码，供大家参考，具体内容如下一、效果二、实现1.逻辑1.从登录界面时，用户数据已经缓存到本地，在onload中从本地获取用户信息...

2021-05-04 18:25:45

63浏览

0评论

JavaScript实现手风琴效果

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

2021-05-04 18:25:43

85浏览

0评论

JavaScript 下载链接图片后上传的实现

既然要进行图片上传，那么第一时间当然是判断是否为可下载的图片资源，有的时候可以使用正则表达式，但是很难判断是否可下载，当判断图片链接后是否有后缀的时候也比较苦恼，有的图片...

2021-05-04 18:25:12

155浏览

0评论

JS实现百度搜索框

本文实例为大家分享了JS实现百度搜索框的具体代码，供大家参考，具体内容如下实现原理向输入框动态输入时关键词，将当前关键词作为问号参数后面的值，因为要跨域使用百度的接口，所以...

2021-05-04 18:25:05

55浏览

0评论

javascript实现倒计时提示框

本文实例为大家分享了javascript实现倒计时提示框的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewp...

2021-05-04 18:24:52

74浏览

0评论

js实现星星闪特效

本文实例为大家分享了js实现星星闪特效的具体代码，供大家参考，具体内容如下效果如下思路：1、准备一张星星的图片
2、创建多个星星（可以利用for循坏）
3、求出可视网页的宽高 clien...

2021-05-04 18:24:34

72浏览

0评论

JavaScript实现鼠标拖拽调整div大小

本文实例为大家分享了JavaScript实现鼠标拖拽调整div大小的具体代码，供大家参考，具体内容如下实现思路：根据鼠标位置改变鼠标样式当鼠标在div的边缘和四个角时显示不同的样...

2021-05-04 18:24:09

79浏览

0评论

js闭包和垃圾回收机制示例详解

前言
闭包和垃圾回收机制常常作为前端学习开发中的难点，也经常在面试中遇到这样的问题，本文记录一下在学习工作中关于这方面的笔记。正文
　1.闭包
　　闭包（closure）是Javascri...

2021-05-04 18:23:13

首页 «861 862863864 865 »尾页

热门文章