lavendersue的博客

下载文件可以直接通过a标签的href属性直接下载，也可以通过Blob对象转换为文件流进行下载。如果要对大数据量或者需要分片下载、上传等操作，可以考虑Blob对象。同事Blob对象可以对下载过程进行额外操作（拦截等操作），这是a标签直接下载做不到的。1、a标签下载文件const downloadFileA = document.createElement('a')document.body.append(downloadFileA)downloadFileA.href=`https://xxx`do

1.箭头函数①普通函数function fn(){}② 箭头函数当函数没有参数时，（）不能省略当函数只有一个参数，且函数体是一句代码，且是返回语句参数的（）可省略、函数体 {} 可省略、return可省略、中间使用 => 连接若函数体只有一句，且不是return 语句， 不能省略 {}若函数体有多条语句，不能省略 {}若函数有多个参数，不能省略()若函数的返回值为对象，...

带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是 iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大 家几种iframe动态调整高度的方法。1、<iframe width="778" align="center" height="200" id=...

随着技术的不断发展，如今HTML已经发展到了H5，HTML5新增的标签使得开发人员节省了很多代码量、工作量。虽然目前，很多浏览完还未完全兼容适应H5，但现在，几乎每人人手一部手机或是Ipad，而HTML5也广泛的适用于移动端的开发中。且至今，手机不断的升级更新，更为的广泛使用，HTML5也必定会在市场占据重要的位置。因此，学习掌握HTML5是非常必要的。

计算机专业的人士应该都知道，无论是C语言、C++、C#、Java、.NET等中的开发中都离不开字符串(String类型),在web前端开发中，字符串也具有着重要的作用，因此，今天的学习内容为：关于字符串。

若有人问我正则表达式是什么，定义我也不太清楚，若要用平白的话来解释我也不太清楚，但我知道它的用途以及用法，作为一名较为合格的程序员还是明白的，开玩笑的。正则表达式：用来记录文本规则的代码，为输入的内容定义规则，接下来，我们来看看它的用法。 （1）正则表达式的声明： 1、构造函数:var exp=new RegExp(/表达式/); 2、直接量:var exp=/表...

canvas是h5的标签，该标签定义图形，比如图表和其他图像。该标签是行级元素。标签只是图形容器，必须使用脚本来绘制图形。canvas标签是h5新增的标签，对于很多浏览器都具有兼容性，虽然具有兼容性，但通过canvas标签可以制作许多图形和好看的图表、图像以及一些动画效果，甚至可以只使用canvas标签来制作一款小游戏。在说canvas之前先说一说面向对象中的自定义事件。 我们都知道，无论是面向...

随着时代的发展，技术的进步，目前火狐、谷歌等浏览器为主流浏览器，IE逐渐淡出人们的视野。但，前端人员依旧不可忽略浏览器的兼容问题。有时，我们还需要进行浏览器的判断，况且，如今微信的普遍使用，加上微信与QQ的方方面面都不大相同，android移动设备与IOS移动设备更是天差地别，故而，浏览器的判断以及移东设备等的判断也随之出现。 在刚刚结束的项目中，小编便遇到了需要进行浏览器以及判断是在微信浏览器...

格式化时间：function formatDateTime(timeStamp){ var date = new Date(timeStamp); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d...

Ajax(Asynchronous Javascript And XML)是做一个请求，同时利用JS的一个内置对象XHR来实现，因此，Ajax和Jquery一样，并不是一门新的语言。只是通过Ajax,可以从服务器请求数据，将数据动态的渲染到页面上。说到服务器，在学习Ajax之前就要了解一下，服务器和客户端是什么。 服务器：互联网上的某台计算机。

在web开发过程中，有些时候任务重，事情多，很多动画效果大多不会再自己来实现，大部分都会使用自己曾经已经做好的动画效果。而为了使用起来快捷，大多都会将动画效果封装为函数，想要动画效果时便调用该动画效果的封装函数，在函数中传入相关参数就可以。因此，在这里为大家提供一些函数的封装。 一、获取DOM方法。由于通过类名获取DOM元素属于HTML5，因此具有兼容性，若想要兼容，则可以调用该方法。

严格来说，JQuery并不是一门新的语言，它和JS类似，只是它相对于JS而言，代码量缩小，JS有些属性或方法浏览器不兼容的，JQuery可以解决兼容问题。若想要减少代码量、工作量，学习JQuery是较为重要的，自然，要想学好某项知识就必须先打好基础，这样才可以更好的深入学习。

1、文本框只能输入数字(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />2、只能输入数字,能输小数点①方式一：<input onkeyup="if(isNaN(value))...

对于数据库来说，具有增删改查功能，在web前端开发，对于dom元素亦存在增删改查功能。

在网页中浏览，我们都可以看到倒计时、时间、数字，特别是在电商网页。在web前端开发中，倒计时、时间以及小数等都离不开Math和Date对象，且从这两个单词中便可看出两者的作用，Math想到的便是数学方面，而Date故名思议便是世时间。因此，今日，我们来看一看这两个对象皆有什么用途。 一、Math对象 （1）求a的b次方：Math.pow(a,b): （2）求0-1之间的随机数:

如今，由于有些页面排版或实现对于android、ios开发人员而言实在麻烦与复杂，实现需要的时间成本太高，导致很多App里都内置了Web网页，app中嵌入Web网页便免不了涉及到Android客户端、IOS客户端与Web网页交互。小编最近就遇到了这个问题，也找到了相应的解决方法，在此和大家分享一下，但小编只接触了js调用android客户端和ios客户端原生方法，故而只介绍js调用android客...

作为一个中国人，总会在某个瞬间觉得中文是那样的美，中华文化是那样的博大精深。当书写数字时，都不忘了使用中文式的数字，比如写单据，章节名时，写上中文数字显得高大上一些。在这里，就和大家分享一下，如何通过js进行阿拉伯数字与中文数字的转化。 代码奉上：function toChinesNum（num）{ let changeNum = ['零', '一', '二', '三', '四', ...

如今，越来愈多的页面动效都依赖于动效插件，插件的封装和使用，大大减少了前端人员实现动效的时间和经历，提高了效率。如今，页面中使用到的大多都是常见的动效，有些动效，由于不常用，只有在特定的页面才会使用到，比如抽奖效果等。因此，在此和大家分享两个动效，第一个是向上的轮播，只是，这一个轮播和图片轮播不同，是类似公告栏的轮播。这样的轮播，当每一行的背景颜色相同时的实现很容易，但如果是隔行变色的布局，会由于...

如今，无论是App亦或是PC，当存在复制操作时，相信每一个都不会自己动手进行输入。而，复制成功之后，如何将其复制在剪切板中，我们粘贴就可以。这个问题，如果不是今天存在这样的需求，估计小编自己都不会想到这么一个东西。虽然简单，但还是想贴出来，和大家分享下。代码献上：html:&amp;lt;body style=&quot;font-size: 16px;&quot;&amp;gt; &amp;lt;div class=&quot;ma...

在之前小编已经和大家介绍了一些常用的js动画效果，在此，和大家介绍一种可能不太常用的动画效果。该动画效果与文字相关，且，虽然不常用，但几乎每个人都见过它。相信大家都使用酷狗音乐或是网易云音乐进行音乐的搜索，听鉴，那么久一定会看到歌词页面中，歌词滚动的效果。此动画效果与其相同，但相对于这些音乐歌词效果而言又有些不同，增加了文字竖直排列并且滚动的效果。 在介绍之前，先和大家一起了解一些文字垂直排列的...

为什么会存在预加载方式呢？首先，先抛出一个问题。当我们玩儿游戏时，为什么在点击开始或是在打开游戏界面时，总是会有个loading出现。这是在进行数据的加载。在开始，服务方便进行了某些数据的加载，为了使用户在使用时不会太因为网络不稳定的缘故而无法进行游戏的顺畅使用，优化了用户的体验。预加载的数据大多为游戏一开始时就使用到的数据，不会太巨大，所以，用户的等待时间也不会太久，相对于开始游戏的卡顿而言，相...

记得之前和大家分享过关于使用媒体查询来解决移动设备的适配问题。作为一名前端人员，当遇到需要做移动设备的时候，再加上要使用媒体查询进行移动端适配的前提下，我相信这时候的你是崩溃的。对于小编来说，最不想做的部分便是解决适配问题，使用媒体查询进行移动设备的设备是最最基本想法，但使用媒体查询，很多时候，宽度的范围，以及在相同宽度下不同高度的设备等等条件都需要考虑，有些时候经常会产生媒体查询之间的冲突，且，...

Cookies现在经常被大家提到，那么到底什么是Cookies，它有什么作用呢？Cookies是数据包，可以让网页具有记忆功能，在某台电脑上记忆一定的信息。Cookies的工作原理是，第一次由服务器端写入到客户端的系统中。以后每次访问这个网页，都是先由客户端将Cookies发送到服务器端，再由服务器端进行判断，然后再产生HTML代码返回给客户端。通过这个原理服务器就可以根据不同用户产生不同cook...

作为一名前端开发人员，想要的大多都是，在开发过程中，看着自己制作的动画的炫酷以及困难的解决；开发结束后，自己的项目、成果可以被他人认可接受。人们浏览网页时，若一个网页动画效果丰富炫酷，性能良好，体验度良好，自然会受到吸引去打来浏览。吸引用户，自然少不了网页的布局优美、色彩搭配的恰当，更重要的是其中吸引人的炫酷动画效果。

前言就不多说了，还是直接进入正题吧。今天的内容看上去很多，但实际上很多内容都大相径庭。

JavaScript（以下简称为JS）在web前端开发中的重要性在每一位开发人员的心中应该都十分的清楚。在网页的特效方面，JS起到重要的作用，虽然在网络中，JQuery插件可以说是一抓一大把，但JQ插件的制作完成亦是通过JS来实现的。想要制作出炫酷的特效动画效果不是一朝一夕便可完成的，需要有坚实的基础来支撑。今天，我们就来学一学JS入门基础。 一、关于内容的输出打印 1、window.

今天为大家带来新的知识，补充新鲜的血液，对身体好。 首先，和大家说一说hover.hover是鼠标划过时触发的样式，可以运用在多个标签。首先使用最多的是a标签即锚点，语法：a:hover，以下举个例子为大家讲解一下，代码如下：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF...