编程开发 - 教程之家

编程开发

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

47浏览

0评论

了不起的11个JavaScript代码重构最佳实践小结

模式和重构之间有着一种与生俱来的关系。从某种角度来看，设计模式的目的就是为许多重构行为提供目标。
1.提炼函数
在JavaScript开发中，我们大部分时间都在与函数打交道，所以我...

2021-05-04 18:36:53

52浏览

0评论

关于uniApp editor微信滑动问题

uniapp 小程序在微信下会出现类似下拉问题解决方法是在app.vue 的页面onLaunch方法内添加禁止下滑方法this.$nextTick(() => {document.body.addEventListener("touchmove",...

2021-05-04 18:36:46

46浏览

0评论

详解Typescript里的This的使用方法

this可以说是Javascript里最难理解的特性之一了，Typescript里的 this 似乎更加复杂了，Typescript里的 this 有三中场景，不同的场景都有不同意思。 this 参数: 限制调用函数时...

2021-05-04 18:36:42

89浏览

0评论

详解uniapp的全局变量实现方式

前言
本文整理了一些uniapp全局变量的实现方式，细节知识来自于uView官网中对uniapp中的全局变量实现，感兴趣的同学可以前往uView官网搜索vuex进行查看
全局变量的实现方式
一...

2021-05-04 18:36:28

37浏览

0评论

js动态生成表格(节点操作)

本文实例为大家分享了js动态生成表格的具体代码，供大家参考，具体内容如下针对DOM节点操作，该案例效果图如下（代码量不多，就没有结构与行为相分离）：原生js实现（注释里面解释了做法）：<!D...

2021-05-04 18:36:26

42浏览

0评论

关于javascript中的promise的用法和注意事项(推荐)

一、promise描述promise是javascript中标准的内置对象，用于表示一个异步操作的最终状态（是失败还是成功完成）及其结果值。它让你能够把异步操作最终成功或者失败的原因和响应的...

2021-05-04 18:36:14

72浏览

0评论

微信小程序抽奖组件的使用步骤

采用微信组件的方式提供，因组件内部使用了async/await，所以请在微信开发者工具"详情=》本地设置勾上增强编译和使用npm"，小程序npm使用方法请参考：微信小程序-npm支持先看效果...

2021-05-04 18:35:55

51浏览

0评论

使用js原生实现年份轮播选择效果实例

前言
用js实现一个年份轮换选择效果。废话不多说，看图：一、思路是什么？
布局：左右箭头使用实体字符 < 和 > 年份5个span。使用用flex布局横向排列。 js逻辑：（注：年份数据为numb...

2021-05-04 18:35:51

32浏览

0评论

原生JavaScript实现随机点名表

本文实例为大家分享了JavaScript随机点名表的具体代码，供大家参考，具体内容如下效果：
代码：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> ....

2021-05-04 18:35:50

39浏览

0评论

微信小程序onShareTimeline()实现分享朋友圈

根据官方文档的意思，目前只支持Android版本分享朋友圈官方链接先上代码
Page({ //页面的初始数据 data:{ }, //自定义函数 // 用户点击右上角分享给好友,要先在分享好友这里...

2021-05-04 18:35:45

57浏览

0评论

利用JS判断元素是否为数组的方法示例

此处提供可供验证的数据类型let a = [1,2,3,4,5,6]; let b = [ {name: '张飞', type: 'tank'}, {name: '关羽', type: 'soldier'}, {name: '刘备', type: 'shooter'}, ]; le...

2021-05-04 18:35:43

39浏览

0评论

JS数组索引检测中的数据类型问题详解

之前在写微信小程序项目时，里面有一个“城市选择”的功能，笔者用的是 <picker-view> 组件，这个组件比较特别，因为它的 value 属性规定是数组格式的。比如： value="[1]"。因为当...

2021-05-04 18:35:25

60浏览

0评论

Java 生成随机字符的示例代码

示例代码：import java.util.Random;import java.util.UUID;public class Dept { /** * 生成随机字符串 uuid */ public static String getUUID() { return UUID.randomUUI...

2021-05-04 18:35:21

49浏览

0评论

js删除对象中的某一个字段的方法实现

本文主要介绍了js删除对象中的某一个字段的方法实现，分享给大家，具体如下：// 以下方法不改变原来对象 let item = { name:'张三', age:'18', gender:'男' }; co...

2021-05-04 18:35:15

63浏览

0评论

通过滑动翻页效果实现和移动端click事件问题

前述本文很短~
主要是为了总结和讲述移动端click和js事件机制导致的一个问题。
（：咳咳，其实几句话就能写完的还要水一篇文章，不愧是我…正文最近做了一个小活动，里面要用到一个效...

2021-05-04 18:35:12

59浏览

0评论

在JavaScript中查找字符串中最长单词的三种方法(推荐)

本文基于Free Code Camp基本算法脚本“查找字符串中最长的单词”。在此算法中，我们要查看每个单词并计算每个单词中有多少个字母。然后，比较计数以确定哪个单词的字符最多，并返...

2021-05-04 18:34:55

72浏览

0评论

原生js实现自定义滚动条组件

本文实例为大家分享了js实现自定义滚动条组件的具体代码，供大家参考，具体内容如下功能需求：1、按照数据结构创建菜单内容，显示在页面中；
2、点击菜单后，显示对应的下级菜单内容，如...

2021-05-04 18:34:54

59浏览

0评论

微信小程序选择图片控件

本文实例为大家分享了微信小程序选择图片控件的具体代码，供大家参考，具体内容如下xml:<loading hidden="{{loadingHidden}}"> 加载中...</loading><view class="add_carimg">...

2021-05-04 18:34:52

37浏览

0评论

Javascript中的奇葩知识,你知道吗?

久经沙场的前辈们，写了无数代码，踩了无数的坑。但有些坑，可能一辈子也踩不到摸不着，因为根本不会发生在业务代码里～～1
Function.prototype 竟然是个函数类型。而自定义函数的原型...

2021-05-04 18:34:47

287浏览

0评论

原生JS实现音乐播放器

本文实例为大家分享了JS实现音乐播放器的具体代码，供大家参考，具体内容如下首先，使用HTML搭好我们的框架结构。这一步为了提高我们代码的可读性，多写注释。<!DOCTYPE html><html...

2021-05-04 18:34:45

50浏览

0评论

原生js实现放大镜组件

本文实例为大家分享了js实现放大镜组件开发的具体代码，供大家参考，具体内容如下功能需求：1、根据图片数组创建图标列表；
2、鼠标滑过图标时，当前图标增加红色边框；
3、鼠标滑过图...

2021-05-04 18:34:34

50浏览

0评论

原生js实现自定义难度的扫雷游戏

本文实例为大家分享了js实现扫雷游戏的具体代码，供大家参考，具体内容如下
游戏功能：
1、有四个难度
2、可以自定难度
1、html相关代码
<!DOCTYPE html><html lang="en"> <head>...

2021-05-04 18:34:31

53浏览

0评论

JavaScript中clientWidth,offsetWidth,scrollWidth的区别

一、概念
　　它们都是Element的属性，表示元素的宽度：Element.clientWidth 内容+内边距-滚动条-----不包括边框和外边距 == 可视内容
Element.scrollWidth 内容+内边距...

2021-05-04 18:34:29

35浏览

0评论

JavaScript实现4位随机验证码的生成

本文实例为大家分享了JavaScript生成4位随机验证码的具体代码，供大家参考，具体内容如下代码：<!doctype html><html><head><meta charset="utf-8"><title>4位随机验证码的生成</...

2021-05-04 18:34:22

108浏览

0评论

微信小程序canvas实现签名功能

在微信小程序项目中，开发模块涉及到手写签名功能，微信小程序canvas闪亮登场前言微信小程序canvas实现签名功能核心内容简介：（1）签名实现，开始，移动，结束（2）重写（3）完成（4）上传一、微信小程...

2021-05-04 18:34:16

62浏览

0评论

原生js实现滑块区间组件

本文实例为大家分享了js实现滑块区间组件的具体代码，供大家参考，具体内容如下功能需求：1、最小值为0，按照给定的最大值，生成区间范围；
2、拖动滑块移动时，显示相应的范围区间，滑块条...

2021-05-04 18:34:12

62浏览

0评论

javascript代码实现简易计算器

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

2021-05-04 18:34:08

80浏览

0评论

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

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

2021-05-04 18:34:02

41浏览

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

46浏览

0评论

JS实现纸牌发牌动画

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

2021-05-04 18:33:56

50浏览

0评论

js canvas实现五子棋小游戏

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

2021-05-04 18:33:52

57浏览

0评论

JS实现简易日历效果

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

2021-05-04 18:33:49

188浏览

0评论

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

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

2021-05-04 18:33:45

42浏览

0评论

js实现随机点名

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

2021-05-04 18:33:34

37浏览

0评论

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

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

2021-05-04 18:33:32

59浏览

0评论

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

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

2021-05-04 18:33:30

52浏览

0评论

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

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

2021-05-04 18:33:27

56浏览

0评论

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

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

2021-05-04 18:32:52

55浏览

0评论

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

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

2021-05-04 18:32:28

59浏览

0评论

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

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

2021-05-04 18:32:26

80浏览

0评论

如何在JavaScript中使用localStorage详情

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

2021-05-04 18:32:18

67浏览

0评论

详解javascript脚本何时会被执行

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

2021-05-04 18:32:16

53浏览

0评论

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

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

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

2021-05-04 18:32:13

79浏览

0评论

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

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

2021-05-04 18:32:09

51浏览

0评论

js实现简单的倒计时

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

2021-05-04 18:32:06

62浏览

0评论

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

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

2021-05-04 18:31:50

82浏览

0评论

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

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

2021-05-04 18:31:48

46浏览

0评论

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

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

2021-05-04 18:31:44

87浏览

0评论

js基于canvas实现时钟组件

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

2021-05-04 18:31:41

45浏览

0评论

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

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

2021-05-04 18:31:40

首页 «838 839840841 842 »尾页

热门文章