JavaScript - 教程之家

70浏览

0评论

Flutter 完美的验证码输入框实现

老孟导读：刚开始看到这个功能的时候一定觉得so easy，开始的时候我也是这么觉得的，这还不简单，然而真正写的时候才发现并没有想象的那么简单。先上图，不上图你们都不想看，我难啊，到G...

2020-10-15

138浏览

0评论

详解Android studio 3+版本apk安装失败问题

studio2.3升级到3.1之后将apk发给别人下载到手机上安装，华为提示安装包无效或与操作系统不兼容，魅族提示apk仅为测试版，要求下载正式版安装。在网上找了一下，发现是studio3.0之...

2020-10-15

142浏览

0评论

flutter 怎么实现app整体灰色效果

Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项...

2020-10-15

132浏览

0评论

使用RecyclerView实现点赞头像叠加效果

概要：点赞头像效果使用的地方很多，实现的方式也很多，下面通过使用RecyclerView实现一下1、创建布局文件一个recyclerview，一个点赞图片<?xml version="1.0" encoding="utf-...

2020-10-15

140浏览

0评论

jquery如何获取class值？

在jquery中，可以使用attr()方法来获取class的值，因为class本身也是元素的一个属性。attr() 方法设置或返回被选元素的属性和值。1、返回属性的值：$(selector).attr(attribute)...

2020-10-14

595浏览

0评论

layui实现点击事件的方法

说明：这里的点击事件是指单纯的点击事件，而不是提交事件，或者是数据表格中内嵌的button，对于这两者，layui是有lay-submit和lay-event这个属性进行支持的，所以这里只能使用最原始...

2020-10-14

112浏览

0评论

全网介绍小程序接口请求封装的实例

这篇文章主要针对一些初学者，有写的不好的地方，还请大家多多谅解！在utils文件夹里面新建两个js文件，一个是api.js、一个就是requtil.jsapi.js这个文件主要api接口,废话不多说直...

2020-10-14

189浏览

0评论

了解一下Vue中的插槽

Vue插槽，是学习vue中必不可少的一节，当初刚接触vue的时候，对这些掌握的一知半解，特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。一、插槽...

2020-10-14

168浏览

0评论

详解JavaScript中的变量、范围和提升

变量是许多编程语言的基本组成部分，也是新手需要学习的第一个也是最重要的概念。JavaScript中有许多不同的变量属性，以及命名变量时必须遵循的一些规则。在JavaScript中，有三个...

2020-10-14

116浏览

0评论

JS中的一些常用基础算法介绍

一个算法只是一个把确定的数据结构的输入转化为一个确定的数据结构的输出的function。算法内在的逻辑决定了如何转换。基础算法一、排序1、冒泡排序//冒泡排序function bubb...

2020-10-14

181浏览

0评论

详解Vue中的无渲染行为插槽

在本文中我们讨论 Vue 中的无渲染插槽模式能够帮助解决哪些问题。在 Vue.js 2.3.0 中引入的作用域插槽显著提高了组件的可重用性。无渲染组件模式应运而生，解决了提供可重用...

2020-10-14

155浏览

0评论

深入了解vue.js中的diff算法

本篇文章给大家详细了解一下vue.js中的diff算法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。前言我的目标是写一个非常详细的关于diff的干货，所以本文有...

2020-10-14

134浏览

0评论

Vue.js 学习之三：与服务器的数据交互

显而易见的，之前的02_toDoList存在着一个很致命的缺陷。那就是它的数据只存在于浏览器端，一但用户关闭或重新载入页面，他之前加入到程序中的数据就会全部丢失，一切又恢复到程序...

2020-10-14

144浏览

0评论

js实现右键弹出自定义菜单

近期在项目中有一个右键菜单的需求，发现很多实现都比较复杂，于是自己花了一点时间稍微研究了一下，下面提供一个简洁的实现方法。js声明部分：//创建右键菜单var epMenu={ create...

2020-10-14

96浏览

0评论

JavaScript常用8种数组去重代码实例

在我们学习和使用JavaScript的中，会经常使用到数组的去重，接下来的内容，来给大家分享一下，我们在开发过程中，常用到的数组去重方法，这些方法都是有在实战中真实实践过的，非常值得大...

2020-10-14

124浏览

0评论

js实现贪吃蛇游戏 canvas绘制地图

本文实例为大家分享了js实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下思路400px * 400px的地图，每20px*20px分成单元格绘制蛇身
每次移动即更换尾部头部的颜色
全部代码...

2020-10-14

130浏览

0评论

js实现简单抽奖功能

本文实例为大家分享了js实现简单抽奖功能的具体代码，供大家参考，具体内容如下代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #box{ bo...

2020-10-14

169浏览

0评论

JavaScript日期库date-fn.js使用方法解析

用JavaScript处理日期并不容易。因此，如果您查看大多数应用程序的 package.json 文件，通常会在其中找到像 Moment.js 这样的库。它对开发人员对解析/格式化/计算日期而言不再...

2020-10-14

67浏览

0评论

JavaScript代码简化技巧实例解析

函数式编程可以使您的代码更简单。简单意味着代码易于阅读和理解，可测试和可维护。在本文中，我描述了一些函数式编程（FP）技巧，您可以使用它们来简化代码，从而使代码更好。
摆脱临...

2020-10-14

176浏览

0评论

JS实现斐波那契数列的五种方式(小结)

下面是五种实现斐波那契数列的方法
循环function fibonacci(n){ var res1 = 1; var res2 = 1; var sum = res2; for(var i = 1;i < n;i ++){ sum = res1 + res2; res1 =...

2020-10-14

121浏览

0评论

基于原生JS封装的Modal对话框插件的示例代码

基于原生JS封装Modal对话框插件，具体内容如下所示：原生JS封装Modal对话框插件，个人用来学习原理与思想，只有简单的基本框架的实现，可在此基础上添加更多配置项API配置//基本语法...

2020-10-14

137浏览

0评论

JS异步宏队列微队列原理详解

先看一张我绘制的原理图原理图setImmediate 也是宏任务，在 Node 环境下，微任务还有 process.nextTickJS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队宏列队：用来...

2020-10-14

66浏览

0评论

JavaScript 实现下雪特效的示例代码

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下雪效果实现</title> <link rel="stylesheet" type="text/css" href="reset.css">...

2020-10-14

294浏览

0评论

微信小程序实现点击生成随机验证码

本文实例为大家分享了微信小程序实现点击生成随机验证码的具体代码，供大家参考，具体内容如下效果图wxml<view bindtap="getCode">{{ code }}</view>jsPage({data: { code: ''}...

2020-10-14

1001浏览

0评论

微信小程序实现身份证取景框拍摄

本文实例为大家分享了微信小程序实现身份证取景框拍摄的具体代码，供大家参考，具体内容如下wxml<view class="camera_box"> <camera class="camera" wx:if="{{!show}}" device-...

2020-10-14

75浏览

0评论

关于JavaScript数组去重的一些理解汇总

前言做前端开发几年，在项目中用到数组去重的机会倒不是很多，但是在面试的时候却经常被问到，个人理解，这道题真正考的是对JavaScript的基础的掌握，因为有很多种方式可以做到。这次...

2020-10-14

168浏览

0评论

详解React的回调渲染模式

一、一个简单的小例子
1.父组件
<Twitter username='tylermcginnis33'> {(user) => user === null ? <Loading /> : <Badge info={user} />}</Twitter>2.子组件框架
i...

2020-10-14

123浏览

0评论

JavaScript常用工具函数库汇总

对象或数组的深拷贝/** * 对象或数组的深拷贝 * @param {*} cloneObj 被克隆的对象 * @param {*} targetObj 克隆的目标对象 * @param {*} isOverride 若属性重复，是否覆盖被...

2020-10-14

158浏览

0评论

JS实现密码框效果

在输入密码时，将密码的长度设置为6-16，且在密码长度出现小于6或是大于16时，会出现提示，效果如下图 1. 此事件为失去焦点事件，当鼠标离开密码框且点击旁边就会触发事件
2. 输入密...

2020-10-14

60浏览

0评论

JavaScript 判断数据类型的4种方法

本文提供四种方法判断js数据类型，这里记录了它们之间的差异，分别是 typeof 运算符、instanceof 运算符、constructor 属性、Object.prototype.toString 方法。一、使用 typeof...

2020-10-14

89浏览

0评论

JavaScript实现简单日历效果

本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下实现效果：根据所选择的年月，列出当月对应是周几，效果图如下：实现思路：1、使用select标签保存...

2020-10-14

946浏览

0评论

在js文件中引入（调用）另一个js文件的三种方法

比如我写了一个JS文件，这个文件需要调用另外一个JS文件，该如何实现呢？下面就总结下在js文件中引入另一个js文件的实现方法一，在调用文件的顶部加入下例代码function addScript(u...

2020-10-14

112浏览

0评论

关于ES6尾调用优化的使用

ES6包含了一个性能领域的特殊要求。这与一个涉及函数调用的特定优化形式相关：即尾调用优化（Tail Call Optimization，TCO）。简单地说，尾调用就是一个出现在另一个函数“结尾”处的...

2020-10-14

140浏览

0评论

js代码编写无缝轮播图

本文实例为大家分享了js编写无缝轮播图的具体代码，供大家参考，具体内容如下前言这个是一个轮播图提示：请让最后一个img和第一个img是一张图片相同
且 li数目为img数目-1；一、无...

2020-10-14

190浏览

0评论

详解webpack的文件监听实现(热更新)

前言文件监听是在源码发生变化时，自动重新构建出新的输出文件。
webpack 开启监听模式，有两种方式：
1.启动 webpack 命令时，带上 --watch 参数。
唯一缺点：需要手动刷新才能看到...

2020-10-14

88浏览

0评论

请求时token过期自动刷新token操作

1.在开发过程中，我们都会接触到token，token的作用是什么呢？主要的作用就是为了安全，用户登陆时，服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token，证明其...

2020-10-14

81浏览

0评论

返回上一个url并刷新界面的js代码

JS 重载页面，本地刷新,返回上一页<a href="javascript:history.go(-1)" rel="external nofollow" >返回上一页</a><a href="javascript:location.reload()" rel="external no...

2020-10-14

110浏览

0评论

浅谈javascript事件环微任务和宏任务队列原理

JS 事件环
JS 程序的运行是离不开事件环机制的，这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数，事情发生的时候 JS 会将相应的函数入栈执行然后出...

2020-10-14

124浏览

0评论

利用H5api实现时钟的绘制(javascript)

HTML5的canvas标签用于绘制图像（通过脚本，通常是 JavaScript）。不过，canvas元素本身并没有绘制能力（它仅仅是图形的容器）必须使用脚本来完成实际的绘图任务。下面，具体总结了一下使...

2020-10-14

117浏览

0评论

js+css3实现简单时钟特效

本文实例为大家分享了js+css3实现简单时钟的具体代码，供大家参考，具体内容如下1.实现了时钟的特效，可以转动，时间准确，画面美观大气；
2.用到了css3的transform: rotate，transform-o...

2020-10-14

106浏览

0评论

js+canvas实现刮刮奖功能

本文实例为大家分享了js+canvas实现刮刮奖的具体代码，供大家参考，具体内容如下1.实现了PC端的刮刮奖效果2.使用了canvas的文本，像素操作，合成，绘制图形，随机数<!DOCTYPE html><htm...

2020-10-14

84浏览

0评论

js+audio实现音乐播放器

本文实例为大家分享了js+audio实现音乐播放器的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>音乐播放器</title> <link r...

2020-10-14

261浏览

0评论

js+canvas实现画板功能

本文实例为大家分享了js+canvas实现画板功能的具体代码，供大家参考，具体内容如下
1.实现了画图，改变画笔粗细，改变画笔颜色，清屏功能<!DOCTYPE html><html> <head> <meta charset...

2020-10-14

136浏览

0评论

原生JS实现九宫格抽奖

本文实例为大家分享了JS实现九宫格抽奖的具体代码，供大家参考，具体内容如下上代码：<div class="wrapper"> <div>谢谢惠顾</div> <div>十万元现金</div> <div>谢谢惠顾...

2020-10-14

127浏览

0评论

js实现3D粒子酷炫动态旋转特效

js实现3D粒子酷炫动态旋转特效（效果比较酷炫，中途不仅有形态的变换，还有颜色的变化，希望大家能够喜欢）代码实现过程中的静态截图<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tr...

2020-10-14

108浏览

0评论

js+canvas实现转盘效果（两个版本）

本文实例为大家分享了js+canvas实现转盘效果的具体代码，供大家参考，具体内容如下用到了canvas的绘制，旋转，重绘操作，定时器，文本，平移，线条，圆，清理画布等等；版本一不可以点击，刷新旋转<...

2020-10-14

144浏览

0评论

swiper自定义分页器的样式

本文实例为大家分享了swiper自定义分页器的样式代码，供大家参考，具体内容如下js主要代码pagination: { // 自定义分页器的类名----必填项 el: '.custom-pagination',...

2020-10-14

112浏览

0评论

JavaScript位置参数实现原理及过程解析

1.什么是位置参数?
JavaScript：为什么命名参数比位置参数更好你一定很熟悉位置参数，即使你第一次听到这个名字。function greet(firstName, lastName) { console.log(`He...

2020-10-14

129浏览

0评论

详解JavaScript 高阶函数

高阶函数简介高阶函数的英文名叫 Higher-Order Function ，是函数式编程中的一种。他的表现形式往往是通过把函数作为参数传入另一个函数，或者将函数作为另一个函数的返回值...

2020-10-14

136浏览

0评论

浅谈JavaScript 声明提升

1 引例及基本原理在学习JavaScript声明提升之前，我们先看下面这个例子：console.log(a);var a=2;运行结果会是什么？你可能会有以下的猜测：1.报错ReferenceError: a is not define...

2020-10-14

热门文章