唐立彤的博客

export const WaterMark = (settings) => { //默认设置 let defaultSettings = { watermark_txt: "text", watermark_x: 20,//水印起始位置x轴坐标 watermark_y: 20,//水印起始位置Y轴坐标 watermark_rows: 20,//水印行数 watermark_cols: 20,//水印列数.

1分钟内显示刚刚 , 1小时内显示xx分钟前 , 今日的显示时分 , 昨天显示昨天+时分 , 一年内显示月日时分 , 一年外显示年月日 .注 : 传入时间戳为毫秒 ,可根据需求自己进行改 ,具体代码看下面 $(document).ready(function() { //时间戳转换日期 (yyyy-MM-dd HH:mm:ss) function formatDateT

由于 FetchAPI 是基于 Promise 设计，有必要先学习一下 Promise语法说明fetch(url, options).then(function(response) { // handle HTTP response}, function(error) { // handle network error})具体参数案例：//兼容包r

在管理 setTimeout & setInterval 这两个 APIs 时，笔者通常会在顶级（全局）作用域创建一个叫 timer 的对象，在它下面有两个数组成员 —— {sto, siv}，用它们来分别存储需要管理的 setTimeoutID / setIntervalID。如下：var timer = {  sto: [],  siv: []

max为个数.<script type="text/javascript"> function fib(max) { var t, a = 0, b = 1, arr = [0, 1]; while (arr.length < max) { [a, b] = [b, a + b...

闰年条件:能被4整除却不能被100整除的年份。世纪年份能被400整除的是闰年. 请输入年份: 计算 var nianfenVal = document.getElementById("nianfen"); var tijiaoVal = document.getElementById("tijiao"); tijiaoVal.onclick = function(

用户输入一个三位数，弹出各个数位的和。比如：用户输入155，就弹出11用户输入316，就弹出10用户输入989，就弹出26用户输入678，就弹出21 var a = prompt("请输入一个三位数数字,来计算数位相加的和",""); //获取个位上的数字 var b = a%10; //获取十位上的数字 var c = parseInt((a%100)/10);

//获取当前日期 var a =new Date(); var b =prompt("请输入天数,来计算度过这些天为星期几","0"); //获取星期几,0代表星期天 var c = a.getDay(); //获取从星期一到输入天数那天为星期几 var d = Math.floor(b%7); //今天的星期数加上输入那天的星期数除以7,从余数中得从今天起到那天的真实星期数 va

Promise 必须为以下三种状态之一：等待态（Pending）、执行态（Fulfilled）和拒绝态（Rejected）。一旦Promise 被 resolve 或 reject，不能再迁移至其他任何状态（即状态 immutable）。基本过程： 初始化 Promise 状态（pending） 执行 then(..) 注册回调处理数组（then 方法可被同一个 promise...

前言本文主要从应用来讲数组api的一些骚操作，如一行代码扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。上面这些应用场景你可以用一行代码实现吗？1.扁平化n维数组1.终极篇[1, [2, 3]].flat(2) //[1,2,3][1, [2, 3, [4, 5]].flat(3) //[1,2,3,4,5][1[2, 3, [4, 5[....

1、对多个条件使用 Array.includes让我们看看下面的例子：// conditionfunction test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); }}乍一看，上面的例子看起来不错。然而，如果还有更多红颜色的水果需要判断呢，比如樱桃和小...

如果说用js来写瀑布流或者其他效果很麻烦，那么jQuery明显就是有了光明大道。下面来看一下使用jQuery如何完成的1.HTML代码：

我们要先从简单工厂模式说起1.简单工厂模式工厂模式是软件工程领域一种广为人知的设计模式，这种模式抽象了创建对象的过程。当然，我们本节课只做简单了解function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job;

十大经典算法一张图概括：名词解释：n:数据规模k:“桶”的个数In-place:占用常数内存，不占用额外内存Out-place:占用额外内存稳定性:排序后2个相等键值的顺序和排序之前它们的顺序相同冒泡排序作为最简单的排序算法之一，冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样，每次都在第一页第一位，所以最

传统的 Web 页面不会包含很多脚本，至少不会太影响 Web 页面的性能。然而，Web 页面变得越来越像应用程序，脚本对其的影响也越来越大。随着越来越多的应用采用 Web 技术开发，脚本性能的提升就变得越来越重要。桌面应用程序通常是用编译器将源代码转换为最终的二进制。编译器在生成最终的应用程序时，可以花费时间，尽可能地对性能进行优化。Web 应用程序就不能这么奢侈了。因为它

apply、call在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。先来一个栗子：

上下文与作用域的关系很多人弄不清除，原因当然是既不了解上下文，也不了解作用域——我是说，几乎没有人明白上下文是什么而不明白作用域是什么，反之亦然。上下文（context）和作用域（scope）都是编译原理的知识，具体编程语言有具体的实现规则，本文关注 JavaScript 语言的实现。首先需要关注的是，这两个概念的关系非常密切，所以先了解它们的关系，有助于理解它们到底是什么。

JavaScript 中的 this 指向问题有很多博客在解释，仍然有很多人问。上周我们的开发团队连续两个人遇到相关问题，所以我不得不将关于前端构建技术的交流会延长了半个时候讨论 this 的问题。与我们常见的很多语言不同，JavaScript 函数中的 this 指向并不是在函数定义的时候确定的，而是在调用的时候确定的。换句话说，函数的调用方式决定了 this 指向。

概述某些语言，比如C有低级的原生内存管理原语，像malloc()和free()。开发人员使用这些原语可以显式分配和释放操作系统的内存。相对地，JavaScript会在创建变量（对象、字符串）时自动分配内存，并在这些变量不被使用时自动释放内存，这个过程被称为垃圾回收。这个“自动”释放资源的特性带来了很多困惑，让JavaScript（和其他高级级语言）开发者误以

Anagrams of string（带有重复项）使用递归。对于给定字符串中的每个字母，为字母创建字谜。使用map（）将字母与每部分字谜组合，然后使用reduce（）将所有字谜组合到一个数组中，最基本情况是字符串长度等于2或1。const anagrams = str => {  if (str.length   return str