JavaScript - 教程之家

60浏览

0评论

es5 类与es6中class的区别小结

前言在es5中主要是通过构造函数方式和原型方式来定义一个类，在es6中我们可以通过class来定义类，今天整理一下它们的区别。
关于es5中定义类的方式，可以看这一篇Js的‘类'，我们这...

2020-11-24

29浏览

0评论

夯基础之手撕javascript继承详解

前言提到JS继承，你首先想到的什么？面试继承方式优缺点...，js继承作为曾经的苦主，我看了忘，忘了看，看了又忘，OMG，都9012年了面试官还不放过我。ok，开开玩笑，接下来言归正传，来聊聊js...

2020-11-24

90浏览

0评论

原生JS实现弹幕效果的简单操作指南

前言现在很多的直播平台或者视频平台都会用到弹幕加强和观众的互动效果，那么如何用JS实现这样的效果呢，用一个初学者的方法记录下这个方法，欢迎大牛指导。1、首先需要操作文档...

2020-11-24

432浏览

0评论

JavaScript中常用的3种弹出提示框(alert、confirm、prompt)

三种提示框 alert () confirm() prompt ()alert ()alert()方法是显示一条弹出提示消息和确认按钮的警告框。
需要注意的是：alert()是一个阻塞的函数，如果我们不点确认按...

2020-11-24

47浏览

0评论

Js数组扁平化实现方法代码总汇

题目：
请写出一个数组拍平函数。效果如下：var arr=['a', ['b', 'c'], 2, ['d', 'e', 'f'], 'g', 3, 4];
flat(arr) //a,b,c,2,d,e,f,g,3,4
方法一：使用toString方法先将arr转...

2020-11-24

59浏览

0评论

JS前端基于canvas给图片添加水印

前两天给个人网站添加了一个小功能，就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简...

2020-11-24

91浏览

0评论

JavaScript 实现拖拽效果组件功能(兼容移动端)

页面元素拖拽是一种非常实用的前端效果，基于元素拖拽可以实现很多不同的功能，增加客户端许多操作的便捷性，大大提高用户体验。日常生活中大家多多少少都见过这种效果，所以就不废...

2020-11-24

134浏览

0评论

js前端传json后台接收‘‘被转为quot的问题解决

一、产生原因前端传json格式数据，后台接收却发现有一堆& quot;，但是如果后台接收参数用@RequestBody注解，则不会出现这个问题，出现这一问题的原因就是后台没有按照json...

2020-11-24

74浏览

0评论

带你使用webpack快速构建web项目的方法

使用webpack构建web项目以及热部署插件的使用，按以下步骤，能帮助你快速构建和理解~
详细学习还得靠官方文档！一，基础构建部分大前提！你得先安装了Node.js此处不赘述。1，创建一个文...

2020-11-24

36浏览

0评论

JavaScript ES 模块的使用

自从 ES 模块被添加到规范中后，JavaScript 中的模块就更加简单了。模块按文件分开，异步加载。导出是用 export 关键字定义的；值可以用 import 关键字导入。虽然导入和导出单个...

2020-11-24

31浏览

0评论

详解ES6 扩展运算符的使用与注意事项

扩展运算符 spread syntax 又叫展开语法，写法是 ...，顾名思义，其实是用来展开字符串，数组和对象的一种语法，可以在函数调用/数组构造时, 将数组表达式或者 string 在语法层面展开...

2020-11-24

88浏览

0评论

javascript实现搜索筛选功能实例代码

案例样式即功能HTML代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <li...

2020-11-24

58浏览

0评论

微信小程序对图片进行canvas压缩的方法示例详解

微信小程序其实自带一个图片压缩的API wx.compressImage，但是这玩意目前感受就是个垃圾。IOS大多数情况下据说还可以，安卓有的时候降低质量压缩后体积反而变大，而且没办法控制...

2020-11-24

121浏览

0评论

如何基于viewport vm适配移动端页面

前言
作为一个小前端，经常要和H5打交道，这就面临着不同终端的适配问题。
Flexible方案通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值，给我更贴切的体会就是...

2020-11-24

43浏览

0评论

Flexible.js可伸缩布局实现方法详解

阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。实现方法：
通过JS来调整html的字体大小，而在页面中的制作稿则统...

2020-11-24

37浏览

0评论

PHP 502bad gateway原因及解决方案

nginx+php 出现502 bad gateway，一般这都不是nginx的问题，而是由于 fastcgi或者php的问题导致的，常见的有以下几种。1. php.ini 的memory_limit 过小（如果有个别php程序进程需要...

2020-11-24

70浏览

0评论

小程序实现tab标签页

本文实例为大家分享了小程序实现tab标签页的具体代码，供大家参考，具体内容如下页面效果：HTML：<view wx:if="{{userType==0}}" style="height:100%"> <view class="tab_box" styl...

2020-11-24

57浏览

0评论

微信小程序实现滚动Tab选项卡

本文实例为大家分享了微信小程序实现滚动Tab选项卡的具体代码，供大家参考，具体内容如下最终效果如上。问题：1、tab标题总共8个，所以一屏无法全部显示。
2、tab内容区左右滑动切...

2020-11-24

59浏览

0评论

小程序实现点击tab切换左右滑动

本文实例为大家分享了小程序实现点击tab切换左右滑动的具体代码，供大家参考，具体内容如下wxml<scroll-view scroll-x="true" class="navbar-box"> <block wx:for="{{recordMai...

2020-11-24

75浏览

0评论

小程序实现上下切换位置

本文实例为大家分享了小程序实现上下切换位置的具体代码，供大家参考，具体内容如下小程序上下切换位置wxml<view wx:for="{{companyData}}" wx:key="index" class="overHiden">...

2020-11-24

63浏览

0评论

小程序自定义弹框效果

本文实例为大家分享了小程序自定义弹框效果的具体代码，供大家参考，具体内容如下wxml<view class="btn" bindtap="powerDrawer" data-statu="open">来点我呀</vie...

2020-11-24

83浏览

0评论

小程序实现密码输入框

本文实例为大家分享了小程序实现密码输入框的具体代码，供大家参考，具体内容如下小程序密码输入框wxml<view class="Toptitle">请设置支付密码并妥善保管</view><form bindsubm...

2020-11-24

97浏览

0评论

微信小程序自定义底部弹出框动画

微信小程序之自定义底部弹出框动画，供大家参考，具体内容如下最近做小程序时，会经常用到各种弹框。直接做显示和隐藏虽然也能达到效果，但是体验性太差，也比较简单粗暴。想要美美地...

2020-11-24

71浏览

0评论

js实现纯前端压缩图片

本文实例为大家分享了js实现纯前端压缩图片的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-11-24

89浏览

0评论

微信小程序实现页面左右滑动

本文实例为大家分享了微信小程序实现页面左右滑动的具体代码，供大家参考，具体内容如下效果：wxml文件<view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="...

2020-11-24

36浏览

0评论

详解JavaScript执行模型

JavaScript执行模型
引言JavaScript是一个单线程（Single-threaded）异步（Asynchronous）非阻塞（Non-blocking）并发（Concurrent）语言，这些语言效果通过一个调用栈（Call Stack）、一个事件循...

2020-11-24

43浏览

0评论

详解JavaScript原型与原型链

正如一些面向对象语言中所实现的那样，在JavaScript中我们有时也需要创建一个拥有公共函数与属性的类作为父类来减少代码重复、实现类型检查与实现更加清晰地代码结构。在Java...

2020-11-24

73浏览

0评论

JavaScript枚举选择jquery插件代码实例

某次做项目要实现一个功能：按星期选择一个连续的时间范围比如：周一到周五，周六到周日或周六到周三聪明的朋友马上想出办法：用两个选项为周一到周日的下拉列表实现，对那样可以...

2020-11-24

117浏览

0评论

小程序自定义圆形进度条

本文实例为大家分享了小程序自定义圆形进度条的具体代码，供大家参考，具体内容如下circle.wxss:page { width: 100%; height: 100%; background-color: #fff;} .circle-box { t...

2020-11-24

144浏览

0评论

解决js中的setInterval清空定时器不管用问题

使用场景：我在函数A中调用定时器函数，定时器是单独写的一个函数原因：页面加载时我调用了1次函数A，然后又单独调用了一次定时器函数，导致调用了2次setInterval()，导致有setInterval...

2020-11-24

132浏览

0评论

jquery怎么输出数组的值？

该方法适用于所有品牌的电脑。在jquery中，可以使用$.each()方法来循环数组元素，实现输出全部数组元素。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>...

2020-11-23

97浏览

0评论

javascript中const和Object.freeze()的差异

这篇文章介绍了使用const和Object.freeze()在 JS中定义常量和配置值一些做法，以及它们之间的区别。当我们在 JS 应用程序中定义常量和配置值时。它们应具有以下特点: 跨应用...

2020-11-23

81浏览

0评论

jQuery如何获取文字的宽度？方法介绍

获取字符串的长度很简单，但是如何获取一个字符串的字体宽度却是一个不太好操作的问题，今天查阅了许多资料，终于找到了解决方法：1.首先，需要添加一个标签，HTML代码如下：<body><span>...

2020-11-23

97浏览

0评论

js异步接口并发数量控制的方法示例

请实现如下的函数（发请求的函数可以直接使用fetch）

可以批量请求数据，所有的URL地址在urls参数中同时可以通过max参数控制请求的并发度当所有的请求结束后，需要执行call...

2020-11-22

78浏览

0评论

ES6学习教程之Promise用法详解

前言

promise用了这么多年了，一直也没有系统整理过。今天整理整理promise的相关东西，感兴趣的可以一起看一看。我尽量用更容易理解的语言来剖析一下promise

我准备分...

2020-11-22

79浏览

0评论

Vue实现购物小球抛物线的方法实例

本文介绍的是利用Vue实现购物小球抛物线的相关内容，下面话不多说了，来一起看看详细的介绍吧

css片段

.shop{ position: fixed; top: 300px; left: 40px; } .ball{...

2020-11-22

61浏览

0评论

JavaScript手写数组的常用函数总结

前言

在开发过程中，我们常常使用数组的一些 api 相关操作，其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函...

2020-11-22

190浏览

0评论

Node.js文本文件BOM头的去除方法

BOM

字节顺序标记（byte order mark），是位于码点U+FEFF的统一码字符的名称。当以UTF-16或UTF-32来将UCS/统一码字符所组成的字符串编码时，这个字符被用来标示其字节序。它常...

2020-11-22

87浏览

0评论

jquery on()怎么用

jquery on()的用法：定义和用法on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代...

2020-11-20

128浏览

0评论

Node.js中require()是如何工作的？工作原理介绍

大多数人都知道Node.js中require()函数做什么的，但是有多少人知道它的工作原理呢？我们每天使用它加载库包和模块，但是它的内部行为原理很神秘。我们追寻Node模块系统的核心: mo...

2020-11-20

74浏览

0评论

了解JavaScript中异步的处理方式

在网站开发中，异步事件是项目必然需要处理的一个环节，也因为前端框架的兴起，通过框架实现的 SPA 已经是快速建构网站的标配了，一部获取数据也就成了不可或缺的一环；本文来就讲一...

2020-11-20

86浏览

0评论

了解JavaScript中的对象原型和原型链

对象原型相信大家都这样用过 map ：let arr = [0, 1, 2]let doubleArr = arr.map(c => c * 2)console.log(doubleArr) // 0, 2, 4不知道你有没有想过， arr 本身并没有设定 map...

2020-11-20

92浏览

0评论

jquery怎么去除css样式？

jquery去除css样式1、使用attr()方法或css()去除单个css样式attr() 方法可以设置被选元素的属性和值，可以为匹配元素设置一个或多个属性/值对。想要使用attr()去除css样式，则...

2020-11-20

113浏览

0评论

jquery和document获取html元素的区别是什么？

最近通过ocx做了一个视频插件，然后将插件放到html中（想知道的可以看一下）因为我要操作这个插件，要播放，停止等，所以我需要获取这个元素，不出意外的，我就用jquery来获取，然后根本无法...

2020-11-20

75浏览

0评论

jquery可以获取父元素吗？

jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解：先举个例子，<ul class="parent1"><li><a href="#" id="item...

2020-11-20

80浏览

0评论

jquery怎么判断数组是否为空？

jquery判断数组是否为空的方法var arr = [ "xml", "html", "css", "js" ]; if(arr.length == 0){　　console.log("数组为空");}else{ console.log("数组不为空");}输出jQue...

2020-11-20

82浏览

0评论

jquery $是什么用法

jquery $的用法：1、新建一个html文件，命名为test.html，用于讲解jquery中的$符号是什么意思。2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方...

2020-11-20

66浏览

0评论

jquery点击事件失效怎么办

先放完整代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试</title><script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script><style type=...

2020-11-20

75浏览

0评论

JavaScript原型实现继承的方法介绍

在这篇文章中，我们将讨论原型以及如何在 JS 中使用它们进行继承。我们还将会看到原型方法与基于类的继承有何不同。继承继承是编程语言的一个显著特征，随着面向对象编程语言的...

2020-11-19

97浏览

0评论

react中页面如何传值

react中页面传值的方法：一、props.params官方例子使用React router定义路由时，我们可以给<Route>指定一个path，然后指定通配符可以携带参数到指定的path：首先定义路由到UserPage...

2020-11-19

热门文章