JavaScript - 教程之家

99浏览

0评论

谈谈JavaScript中的垃圾回收机制

　　 JavaScript 具有自动垃圾收集机制，也就是说，执行环境会负责管理代码执行过程中使用的内存。　　在编写 JavaScript 程序时，开发人员不用再关心内存使用问题，所需内存的分配...

2020-11-24

138浏览

0评论

js实现简单的随机点名器

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

2020-11-24

74浏览

0评论

javascript贪吃蛇游戏设计与实现

本文为大家分享了javascript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下效果图设计贪吃蛇游戏是一款休闲益智类游戏。既简单又耐玩。该游戏通过控制蛇头方向吃蛋，从而使...

2020-11-24

41浏览

0评论

JavaScript 闭包的使用场景

一、闭包　　由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的...

2020-11-24

58浏览

0评论

JavaScript 常见的继承方式汇总

原型链机制：　　在ECMAscript中描述了原型链的概念，并将原型链作为实现继承的主要方法，其基本思想就是利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数和原型...

2020-11-24

57浏览

0评论

JavaScript封装单向链表的示例代码

使用JavaScript封装单向链表：1. 封装LinkList的类，用于表示我们的链表结构。2. 在LinkList类中有一个Node类，用于封装每一个节点上的信息（data与next）。3. 在链表中保存两个属性，...

2020-11-24

99浏览

0评论

逐行分析鸿蒙系统的 JavaScript 框架(推荐)

我在前文中曾经介绍过鸿蒙的 Javascript 框架，这几天终于把 JS 仓库编译通过了，期间踩了不少坑，也给鸿蒙贡献了几个 PR。今天我们就来逐行分析鸿蒙系统中的 JS 框架。文中的所...

HarmonyOS

2020-11-24

145浏览

0评论

React倒计时功能实现代码——解耦通用

需求分析需求在某个页面中需要有一个倒计时的功能，倒计时 5 s,5s钟后跳转到新的界面分析首先是实现倒计时功能其次是实现在每倒计时 1 s后页面上要执行倒计时秒数变化的...

2020-11-24

169浏览

0评论

鸿蒙系统中的 JS 开发框架

今天鸿蒙终于发布了，开发者们也终于“沸腾”了。源码托管在国内知名开源平台码云上，https://gitee.com/openharmony我也第一时间下载了源码，研究了一个晚上，顺带写了一个 hello...

HarmonyOS

2020-11-24

53浏览

0评论

详解JavaScript 的执行机制

一、关于javascript　　javascript是一门单线程语言，在最新的HTML5中提出了Web Worker，但javascript是单线程这一核心仍未改变。　　为什么js是单线程的语言？因为最初的js是用...

2020-11-24

148浏览

0评论

js实现拖拽与碰撞检测

本文实例为大家分享了js实现拖拽与碰撞检测的具体代码，供大家参考，具体内容如下拖拽原理分析对于拖拽一个div盒子，首先我们需要将鼠标移动到盒子上，然后按住鼠标左键，移动鼠标到...

2020-11-24

104浏览

0评论

javascript实现打砖块小游戏（附完整源码）

小时候玩一天的打砖块小游戏，附完整源码在？给个赞？实现如图需求分析1、小球在触碰到大盒子上、左、右边框，以及滑块后沿另一方向反弹，在碰到底边框后游戏结束；2、小球在触碰到方块...

2020-11-24

116浏览

0评论

javascript实现智能手环时间显示

本文实例为大家分享了javascript实现智能手环时间显示的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v...

2020-11-24

130浏览

0评论

js实现手表表盘时钟与圆周运动

苹果手表表盘时钟与js圆周运动实现结果需求分析：1、时钟时间按照北京时间进行显示;
2、时针、分针、秒针按照时钟运转标准进行运转；
3、小球跟随秒表围绕表盘进行圆周运动。代...

2020-11-24

129浏览

0评论

js将日期格式转换为YYYY-MM-DD HH:MM:SS

1、百度不少js将日期格式转换为YYYY-MM-DD HH:MM:SS 。可是都略显复杂，所以这里总结了一下，自己找到的，方便自己学习和使用。方法一：项目源码：$("#createTime").text((new Date(j...

2020-11-24

74浏览

0评论

浏览器JavaScript调试功能无法使用解决方案

前言小编最近刚刚接手一个项目，里面几乎用到了BS项目中所有的知识，从原先的VS环境的调试，转移到了网页F12的调试模式，正因如此，小编在使用VS2017工具时，运行并调试 .aspx文件时，出...

2020-11-24

141浏览

0评论

js实现简单的点名器随机色实例代码

js简单实现点名器随机色布局(排版)<body> <button onclick="star()">开始</button> <button onclick="stop()">结束</button> <div id="box"> </div></body>css样式<style>...

2020-11-24

81浏览

0评论

js面试题之异步问题的深入理解

js中的宏任务与微任务在面试过程中，基本面试官都会问你一些promise的问题，promise是es6的新内容，主要是用来优化异步的问题。笔试中经常会让你写一些promise和setTimeout的执行...

2020-11-24

375浏览

0评论

微信小程序获取当前时间及星期几的实例代码

效果图如下所示实例代码如下：util.jsfunction formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hour = d...

2020-11-24

105浏览

0评论

JS实现小米轮播图

原生JS仿小米轮播图(最新版易懂)，供大家参考，具体内容如下
本次内容主要可实现的效果:
自动轮播可点击上一张下一张进行图片的切换点击右下方小圆点进行图片切换
代...

2020-11-24

213浏览

0评论

js实现购物车商品数量加减

本文实例为大家分享了js实现购物车商品数量加减的具体代码，供大家参考，具体内容如下Html<link rel='stylesheet' type='text/css' media='screen' href='../css/bootstrap.min...

2020-11-24

126浏览

0评论

微信小程序实现日历签到

近日做了一个项目需要用到日历插件，在网上找了一部分感觉跟项目不对口，所以就查考了其他的日历插件做了一个。需求：如图：代码如下：index.wxml:<!--pages/pictruesign/pictrue.wxm...

2020-11-24

271浏览

0评论

微信小程序实现签到弹窗动画

本文实例为大家分享了微信小程序实现签到弹窗的具体代码，供大家参考，具体内容如下效果图如下所示图片素材：.wxml<button bindtap="popup">签到</button><view class="load" sty...

2020-11-24

87浏览

0评论

微信小程序实现打卡签到页面

本文实例为大家分享了微信小程序实现打卡签到页面的具体代码，供大家参考，具体内容如下效果图如下所示.wxml<view class='gs_banner'> <view class='gs_continue'> <view>每日...

2020-11-24

906浏览

0评论

微信小程序实现转盘抽奖

本文实例为大家分享了微信小程序实现转盘抽奖的具体代码，供大家参考，具体内容如下效果图如下所示.wxml<view class="index"> <view class="xian"></view> <view class="xian">...

2020-11-24

162浏览

0评论

微信小程序实现翻牌抽奖动画

本文实例为大家分享了微信小程序实现翻牌抽奖的具体代码，供大家参考，具体内容如下效果图如下所示这里做的比较简陋，就花了一点时间实现了翻牌抽奖效果,提供思路.wxml<view clas...

2020-11-24

33浏览

0评论

理解JavaScript中的Proxy 与 Reflection API

一、创建 Proxylet target = {}let proxy = new Proxy(target, {})proxy.name = "proxy"console.log(proxy.name) // proxyconsole.log(target.name) // proxytarget.name...

2020-11-24

103浏览

0评论

微信小程序实现点击页面出现文字

本文实例为大家分享了微信小程序实现点击页面地方出现文字的具体代码，供大家参考，具体内容如下效果图如下所示.wxml<view class="index" bindtap="index"></view><text class=...

2020-11-24

49浏览

0评论

JS实现放大镜效果

JS实现放大镜效果，供大家参考，具体内容如下鼠标移到图片上就可以放大一块区域代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2020-11-24

56浏览

0评论

js+canvas绘制图形验证码

本文实例为大家分享了利用canvas绘制图形验证码的具体代码，供大家参考，具体内容如下
思路：通过随机获取指定字符串的指定数的字符，通过canvas绘制出来返回指定范围的随机整数
//...

2020-11-24

50浏览

0评论

JS实现无限轮播无倒退效果

本文实例为大家分享了JS实现无限轮播无倒退的具体代码，供大家参考，具体内容如下原理：每次移动前设置transition过渡效果，完成清除过渡效果，然后在到达最后一张图片的时候在清除过...

2020-11-24

67浏览

0评论

JavaScript实现多层颜色选项卡嵌套

本文实例为大家分享了JavaScript实现多层颜色选项卡嵌套的具体代码，供大家参考，具体内容如下这是学JavaScript时候的一个作业，如果没有思路还是挺有难度的，但是思路正确的话一步...

2020-11-24

54浏览

0评论

小程序实现录音功能

本文实例为大家分享了小程序实现录音功能的具体代码，供大家参考，具体内容如下首先判断权限getPermission: function() { var that = this; wx.getSetting({ success(r...

2020-11-24

65浏览

0评论

Js跳出两级循环方法代码实例

循环时最耗费资源的操作，任意一点小小的损耗都会被成倍放大，从而影响到程序整体运行的效率。一下两个因素会影响到循环的性能。
每次迭代做什么
迭代的次数通过减少这两...

2020-11-24

39浏览

0评论

JS如何生成动态列表

本文实例为大家分享了JS如何生成动态列表的具体代码，供大家参考，具体内容如下思路： JS中写函数----HTML中利用表单元素获取用户输入的行和列的值，调用JS中的函数。
主要用到的知...

2020-11-24

62浏览

0评论

js实现三角形粒子运动

本文实例为大家分享了js实现三角形粒子运动的具体代码，供大家参考，具体内容如下效果(这里只是截了一个静态图，实际上里面的粒子是运动状态的)：<!DOCTYPE html><html lang="en"><...

2020-11-24

79浏览

0评论

JavaScript实现单点登录的示例

项目中遇到单点登录这个问题，当点击链接的时候跳转到另一个系统中并实现自动登录进去，直接进去系统的页面因为不同的系统涉及到跨域的问题，所以使用nginx来解决跨域的问题先跳...

2020-11-24

39浏览

0评论

javascript实现点击按钮切换轮播图功能

本文实例为大家分享了js实现点击按钮切换轮播图的具体代码，供大家参考，具体内容如下菜单区域实现划过主菜单显示子菜单轮播区域实现1、点击图片中左右箭头，分别跳转上一张与下...

2020-11-24

68浏览

0评论

javascript使用正则表达式实现注册登入校验

本文实例为大家分享了用正则表达式的方式实现注册登入的校验，供大家参考，具体内容如下表单验证：1、用户名：6–18位数字,字母,下划线_，文本域获取焦点和失去焦点出现提示文字。
2...

2020-11-24

54浏览

0评论

javascript实现简易计算器功能

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

2020-11-24

61浏览

0评论

原生js实现购物车

原生就js实现购物车增删改查，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margi...

2020-11-24

50浏览

0评论

原生js实现分页效果

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

2020-11-24

115浏览

0评论

小程序点餐界面添加购物车左右摆动动画

效果图动画代码这里只提供图中购物车动画代码，不提供以上点餐界面（需要点餐界面点击这里：Gitee仓库）。在触发代码中使用 this.cartWwing() 调用动画，不理解请访问教程。/** *...

2020-11-24

51浏览

0评论

JavaScript获取时区实现过程解析

在一个大型的项目中，不可避免会出现操作时间的业务，比如时间的格式化，比如时间的加减，我们一般会直接使用moment.js库来做，毕竟稳定可靠，也方便，那当我们系统只是几个简单页面，对时...

2020-11-24

97浏览

0评论

js 将多个对象合并成一个对象 assign方法的实现

1.接下来介绍一下ES6在Object新加的方法 assign() 1.作用：将多个对象{} 合并成一个独立对象。 2.使用方式: Object.assign(合并的对象，传入合并中的对象....)let user = {n...

2020-11-24

50浏览

0评论

基于Ionic3实现选项卡切换并重新加载echarts

要求选项卡每切换一次，就加载对应的一个echarts 图，要有一开始的动画效果
效果如下：注意点1、echarts要想每次都能重新加载，需要移除"_echarts_instance_"属性，否则一切换选项卡，...

2020-11-24

78浏览

0评论

Openlayers实现点闪烁扩散效果

本文实例为大家分享了Openlayers实现点闪烁扩散效果的具体代码，供大家参考，具体内容如下点闪烁样式：DOM的样式实现/**橙色点扩散闪烁样式*/.point_animation{ background: #ff9...

2020-11-24

48浏览

0评论

openlayers 3实现车辆轨迹回放

本文实例为大家分享了openlayers 3实现车辆轨迹回放的具体代码，供大家参考，具体内容如下先上效果：利用 openlayers 3地图的 postcompose 事件监听地图的重绘注意：此代码是我在Vu...

2020-11-24

27浏览

0评论

openlayers实现地图测距测面

本文实例为大家分享了openlayers实现地图测距测面的具体代码，供大家参考，具体内容如下项目背景vue-cli3.0public下html需要引入文件<link rel="stylesheet" href="<%= BASE_UR...

2020-11-24

93浏览

0评论

openlayers实现地图弹窗

本文实例为大家分享了openlayers实现地图弹窗的具体代码，供大家参考，具体内容如下<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" cont...

2020-11-24

热门文章