在前端开发中我们几乎不需要获取img的原始尺寸，因为只要你不刻意设置图片的宽高它都会按照最佳比例渲染。但是在微信小程序开发时，它的image标签有一个默认高度，这样你的图片很可能出现被压缩变形的情况，所以就需要获取到图片的原始尺寸对image的宽高设置。

JavaScript 的代码是运行在单线程上的，也就是说同一时刻只能有一个操作被执行。这样的好处是不用考虑并发问题，只需关注写得代码不要阻塞线程。通常情况，大多数浏览器当你打开一个tab就会开启一个Event Loop，而且每个网页之间是隔绝的，可以避免出现阻塞线程时导致整个浏览器卡死。

程序需要执行的操作都会被放入Call Stack(A LIFO (Last In, First Out) Stack)，先进后出的数据结构。

本文介绍一下如何使用js获取指定时间对应月份的天数。获取当前月份天数我测试的时间是2022-09-01： {代码...} 假如要获取2022-02的天数： {代码...} 注意：new Date()接收的第三个参数是0，第二个参数是人类意识中的月份（因为date.getMonth()得到的值比想象中的小1）补充月份是从0开始计算的： {代码...} 获取指定日期 ...

把 33546001秒 格式化为 1年23天6小时20分1秒这种易读格式。 {代码...} 如果时分秒不足10需要补0，就是下边这样： {代码...} 有时我们还需要格式化过去的某个时间点，距离现在已经过去多久，如下：把文章或者评论的 发布时间 转换成，刚刚，10分钟前....可以参考下面这篇文章格式化发布时间

大文件上传会消耗大量的时间，而且中途有可能上传失败。这时我们需要前端和后端配合来解决这个问题。解决步骤：文件分片，减少每次请求消耗的时间通知服务端合并文件分片控制并发的请求数量，避免浏览器内存溢出当因为网络或者其他原因导致某次的请求失败，我们重新发送请求断点续传文件的分片与合并在JavaScript中，FIl...

一般情况下我们只是给dom元素绑定相关事件，等待用户触发。但是最近遇到一个情况，需要使用js手动触发元素的click事件，来看下具体情况。起因是一个上传组件选择图片后上传后，鼠标悬浮到上面是下面的样式：图片展示用的是element ui的大图预览组件：现在遇到的问题就是，上边覆盖了一个蒙层，点击小眼睛图标无法触发大...

获取数组最后一个元素是经常遇到的场景，想必你也有自己常用的方法。也许有那么一刻你和我一样在想："怎样获取才算得上优雅呢？"。假设我们有下面这个数组： {代码...} 看下都有哪些方法可以获取到数组的最后一个元素，看看哪个是你常用的。借助length {代码...} arr.slice() {代码...} arr.pop() {代码...} 上面的方法...

今天看到一个很有意思的API，可以用js操作浏览器进入全屏状态。requestFullscreen {代码...} {代码...} 在线体验

把一个函数作为参数，或者把一个函数作为返回值，这样的结构成为”高阶函数“。JavaScript的参数值类型的参数 {代码...} 回调函数类型参数在JavaScript中function可以当做参数传入function中： {代码...} 高阶函数（Higher-Order Functions）当一个function被当做参数传入一个函数，或者被当做函数的返回，这种结构就被称...

在传统的网页开发时无需过多考虑内存管理，通常也不会产生严重的后果。因为当用户点击链接打开新页面或者刷新页面，页面内的信息就会从内存中清理掉。

在 JavaScript 中闭包描述的是 function 中 外层作用域的变量 被内层作用域 引用的场景，闭包的结构为 内层作用域 保存了 外层作用域的变量。

最近有个小需求，点击页面上的复制链接按钮，把当前页面的地址复制到剪贴板，方便粘贴到其他地方分享。是否有现成的库？当然有了，比如clipboardjs，体积小，而且可以灵活的引入到项目中。不过，如果你和我一样对这个功能的实现很好奇，可以接着向下看，其实也很简单。JS复制内容到剪贴板的实现如果在百度中这样搜索，得...

最近有个需求，把文章或者评论的发布时间转换成，刚刚，10分钟前....，这种表示方式，如下：JavaScript格式化时间 {代码...} 通过上面的方法，初步实现了。但是感觉还是units处理过于死板，后续需要参考其他网站做下优化。改进上边的units我们其实可以把'秒前'改为'刚刚'，即小于1分钟的表示为刚刚，而大于一天的直接展...

JavaScript 是轻量的，解释型的，面向对象的编程语言，最为人熟知的就是它是网页开发脚本语言。自从Node.js出现，使得它能够胜任后端开发。如果你想学习一门编程语言又不知从何入手，那选择JS是一个不错的选择。

我们在业务开发过程中，经常会重复用到数据类型校验，日期格式化、数据加密、随机数生成、节流函数等工具方法，这些工具类函数，适当封装整理方便拿来就用，可以提高开发效率。

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。怎么就算跨域了？当一个资源从与该资源本身所在的服务器不同的域或端口不同的域或不同的端口请求一个资源时，资源会发起一个跨域 HTTP 请求。比如，...

"use strict"; 顾名思义也就是 JavaScript 会在所谓严格模式下执行，其一个主要的优势在于能够强制开发者避免使用未声明的变量。对于老版本的浏览器或者执行引擎则会自动忽略该指令。

WebSocket是一种协议，有了它就可以在TCP协议的基础上在浏览器和服务器之间建立起了一种全双工的通道，它完全兼容HTTP协议，有了它使得Web应用程序可以在浏览器和服务器之间进行实时的交互，现在主流浏览器都支持这种协议。

随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。网页越来越像桌面程序，需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法，管理网页的业务逻辑。Javascript模块化编程，已经成为一个迫切的需求。

计算机领域的都多少掌握一点算法知识，其中排序算法是《数据结构与算法》中最基本的算法之一。排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、...

最近尝试了一下用JS实现动画效果，原理是通过改变元素background-position属性进而实现图片的动画效果Demo图片素材：代码如下： {代码...}