React实现评论的添加和删除
本文实例为大家分享了React实现评论添加和删除的具体代码，供大家参考，具体内容如下一、效果图二、需求描述1. 手动输入用户名和评论内容，点击提交；输入内容被追加到右侧评论列表...
2020-11-24
原生js实现俄罗斯方块
本文实例为大家分享了js实现俄罗斯方块的具体代码，供大家参考，具体内容如下效果如下html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo...
2020-11-24
构建一个JavaScript插件系统
本文译自 https://css-tricks.com/designing-a-javascript-plugin-system/插件是库和框架的常见功能，并且有一个很好的使用它的理由：它们允许开发人员以安全，可扩展的方式添加...
2020-11-24
UEditor 自定义图片视频尺寸校验功能的实现代码
ueditor是百度编辑器，官网地址：http://ueditor.baidu.com/website/UEditor支持单图、多图以及视频上传，编辑器配置项支持文件格式、文件大小校验，对于文件宽高尺寸校验暂不支持...
2020-11-24
详解JavaScript类型判断的四种方法
JavaScript有八种内置类型，除对象外，其他统称为“基本类型”。 空值（null) 未定义(undefined) 布尔值（boolean) 数字（number) 字符串（string) 对象 (object) 符号（symbol, E...
2020-11-24
uniapp实现横向滚动选择日期
本文实例为大家分享了uniapp实现横向滚动选择日期的具体代码，供大家参考，具体内容如下1.方法封装 common.js//获取当前时间，格式YYYY-MM-DD HH:MM:SSconst GetNowTime = time =...
2020-11-24
原生小程序封装跑马灯效果
本文实例为大家分享了小程序封装跑马灯效果的具体代码，供大家参考，具体内容如下Marquee.wxml<view class="marquee_container " style="background:{{broadcast_arr.back_colo...
2020-11-24
uniapp实现可滑动选项卡
本文实例为大家分享了uniapp实现可滑动选项卡的具体代码，供大家参考，具体内容如下tabControl-tag.vue<template name="tabControl"> <scroll-view scroll-x="true" :style="'b...
2020-11-24
uniapp实现可以左右滑动导航栏
本文实例为大家分享了uniapp实现左右滑动导航栏的具体代码，供大家参考，具体内容如下<template> <view> <home-view></home-view> <view class="content-box" :id="isScale?...
2020-11-24
js 图片懒加载的实现
1.使用场景 当网页上有大量图片需要加载时，如果一次性将图片全部加载完，网页加载时间会过长； 网页本身已经反应很慢了，如果你的页面上又需要引用图片，这时候同样是雪上加霜...
2020-11-24
js 压缩图片的示例（只缩小体积，不更改图片尺寸）
本文作者：Marydon
原文链接：https://www.cnblogs.com/Marydon20170307/p/11486511.html1.情景展示 如上图所示，点击上传图片按钮，调用手机摄像头拍照功能。 <input oncha...
2020-11-24
ES11屡试不爽的新特性,你用上了几个
ES11规范于今年的年初完成，引入了许多新标准，本文讲着重研究下其中几个实用且有趣的新标准特性抢先知： 私有变量 Promise.allSettled BigInt 全新的数据类型 Nullish Coale...
2020-11-24
微信小程序基于高德地图API实现天气组件(动态效果)
​在社区翻腾了许久，没有找到合适的天气插件。迫不得已，只好借鉴互联网上的web项目，手动迁移到小程序中使用。现在分享到互联网社区中，帮助后续有需要的开发者。1.组件介绍...
2020-11-24
Javascript Symbol原理及使用方法解析
Symbol是ES6中新引入的一种基本数据类型，在此之前JavaScript中已有几种基本数据类型： Numberg String Boolean Null Undefined Object不同于其他基本类型的通俗易懂，Symb...
2020-11-24
Javascript柯里化实现原理及作用解析
函数式编程是一种如今比较流行的编程范式，它主张将函数作为参数进行传递，然后返回一个没有副作用的函数，说白了，就是希望一个函数只做一件事情。像JavaScript，Haskell，Clojure等编...
2020-11-24
微信小程序实现文件预览
微信小程序的文件预览，供大家参考，具体内容如下微信小程序的文件预览需要先使用wx.downloadFile下载文件，然后使用下载文件的临时路径通过wx.openDocument进行文件的预览wxml代...
2020-11-24
微信小程序实现选项卡滑动切换
本文实例为大家分享了微信小程序实现选项卡滑动切换的具体代码，供大家参考，具体内容如下先看效果:再上代码:1.index.wxml<!--index.wxml--> <view class="swiper-tab"> <view...
2020-11-24
JavaScript实现简易计算器小功能
本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title>...
2020-11-24
JavaScript 中判断变量是否为数字的示例代码
简介 JavaScript 是一种动态类型语言，这意味着解释器在运行时确定变量的类型。实际上，这也允许我们在相同的代码中使用相同的变量来存储不同类型的数据。如果没有文档和一致性...
2020-11-24
微信小程序实现拼图小游戏
微信小游戏入门案例——拼图游戏，供大家参考，具体内容如下涉及内容:canvas组件、小程序界面绘图API目录结构：pages\game\game.js// pages/game/game.js// 方块的初始位置var nu...
2020-11-24
微信小程序入门之指南针
微信小程序入门案例——指南针，供大家参考，具体内容如下涉及技术：获取地理位置、监听指南针角度目录结构：pages\index\index.jsPage({ /** * 页面的初始数据 */ data: { rotate...
2020-11-24
微信小程序入门之绘制时钟
微信小程序入门案例——绘制时钟，供大家参考，具体内容如下涉及内容：canvas、每秒刷新页面、绘制目录结构:pages\index\index.jsPage({ /** * 页面的初始数据 */ data: { },...
2020-11-24
微信小程序canvas动态时钟
本文实例为大家分享了微信小程序canvas动态时钟的具体代码，供大家参考，具体内容如下canvas时钟效果图：代码：wxml:<view style='width:100%;height:{{canvasHeight}}px' catchtap...
2020-11-24
如何通过Proxy实现JSBridge模块化封装
最近公司在做一个项目，通过把我们自己的Webview植入第三方APP，然后我们的业务全部通过H5实现。至于为什么不直接用第三方APP WebView,主要是身处金融行业，需要做一些风控相关功...
2020-11-24
如何在面试中手写出javascript节流和防抖函数
面试的时候我们经常会问别人是理解什么是节流和防抖，严格的可能要求你写出节流和防抖函数，这里我们抛开loadsh工具库手写节流和防抖1.节流函数throttle
// 节流方案1，每delay的...
2020-11-24
利用PHP实现递归删除链表元素的方法示例
前言这篇文章介绍一下 递归，递归的本质是将原来的问题转化为更小的同一个问题，解决这些更小问题的过程。下面通过两个递归的例子帮助学习对递归的理解。1.递归数组求和例如某...
2020-11-24
Javascript实现贪吃蛇小游戏（含详细注释）
本文实例为大家分享了Javascript实现贪吃蛇小游戏的具体代码，供大家参考，具体内容如下前言原生JavaScript实现贪吃蛇小游戏GitHub地址直接复制可用index.html<!DOCTYPE html><...
2020-11-24
原生js实现简单轮播图
本文实例为大家分享了js实现简单轮播图的具体代码，供大家参考，具体内容如下一、写入网页基本结构body:网页的最外部设置一个id为wrap的容器，取代body，这样方便我们做一些初始化c...
2020-11-24
JavaScript实现五子棋小游戏
本文实例为大家分享了JavaScript实现五子棋小游戏的具体代码，供大家参考，具体内容如下HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>五子棋...
2020-11-24
原生js实现贪吃蛇游戏
原生JavaScript实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下代码：<script> var timer = null; var oMain = document.getElementById("main"); function Map(atom,xnum,...
2020-11-24
js实现磁性吸附的示例
磁性吸附目录 代码实例 与限定范围拖拽的差异 下载源码链接
代码实例* { padding: 0; margin: 0;}#box1 { width: 500px; height: 500px; background: #999; positio...
2020-11-24
js实现限定范围拖拽的示例
限定范围拖拽目录 代码实例 与简易拖拽的差异 下载源码链接
代码实例* { padding: 0; margin: 0;}#box1 { width: 500px; height: 500px; background: #999; position...
2020-11-24
js实现简易拖拽的示例
简易拖拽目录 代码实例
代码解析
scrollWidth,clientWidth,offsetWidth的区别
offsetX,clientX,pageX的辨析
下载源码链接
代码实例<div id="box" styl...
2020-11-24
js实现自定义滚动条的示例
自定义滚动条目录 代码实例 代码解析 下载源码链接
代码实例* { padding: 0; margin: 0;}#box1 { width: 500px; height: 20px; background: #999; position: relative...
2020-11-24
js实现简易ATM功能
本文实例为大家分享了js实现简易ATM功能的具体代码，供大家参考，具体内容如下案例描述程序根据输入的序号执行相应的业务处理逻辑 :1.存款 2.取款 3.查看余额 4.取卡如果不输入...
2020-11-24
通过JS判断网页是否为手机打开
参考一：//返回true表示为pc端打开，返回false表示为手机端打开function check() { var userAgentInfo=navigator.userAgent; var Agents =new Array("Android","iPhone","Sym...
2020-11-24
微信小程序接入vant Weapp组件的详细步骤
刚创建的项目的文件结构首先在你项目的根目录下打开终端，输入npm init 对项目初始化这时会生成pachage.json文件。继续在终端运行以下命令我这里用这个：npm i vant-weapp -S -...
2020-11-24
原生JS生成指定位数的验证码
使用原生JS生成指定位数的验证码，验证码包括字母和数字##思路：使用String的fromCharCode方法将给定范围的随机数转为大小写字母，再通过随机数决定数组当前位置为大写字母，小写字...
2020-11-24
WebStorm中如何将自己的代码上传到github示例详解
tips:我用的是2020.1版本的webstorm，2020.1以后的跟着操作没问题，其他版本的网上还有很多方法第一步：进入File-->Setting-->搜索git，如图，然后将此处的路径添加为Git安装目录中cm...
2020-11-24
用js实现放大镜效果
本文实例为大家分享了js实现放大镜效果的具体代码，供大家参考，具体内容如下该放大区域用背景图片放大<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta...
2020-11-24
js实现详情页放大镜效果
本文实例为大家分享了js实现详情页放大镜的具体代码，供大家参考，具体内容如下1.html<div id="small"> <div id="mo"> </div> <img src="img/timg.jpg"/> <div i...
2020-11-24
js实现淘宝浏览商品放大镜功能
本文实例为大家分享了js实现淘宝浏览商品放大镜的具体代码，供大家参考，具体内容如下1、准备两张图片，其中一张图片分辨率为另一张图片的二倍。2、前端页面布局//box1位左侧原图...
2020-11-24
js 实现碰撞检测的示例
碰撞检测目录 代码实例 与简易拖拽的差异 下载源码链接 代码实例<div id="box" style="background: #334;width: 100px;height: 100px;position: absolute;cursor: move;...
2020-11-24
js实现随机圆与矩形功能
本文实例为大家分享了js实现随机圆与矩形功能的具体代码，供大家参考，具体内容如下
1、节点操作版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=...
2020-11-24
微信小程序自定义yPicker组件实现省市区三级联动功能
自从上一篇文章：微信小程序自定义日历组件及flex布局最后一行对齐问题分析 出来以后，有人私聊我说能不能从头分析一下我开源的自定义组件？一直没时间。这不，最近项目中有个需求...
2020-11-24
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
最近为我开源的小项目：微信小程序扩展自定义组件库（点击去GitHub） 增加了一个新组件 —— 日历组件。
效果演示：在编写过程中，因为大家都知道，日历组件是有固定行数和每一行的固定...
2020-11-24
微信小程序实现可长按移动控件
微信小程序可长按移动控件，供大家参考，具体内容如下–包含超出边界监测，性能不够理想【原因：setData在毫秒级刷新时会极大程度影响渲染性能】JavascriptPage({ /** * 页面的初始...
2020-11-24
微信小程序淘宝首页双排图片布局排版代码(推荐)
效果图：使用技术主要是flex布局,绝对定位布局,小程序前端页面开发,以及一些样式!直接贴代码,都有详细注释,熟悉一下,方便以后小程序开发!wxml: <view class="taobaolist"> <b...
2020-11-24
JavaScript实现随机点名小程序
本文实例为大家分享了JavaScript实现随机点名小程序的具体代码，供大家参考，具体内容如下导入jar包
将jquery-3.3.1.min.js包导入到web目录下的js包
代码实现<!DOCTYPE html><h...
2020-11-24
TypeScript魔法堂之枚举的超实用手册
前言
也许前端的同学会问JavaScript从诞生至今都没有枚举类型，我们不是都活得挺好的吗？为什么TypeScript需要引入枚举类型呢？
也许被迫写前端的后端同学会问，TypeScript的枚举类...
2020-11-24
