JavaScript - 教程之家

103浏览

0评论

微信小程序入门之绘制时钟

微信小程序入门案例——绘制时钟，供大家参考，具体内容如下涉及内容：canvas、每秒刷新页面、绘制目录结构:pages\index\index.jsPage({ /** * 页面的初始数据 */ data: { },...

2020-11-24

55浏览

0评论

微信小程序canvas动态时钟

本文实例为大家分享了微信小程序canvas动态时钟的具体代码，供大家参考，具体内容如下canvas时钟效果图：代码：wxml:<view style='width:100%;height:{{canvasHeight}}px' catchtap...

2020-11-24

102浏览

0评论

如何通过Proxy实现JSBridge模块化封装

最近公司在做一个项目，通过把我们自己的Webview植入第三方APP，然后我们的业务全部通过H5实现。至于为什么不直接用第三方APP WebView,主要是身处金融行业，需要做一些风控相关功...

2020-11-24

127浏览

0评论

如何在面试中手写出javascript节流和防抖函数

面试的时候我们经常会问别人是理解什么是节流和防抖，严格的可能要求你写出节流和防抖函数，这里我们抛开loadsh工具库手写节流和防抖1.节流函数throttle
// 节流方案1，每delay的...

2020-11-24

94浏览

0评论

利用PHP实现递归删除链表元素的方法示例

前言这篇文章介绍一下递归，递归的本质是将原来的问题转化为更小的同一个问题，解决这些更小问题的过程。下面通过两个递归的例子帮助学习对递归的理解。1.递归数组求和例如某...

2020-11-24

78浏览

0评论

Javascript实现贪吃蛇小游戏（含详细注释）

本文实例为大家分享了Javascript实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下前言原生JavaScript实现贪吃蛇小游戏GitHub地址直接复制可用index.html<!DOCTYPE html><...

2020-11-24

77浏览

0评论

原生js实现简单轮播图

本文实例为大家分享了js实现简单轮播图的具体代码，供大家参考，具体内容如下一、写入网页基本结构body:网页的最外部设置一个id为wrap的容器，取代body，这样方便我们做一些初始化c...

2020-11-24

102浏览

0评论

JavaScript实现五子棋小游戏

本文实例为大家分享了JavaScript实现五子棋小游戏的具体代码，供大家参考，具体内容如下HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五子棋...

2020-11-24

98浏览

0评论

原生js实现贪吃蛇游戏

原生JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下代码：<script> var timer = null; var oMain = document.getElementById("main"); function Map(atom,xnum,...

2020-11-24

163浏览

0评论

js实现磁性吸附的示例

磁性吸附目录代码实例与限定范围拖拽的差异下载源码链接
代码实例* { padding: 0; margin: 0;}#box1 { width: 500px; height: 500px; background: #999; positio...

2020-11-24

135浏览

0评论

js实现限定范围拖拽的示例

限定范围拖拽目录代码实例与简易拖拽的差异下载源码链接
代码实例* { padding: 0; margin: 0;}#box1 { width: 500px; height: 500px; background: #999; position...

2020-11-24

107浏览

0评论

js实现简易拖拽的示例

简易拖拽目录代码实例
代码解析
scrollWidth,clientWidth,offsetWidth的区别
offsetX,clientX,pageX的辨析
下载源码链接
代码实例<div id="box" styl...

2020-11-24

116浏览

0评论

js实现自定义滚动条的示例

自定义滚动条目录代码实例代码解析下载源码链接
代码实例* { padding: 0; margin: 0;}#box1 { width: 500px; height: 20px; background: #999; position: relative...

2020-11-24

166浏览

0评论

js实现简易ATM功能

本文实例为大家分享了js实现简易ATM功能的具体代码，供大家参考，具体内容如下案例描述程序根据输入的序号执行相应的业务处理逻辑 :1.存款 2.取款 3.查看余额 4.取卡如果不输入...

2020-11-24

84浏览

0评论

通过JS判断网页是否为手机打开

参考一：//返回true表示为pc端打开，返回false表示为手机端打开function check() { var userAgentInfo=navigator.userAgent; var Agents =new Array("Android","iPhone","Sym...

2020-11-24

163浏览

0评论

微信小程序接入vant Weapp组件的详细步骤

刚创建的项目的文件结构首先在你项目的根目录下打开终端，输入npm init 对项目初始化这时会生成pachage.json文件。继续在终端运行以下命令我这里用这个：npm i vant-weapp -S -...

2020-11-24

105浏览

0评论

原生JS生成指定位数的验证码

使用原生JS生成指定位数的验证码，验证码包括字母和数字##思路：使用String的fromCharCode方法将给定范围的随机数转为大小写字母，再通过随机数决定数组当前位置为大写字母，小写字...

2020-11-24

151浏览

0评论

WebStorm中如何将自己的代码上传到github示例详解

tips:我用的是2020.1版本的webstorm，2020.1以后的跟着操作没问题，其他版本的网上还有很多方法第一步：进入File-->Setting-->搜索git，如图，然后将此处的路径添加为Git安装目录中cm...

2020-11-24

100浏览

0评论

用js实现放大镜效果

本文实例为大家分享了js实现放大镜效果的具体代码，供大家参考，具体内容如下该放大区域用背景图片放大<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta...

2020-11-24

99浏览

0评论

js实现详情页放大镜效果

本文实例为大家分享了js实现详情页放大镜的具体代码，供大家参考，具体内容如下1.html<div id="small"> <div id="mo"> </div> <img src="img/timg.jpg"/> <div i...

2020-11-24

130浏览

0评论

js实现淘宝浏览商品放大镜功能

本文实例为大家分享了js实现淘宝浏览商品放大镜的具体代码，供大家参考，具体内容如下1、准备两张图片，其中一张图片分辨率为另一张图片的二倍。2、前端页面布局//box1位左侧原图...

2020-11-24

72浏览

0评论

js 实现碰撞检测的示例

碰撞检测目录代码实例与简易拖拽的差异下载源码链接代码实例<div id="box" style="background: #334;width: 100px;height: 100px;position: absolute;cursor: move;...

2020-11-24

101浏览

0评论

js实现随机圆与矩形功能

本文实例为大家分享了js实现随机圆与矩形功能的具体代码，供大家参考，具体内容如下
1、节点操作版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...

2020-11-24

138浏览

0评论

微信小程序自定义yPicker组件实现省市区三级联动功能

自从上一篇文章：微信小程序自定义日历组件及flex布局最后一行对齐问题分析出来以后，有人私聊我说能不能从头分析一下我开源的自定义组件？一直没时间。这不，最近项目中有个需求...

2020-11-24

103浏览

0评论

浅析微信小程序自定义日历组件及flex布局最后一行对齐问题

最近为我开源的小项目：微信小程序扩展自定义组件库（点击去GitHub）增加了一个新组件 —— 日历组件。
效果演示：在编写过程中，因为大家都知道，日历组件是有固定行数和每一行的固定...

2020-11-24

223浏览

0评论

微信小程序实现可长按移动控件

微信小程序可长按移动控件，供大家参考，具体内容如下–包含超出边界监测，性能不够理想【原因：setData在毫秒级刷新时会极大程度影响渲染性能】JavascriptPage({ /** * 页面的初始...

2020-11-24

382浏览

0评论

微信小程序淘宝首页双排图片布局排版代码(推荐)

效果图：使用技术主要是flex布局,绝对定位布局,小程序前端页面开发,以及一些样式!直接贴代码,都有详细注释,熟悉一下,方便以后小程序开发!wxml: <view class="taobaolist"> <b...

2020-11-24

71浏览

0评论

JavaScript实现随机点名小程序

本文实例为大家分享了JavaScript实现随机点名小程序的具体代码，供大家参考，具体内容如下导入jar包
将jquery-3.3.1.min.js包导入到web目录下的js包
代码实现<!DOCTYPE html><h...

2020-11-24

93浏览

0评论

TypeScript魔法堂之枚举的超实用手册

前言
也许前端的同学会问JavaScript从诞生至今都没有枚举类型，我们不是都活得挺好的吗？为什么TypeScript需要引入枚举类型呢？
也许被迫写前端的后端同学会问，TypeScript的枚举类...

2020-11-24

139浏览

0评论

Javascript数组及类数组相关原理详解

数组创建方式有两种1. var arr = []2. var arr = new Array()如果只有一个参数会指定数组的长度，当一个参数时只能是整形，如下例子var arr = new Array(10)
var arr = new Ar...

2020-11-24

182浏览

0评论

JavaScript实现网页计算器功能

本文实例为大家分享了JavaScript实现网页计算器的具体代码，供大家参考，具体内容如下要求：在网页上实现简单的计算器功能和界面CSS样式代码：<style> * { margin: 0; padding: 0;...

2020-11-24

299浏览

0评论

微信小程序将页面按钮悬浮固定在底部的实现代码

效果图如下所示： ps: 悬浮固定在页面的底部，并且背景有白色层将页面底部文字的显示遮罩，一面影响显示观感。且不受页面下拉上提的影响。wxml代码如下： <!--底部按钮的背景层--...

2020-11-24

173浏览

0评论

使用TS来编写express服务器的方法步骤

1. 前言
作为前端开发人员而言，ts已经成为了一项必不可少的技能，类型检查可以帮助我们再开发时避免一些不必要的bug，而且ts支持的类和装饰器等语法也更逼近后端语言，更适合服务...

2020-11-24

67浏览

0评论

Javascript表单序列化原理及实现代码详解

随着 Ajax 的出现，表单序列化已经成为一种常见需求。在 JavaScript 中，可以利用表单字段的 type 属性，连同 name 和 value 属性一起实现对表单的序列化。在编写代码之前，有必...

2020-11-24

74浏览

0评论

Javascript文本框脚本实现方法解析

在 HTML 中，有两种方式来表现文本框：一种是使用<input>元素的单行文本框，另一种是使用 <textarea>的多行文本框。这两个控件非常相似，而且多数时候的行为也差不多。不过，它们之间...

2020-11-24

779浏览

0评论

微信小程序：报错(in promise) MiniProgramError

今天学习了小程序实现路由跳转，我在操作的时候在控制台出现以下错误信息。
翻译过来的意思是：（承诺中）微程序错误{“errMsg”：“n”avigateTo:故障can未导航到选项卡页“}对象问...

2020-11-24

455浏览

0评论

Echarts.js无法引入问题解决方案

使用echart卡在引入包的问题上了。到github下载的js一直引入不了。注意是引入dirt文件夹下的echarts.js把这个文件夹放入工程即可。其余都不用。代码部分简单的一匹：<!DOCTYP...

2020-11-24

127浏览

0评论

ES6中的Javascript解构的实现

ES6中的解构特性能让我们从对象（Object）或者是数组（Array）中取值的时候更方便，同时写出来的代码在可读性方面也更强。之前接触过python语言的小伙伴应该对这个不会陌生，这个特性早...

2020-11-24

107浏览

0评论

详解 javascript对象创建模式

创建模式在javascript中，主要有以下几种创建模式：工厂模式
构造函数模式
原型模式
组合模式
动态原型模式
寄生构造函数模式
稳妥构造模式工厂模式
工厂模式是软件工程领域一...

2020-11-24

107浏览

0评论

JavaScript实现轮播图效果

要求：鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理图片播放的同时，下面小圆圈模块跟随一起变化点击小圆圈...

2020-11-24

86浏览

0评论

微信小程序实现星星评分效果

本文实例为大家分享了微信小程序实现星星评分的具体代码，供大家参考，具体内容如下思路很简单，小星星都是一张张独立的图片，点击的时候改变图片的路径就可以了。
我是用背景图片...

2020-11-24

144浏览

0评论

详解JavaScript之Array.reduce源码解读

前言
reduce(...)方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值（累计作用）此方法接受两个参数：callback(...)(必选)、initialValue...

2020-11-24

54浏览

0评论

JavaScript实现图片放大预览效果

代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</...

2020-11-24

118浏览

0评论

JavaScript动态生成表格的示例

要求：HTML标签只写一行表头
通过JS来写动态的表格（有多少组数据，就自动创建多少行表格）
为学习和演示，采用固定的数据，不涉及调用后台数据代码实现：
HTML内容：<table cellspacing="0...

2020-11-24

90浏览

0评论

React Native登录之指纹登录篇的示例代码

React Native登录之指纹登录篇，具体内容如下所示：最近在做react-native的APP，项目登录使用了普通账号密码登录、短信登录、手势登陆、指纹登录和人脸识别登录五种方式，所以准备...

2020-11-24

86浏览

0评论

JavaScript语法约定和程序调试原理解析

JavaScript 语法约定1、大小写的区分1). JavaScript的关键字，永远都是小写的；
2). 内置对象，如Math和Date是以大写字母开头的；
3). 对象的名称通常是小写；若是多个单词，驼峰（Camel）...

2020-11-24

86浏览

0评论

通过实例解析javascript Date对象属性及方法

日常生活中，各种形式的时间字符到处都是。时间观念的产生，时间单位、计时工具的发明，给人类带来的变化实在一言难尽。今天就来谈谈日期那些事儿。一起来看看 JavaScript 中的日...

2020-11-24

115浏览

0评论

原生JavaScript实现贪吃蛇游戏

本文实例为大家分享了JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下1.HTML部分，东西很少<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...

2020-11-24

118浏览

0评论

基于js实现的图片拖拽排序源码实例

效果图：直接上代码<script> window.onload = function() { var oUl = document.getElementById("ul1"); var aLi = oUl.getElementsByTagName("li"); var disX = 0; var...

2020-11-24

95浏览

0评论

Javascript执行上下文顺序的深入讲解

一执行上下文?1什么是执行上下文?执行上下文就是当前的 JavaScript 代码被解析和执行时所在环境的抽象概念， JavaScript 中运行任何的代码都是在执行上下文中运行的...

2020-11-24

热门文章