JavaScript - 教程之家

70浏览

0评论

JS pushlet XMLAdapter适配器用法案例解析

近日有人咨询Pushlet XMLAdapter 适配器的问题，我特留意了一下
到官方看了一下http://www.pushlets.com/，Development Roadmap中最后面说到了这个问题，AJAX (XMLHttpRequest) S...

2020-11-24

106浏览

0评论

DWR内存兼容及无法调用问题解决方案

在上次遇到DWR内存泄漏问题后根据网上的内容对JS文件进行修改，修改后发现还有一些兼容的问题，同时还出现不能调用的一些情况。而且根据统计DWR就算内存泄漏，也不是特别严重，除非...

2020-11-24

69浏览

0评论

JS页面动态绘图工具SVG，Canvas，VML介简介

说到绘图、报表之类的技术，大家首先想到的就是Flex，当然也有许多了解javaapplet，对于这两种技术来说，各有利弊。
首先Flex很笨重，但是其效果实在让人喜欢。对于javaapplet来说，至...

2020-11-24

52浏览

0评论

从表单校验看JavaScript策略模式的使用详解

众所周知的是，表单确实在前端，唔，或者说在网页中占有不小的比重。事实上，几乎每一个中大型网站都会有“登录注册”以验证用户信息、防止一些不可名状的隐患。。。那么表单的优劣...

2020-11-24

295浏览

0评论

详解如何在Javascript中使用Object.freeze()

Object.freeze()
Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有...

2020-11-24

68浏览

0评论

js中复选框的取值及赋值示例详解

1、复选框的取值：（js部分）
var checkboxdata = $(“input[name=payoperator]:checked”).map(function() {return $(this).val();}).get().join(",");<div class="form-group">...

2020-11-24

72浏览

0评论

详解如何使用React Hooks请求数据并渲染

前言
在日常的开发中，从服务器端异步获取数据并渲染是相当高频的操作。在以往使用React Class组件的时候，这种操作我们已经很熟悉了，即在Class组件的componentDidMount中通过aj...

2020-11-24

95浏览

0评论

JS实现4位随机验证码

本文实例为大家分享了JS实现4位随机验证码的具体代码，供大家参考，具体内容如下通过随机数编写一个不分大小写且含数字的4位随机数。CSS样式p{ width: 60px; height: 20px; dis...

2020-11-24

67浏览

0评论

js实现网页随机验证码

本文实例为大家分享了js实现网页随机验证码的具体代码，供大家参考，具体内容如下1、现在全选网站为了防止用户利用机器人自动注册、登录、灌水，采用了验证码技术。所谓验证码，就...

2020-11-24

50浏览

0评论

小程序实现左滑删除的效果的实例代码

前言:实现小程序滑动删除有几种方式,文章会简单列举两种实现,先看效果。
一、使用movable-view实现滑动先看官方文档简单解读一下movable-area标签的基本概念。movable-area...

2020-11-24

54浏览

0评论

微信小程序使用前置摄像头拍照

本文实例为大家分享了微信小程序使用前置摄像头拍照的具体代码，供大家参考，具体内容如下1、拍照页面：<template> <view title="拍照"> <camera v-if="openCamera" device-posit...

2020-11-24

81浏览

0评论

基于JavaScript实现简单抽奖功能代码实例

为什么会做这个东西呢，纯属好玩，闲的
其实是在上次班会的时候想到的，班会的时候叫人回答问题，没人回答
当时就想，我如果抽签抽到你了，你还是不回答吗？？好吧，一切都是扯淡
先来看看页...

2020-11-24

34浏览

0评论

React实现评论的添加和删除

本文实例为大家分享了React实现评论添加和删除的具体代码，供大家参考，具体内容如下一、效果图二、需求描述1. 手动输入用户名和评论内容，点击提交；输入内容被追加到右侧评论列表...

2020-11-24

51浏览

0评论

原生js实现俄罗斯方块

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

2020-11-24

50浏览

0评论

构建一个JavaScript插件系统

本文译自 https://css-tricks.com/designing-a-javascript-plugin-system/插件是库和框架的常见功能，并且有一个很好的使用它的理由：它们允许开发人员以安全，可扩展的方式添加...

2020-11-24

68浏览

0评论

UEditor 自定义图片视频尺寸校验功能的实现代码

ueditor是百度编辑器，官网地址：http://ueditor.baidu.com/website/UEditor支持单图、多图以及视频上传，编辑器配置项支持文件格式、文件大小校验，对于文件宽高尺寸校验暂不支持...

2020-11-24

56浏览

0评论

详解JavaScript类型判断的四种方法

JavaScript有八种内置类型，除对象外，其他统称为“基本类型”。空值（null) 未定义(undefined) 布尔值（boolean) 数字（number) 字符串（string) 对象 (object) 符号（symbol, E...

2020-11-24

66浏览

0评论

uniapp实现横向滚动选择日期

本文实例为大家分享了uniapp实现横向滚动选择日期的具体代码，供大家参考，具体内容如下1.方法封装 common.js//获取当前时间，格式YYYY-MM-DD HH:MM:SSconst GetNowTime = time =...

2020-11-24

41浏览

0评论

原生小程序封装跑马灯效果

本文实例为大家分享了小程序封装跑马灯效果的具体代码，供大家参考，具体内容如下Marquee.wxml<view class="marquee_container " style="background:{{broadcast_arr.back_colo...

2020-11-24

86浏览

0评论

uniapp实现可滑动选项卡

本文实例为大家分享了uniapp实现可滑动选项卡的具体代码，供大家参考，具体内容如下tabControl-tag.vue<template name="tabControl"> <scroll-view scroll-x="true" :style="'b...

2020-11-24

250浏览

0评论

uniapp实现可以左右滑动导航栏

本文实例为大家分享了uniapp实现左右滑动导航栏的具体代码，供大家参考，具体内容如下<template> <view> <home-view></home-view> <view class="content-box" :id="isScale&#63...

2020-11-24

30浏览

0评论

js 图片懒加载的实现

1.使用场景　　当网页上有大量图片需要加载时，如果一次性将图片全部加载完，网页加载时间会过长；　　网页本身已经反应很慢了，如果你的页面上又需要引用图片，这时候同样是雪上加霜...

2020-11-24

255浏览

0评论

js 压缩图片的示例（只缩小体积，不更改图片尺寸）

本文作者：Marydon
原文链接：https://www.cnblogs.com/Marydon20170307/p/11486511.html1.情景展示　　如上图所示，点击上传图片按钮，调用手机摄像头拍照功能。　　<input oncha...

2020-11-24

93浏览

0评论

ES11屡试不爽的新特性,你用上了几个

ES11规范于今年的年初完成，引入了许多新标准，本文讲着重研究下其中几个实用且有趣的新标准特性抢先知：私有变量 Promise.allSettled BigInt 全新的数据类型 Nullish Coale...

2020-11-24

195浏览

0评论

微信小程序基于高德地图API实现天气组件(动态效果)

在社区翻腾了许久，没有找到合适的天气插件。迫不得已，只好借鉴互联网上的web项目，手动迁移到小程序中使用。现在分享到互联网社区中，帮助后续有需要的开发者。1.组件介绍...

2020-11-24

117浏览

0评论

Javascript Symbol原理及使用方法解析

Symbol是ES6中新引入的一种基本数据类型，在此之前JavaScript中已有几种基本数据类型： Numberg String Boolean Null Undefined Object不同于其他基本类型的通俗易懂，Symb...

2020-11-24

73浏览

0评论

Javascript柯里化实现原理及作用解析

函数式编程是一种如今比较流行的编程范式，它主张将函数作为参数进行传递，然后返回一个没有副作用的函数，说白了，就是希望一个函数只做一件事情。像JavaScript，Haskell，Clojure等编...

2020-11-24

299浏览

0评论

微信小程序实现文件预览

微信小程序的文件预览，供大家参考，具体内容如下微信小程序的文件预览需要先使用wx.downloadFile下载文件，然后使用下载文件的临时路径通过wx.openDocument进行文件的预览wxml代...

2020-11-24

94浏览

0评论

微信小程序实现选项卡滑动切换

本文实例为大家分享了微信小程序实现选项卡滑动切换的具体代码，供大家参考，具体内容如下先看效果:再上代码:1.index.wxml <view class="swiper-tab"> <view...

2020-11-24

70浏览

0评论

JavaScript实现简易计算器小功能

本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title>...

2020-11-24

77浏览

0评论

JavaScript 中判断变量是否为数字的示例代码

简介 JavaScript 是一种动态类型语言，这意味着解释器在运行时确定变量的类型。实际上，这也允许我们在相同的代码中使用相同的变量来存储不同类型的数据。如果没有文档和一致性...

2020-11-24

99浏览

0评论

微信小程序实现拼图小游戏

微信小游戏入门案例——拼图游戏，供大家参考，具体内容如下涉及内容:canvas组件、小程序界面绘图API目录结构：pages\game\game.js// pages/game/game.js// 方块的初始位置var nu...

2020-11-24

283浏览

0评论

微信小程序入门之指南针

微信小程序入门案例——指南针，供大家参考，具体内容如下涉及技术：获取地理位置、监听指南针角度目录结构：pages\index\index.jsPage({ /** * 页面的初始数据 */ data: { rotate...

2020-11-24

97浏览

0评论

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

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

2020-11-24

40浏览

0评论

微信小程序canvas动态时钟

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

2020-11-24

51浏览

0评论

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

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

2020-11-24

86浏览

0评论

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

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

2020-11-24

44浏览

0评论

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

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

2020-11-24

74浏览

0评论

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

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

2020-11-24

39浏览

0评论

原生js实现简单轮播图

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

2020-11-24

49浏览

0评论

JavaScript实现五子棋小游戏

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

2020-11-24

53浏览

0评论

原生js实现贪吃蛇游戏

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

2020-11-24

119浏览

0评论

js实现磁性吸附的示例

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

2020-11-24

87浏览

0评论

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

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

2020-11-24

61浏览

0评论

js实现简易拖拽的示例

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

2020-11-24

62浏览

0评论

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

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

2020-11-24

115浏览

0评论

js实现简易ATM功能

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

2020-11-24

75浏览

0评论

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

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

2020-11-24

122浏览

0评论

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

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

2020-11-24

69浏览

0评论

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

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

2020-11-24

热门文章