微信小程序对图片进行canvas压缩的方法示例详解
微信小程序其实自带一个图片压缩的API wx.compressImage，但是这玩意目前感受就是个垃圾。IOS大多数情况下据说还可以，安卓有的时候降低质量压缩后体积反而变大，而且没办法控制...
2020-11-24
如何基于viewport vm适配移动端页面
前言
作为一个小前端，经常要和H5打交道，这就面临着不同终端的适配问题。
Flexible方案通过Hack手段来根据设备的dpr值相应改变<meta>标签中viewport的值，给我更贴切的体会就是...
2020-11-24
Flexible.js可伸缩布局实现方法详解
阿里团队开源的一个库。flexible.js，主要是实现在各种不同的移动端界面实现一稿搞定所有的设备兼容自适应问题。实现方法：
通过JS来调整html的字体大小，而在页面中的制作稿则统...
2020-11-24
PHP 502bad gateway原因及解决方案
nginx+php 出现502 bad gateway，一般这都不是nginx的问题，而是由于 fastcgi或者php的问题导致的，常见的有以下几种。1. php.ini 的memory_limit 过小（如果有个别php程序进程需要...
2020-11-24
小程序实现tab标签页
本文实例为大家分享了小程序实现tab标签页的具体代码，供大家参考，具体内容如下页面效果：HTML：<view wx:if="{{userType==0}}" style="height:100%"> <view class="tab_box" styl...
2020-11-24
微信小程序实现滚动Tab选项卡
本文实例为大家分享了微信小程序实现滚动Tab选项卡的具体代码，供大家参考，具体内容如下最终效果如上。问题：1、tab标题总共8个，所以一屏无法全部显示。
2、tab内容区左右滑动切...
2020-11-24
小程序实现点击tab切换左右滑动
本文实例为大家分享了小程序实现点击tab切换左右滑动的具体代码，供大家参考，具体内容如下wxml<scroll-view scroll-x="true" class="navbar-box"> <block wx:for="{{recordMai...
2020-11-24
小程序实现上下切换位置
本文实例为大家分享了小程序实现上下切换位置的具体代码，供大家参考，具体内容如下小程序上下切换位置wxml<view wx:for="{{companyData}}" wx:key="index" class="overHiden">...
2020-11-24
小程序自定义弹框效果
本文实例为大家分享了小程序自定义弹框效果的具体代码，供大家参考，具体内容如下wxml<!--button--><view class="btn" bindtap="powerDrawer" data-statu="open">来点我呀</vie...
2020-11-24
小程序实现密码输入框
本文实例为大家分享了小程序实现密码输入框的具体代码，供大家参考，具体内容如下小程序密码输入框wxml<view class="Toptitle">请设置支付密码并妥善保管</view><form bindsubm...
2020-11-24
微信小程序自定义底部弹出框动画
微信小程序之自定义底部弹出框动画，供大家参考，具体内容如下最近做小程序时，会经常用到各种弹框。直接做显示和隐藏虽然也能达到效果，但是体验性太差，也比较简单粗暴。想要美美地...
2020-11-24
js实现纯前端压缩图片
本文实例为大家分享了js实现纯前端压缩图片的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...
2020-11-24
微信小程序实现页面左右滑动
本文实例为大家分享了微信小程序实现页面左右滑动的具体代码，供大家参考，具体内容如下效果：wxml文件<view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="...
2020-11-24
详解JavaScript执行模型
JavaScript执行模型
引言JavaScript是一个单线程（Single-threaded）异步（Asynchronous）非阻塞（Non-blocking）并发（Concurrent）语言，这些语言效果通过一个调用栈（Call Stack）、一个事件循...
2020-11-24
详解JavaScript原型与原型链
正如一些面向对象语言中所实现的那样，在JavaScript中我们有时也需要创建一个拥有公共函数与属性的类作为父类来减少代码重复、实现类型检查与实现更加清晰地代码结构。在Java...
2020-11-24
JavaScript枚举选择jquery插件代码实例
某次做项目要实现一个功能：按星期选择一个连续的时间范围 比如：周一到周五，周六到周日 或 周六到周三聪明的朋友马上想出办法：用两个选项为周一到周日的下拉列表实现，对 那样可以...
2020-11-24
小程序自定义圆形进度条
本文实例为大家分享了小程序自定义圆形进度条的具体代码，供大家参考，具体内容如下circle.wxss:page { width: 100%; height: 100%; background-color: #fff;} .circle-box { t...
2020-11-24
解决js中的setInterval清空定时器不管用问题
使用场景：我在函数A中调用定时器函数，定时器是单独写的一个函数原因：页面加载时我调用了1次函数A，然后又单独调用了一次定时器函数，导致调用了2次setInterval()，导致有setInterval...
2020-11-24
jquery怎么输出数组的值？
该方法适用于所有品牌的电脑。在jquery中，可以使用$.each()方法来循环数组元素，实现输出全部数组元素。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>...
2020-11-23
javascript中const和Object.freeze()的差异
这篇文章介绍了使用const和Object.freeze()在 JS中定义常量和配置值一些做法，以及它们之间的区别。当我们在 JS 应用程序中定义常量和配置值时。它们应具有以下特点: 跨应用...
2020-11-23
jQuery如何获取文字的宽度？方法介绍
获取字符串的长度很简单，但是如何获取一个字符串的字体宽度却是一个不太好操作的问题，今天查阅了许多资料，终于找到了解决方法：1.首先，需要添加一个标签，HTML代码如下：<body><span>...
2020-11-23
js异步接口并发数量控制的方法示例
请实现如下的函数（发请求的函数可以直接使用fetch）
可以批量请求数据，所有的URL地址在urls参数中 同时可以通过max参数 控制请求的并发度 当所有的请求结束后，需要执行call...
2020-11-22
ES6学习教程之Promise用法详解
前言
promise用了这么多年了，一直也没有系统整理过。今天整理整理promise的相关东西，感兴趣的可以一起看一看。我尽量用更容易理解的语言来剖析一下promise
我准备分...
2020-11-22
Vue实现购物小球抛物线的方法实例
本文介绍的是利用Vue实现购物小球抛物线的相关内容，下面话不多说了，来一起看看详细的介绍吧
css片段
.shop{ position: fixed; top: 300px; left: 40px; } .ball{...
2020-11-22
JavaScript手写数组的常用函数总结
前言
在开发过程中，我们常常使用数组的一些 api 相关操作，其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函...
2020-11-22
Node.js文本文件BOM头的去除方法
BOM
字节顺序标记（byte order mark），是位于码点U+FEFF的统一码字符的名称。当以UTF-16或UTF-32来将UCS/统一码字符所组成的字符串编码时，这个字符被用来标示其字节序。它常...
2020-11-22
jquery on()怎么用
jquery on()的用法：定义和用法on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代...
2020-11-20
Node.js中require()是如何工作的？工作原理介绍
大多数人都知道Node.js中require()函数做什么的，但是有多少人知道它的工作原理呢？我们每天使用它加载库包和模块，但是它的内部行为原理很神秘。我们追寻Node模块系统的核心: mo...
2020-11-20
了解JavaScript中异步的处理方式
在网站开发中，异步事件是项目必然需要处理的一个环节，也因为前端框架的兴起，通过框架实现的 SPA 已经是快速建构网站的标配了，一部获取数据也就成了不可或缺的一环；本文来就讲一...
2020-11-20
了解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
jquery怎么去除css样式？
jquery去除css样式1、使用attr()方法或css()去除单个css样式attr() 方法可以设置被选元素的属性和值，可以为匹配元素设置一个或多个属性/值对。想要使用attr()去除css样式，则...
2020-11-20
jquery和document获取html元素的区别是什么？
最近通过ocx做了一个视频插件，然后将插件放到html中（想知道的可以看一下）因为我要操作这个插件，要播放，停止等，所以我需要获取这个元素，不出意外的，我就用jquery来获取，然后根本无法...
2020-11-20
jquery可以获取父元素吗？
jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都能帮你实现查找父元素或节点，下面我们来一一讲解：先举个例子，<ul class="parent1"><li><a href="#" id="item...
2020-11-20
jquery怎么判断数组是否为空？
jquery判断数组是否为空的方法var arr = [ "xml", "html", "css", "js" ]; if(arr.length == 0){ console.log("数组为空");}else{ console.log("数组不为空");}输出jQue...
2020-11-20
jquery $是什么用法
jquery $的用法：1、新建一个html文件，命名为test.html，用于讲解jquery中的$符号是什么意思。2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方...
2020-11-20
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
JavaScript原型实现继承的方法介绍
在这篇文章中，我们将讨论原型以及如何在 JS 中使用它们进行继承。我们还将会看到原型方法与基于类的继承有何不同。继承继承是编程语言的一个显著特征，随着面向对象编程语言的...
2020-11-19
react中页面如何传值
react中页面传值的方法：一、props.params官方例子使用React router定义路由时，我们可以给<Route>指定一个path，然后指定通配符可以携带参数到指定的path：首先定义路由到UserPage...
2020-11-19
详解JavaScript中async/await的使用方法
ES8 引入的 async/await 在 JavaScript 的异步编程中是一个极好的改进。它提供了使用同步样式代码异步访问 resoruces 的方式，而不会阻塞主线程。然而，它们也存在一些坑及问题...
2020-11-19
react中图片怎么引用
react中引用图片的方法：通常的方法是<img src="路径"></img>但是在React中这样会报错正确的方法应该是使用require方法<img src={require( “路径”)}></img>...
2020-11-19
了解Node.js中的Stream
对于大部分有后端经验的的同学来说 Stream 对象是个再合理而常见的对象，但对于前端同学 Stream 并不是那么理所当然，github 上甚至有一篇 9000 多 Star 的文章介绍到底什么是...
2020-11-19
node使用iconv-lite对“gbk”格式进行转码
在window中，gbk和utf-8是最常见的两种格式，但是我们在显示的时候往往需要将GBK转换为UTF-8，我现在有一个同步读取文件的操作：const fs = require('fs');const path = re...
2020-11-19
浅谈jquery中将类数组对象转换为数组对象的方法
类数组对象的定义：所谓"类数组对象"就是一个常规的Object对象，如$("p")但它和数组对象非常相似：具备length属性，并以0、1、2、3……等数字作为属性名。不过它毕竟不...
2020-11-19
javascript提高前端代码强大的一些方法，很好！
在过去的开发经历中处理了各种奇葩BUG，认识到代码健壮性（鲁棒性）是提高工作效率、生活质量的一个重要指标，本文主要整理了提高代码健壮性的一些思考。之前整理过关于代码健壮性...
2020-11-19
用jquery如何获取类名
用jquery获取类名的方法：1、新建一个html文件，命名为test.html，用于讲解jQuery怎么获取类名。2、在test.html文件内，使用div标签创建一行文字，用于测试。3、在test.html文件内，给d...
2020-11-19
jquery如何获取元素标签
html代码如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.2.1.js"></script></head><body> <p id...
2020-11-19
jquery如何增加标签属性
jquery增加标签属性的方法：1、新建一个html文件，命名为test.html，用于讲解jquery怎么给标签添加属性。2、在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jqu...
2020-11-19
jquery如何控制a标签不可点击
jquery控制a标签不可点击的方法：jquery禁用a标签方法1$(document).ready(function () { $("a").each(function () { var textValue = $(this).html();...
2020-11-19
jquery怎么判断节点是否存在？
jquery 判断节点是否存在jqueryif ($("#map").length > 0) { console.log("true"); } else { console.log("false"); }补：jsif (document.getElementByI...
2020-11-19
jquery如何判断是否有子元素
jquery判断是否有子元素的方法：一、判断特定子元素是否存在if ($( "#specialId:has(img)" ).length==0) { // 一级子元素 // 没有img子标记} else { // 有img子标记...
2020-11-19
