fengzhen8023

写在前面无论是做项目还是自己学习过程中，我们可能会遇到导出数据的需求，比如导出数据到Excel文件。为了方便大家的学习和开发，这里介绍一种导出数据到Excel文件的方法。方法简介我在这里使用 exceljs 包来导出数据，如果你有兴趣，可以阅读一下他们的文档：英文文档：https://github.com/exceljs/exceljs/blob/HEAD/README.md中文文档：https://github.com/exceljs/exceljs/blob/HEAD/README_zh.m

一、对象字面量var person={ name:"Tom", age:"23", gender:"boy"}特点：一次只能创建一个对象，代码不能复用，会造成代码冗余二、Object()构造函数var person=new Object();person.name="Tom";person.age=23;person.gender="...

　浏览器获取滚动条高度的方法 浏览器 API IE6/7/8 document.documentElement.scrollTop IE9及以上 window.pageYOffset 或者 document.documentElement.scrollTop Safari window.pageYOffset或者document.body.sc...

实际情形：今天在公司做一个微页的项目，涉及到在微信里面点击链接或者是扫描二维码，打开链接的时候，自动播放音乐。这个功能是非常简单的，直接在HTML页面插入如下代码即可。<audio src="1.mp3" autoplay="autoplay" controls></audio>如果使用安卓手机进行访问页面的话，是没有什么错误的，音乐能正常自动播放。...

实际情形：今天在公司做一个微页的项目，涉及到在微信里面点击链接或者是扫描二维码，打开链接的时候，自动播放音乐。这个功能是非常简单的，直接在HTML页面插入如下代码即可。<audio src="1.mp3" autoplay="autoplay" controls></audio>如果使用安卓手机进行访问页面的话，是没有什么错

js一共提供了四种对话弹框，即**alert()、confirm()、prompt()、showModalDialog()**。具体使用方法如下：1.alert()alert()向用户显示一条消息并等待用户关闭对话框。在大多数的浏览器里，alert()方法会产生阻塞，并等待用户关闭对话框。也就是说，在用户关掉它们所显示的对话框之前，它们不会返回。这就意味着在弹出一个对话框前，代码就会...

网页中的视频和音频是两个很相像的标签元素，使用js对他们的控制和处理也是非常得相似。使用js控制这两个标签元素，几乎可以使用同样的函数和事件，但是为了清晰，下面还是给出了两者的详细方法如此，也方便查阅学习。一、使用js控制网页中的音频1.在页面中引入标签如果对标签不熟悉的话，点击进行 W3school网站 进行学习。<audio src="1.mp3" id="my-bg...

skrollr.js是一款轻量级且强大的js库，关于这款js库的相关的详细教程却不多。所以这里根据国内一些大神们的笔记和skrollr官方文档进行总结，方便自己以后查阅，也方便大家学习。这里主要参考了 Shimily大神的skrollr中文教程，在这个基础上进行改进和完善。有什么不妥之处，还希望大家能够及时指出，共同修改。一、skrollr 相关地址链接：skrollr官方地址Gi...

一、问题描述今天在做移动端项目的时候，遇到这么一个需求：手指滑动屏幕可以切换页面，即实现swiper-slide之间的切换。如下图所示：这个需求是很简单的，但是在这个需求之上还要实现：使用手指滑动第二页中的图片的时候，图片上下滑动，swiper不能切换页面。即最终要做到如下效果：二、解决问题使用swiper来是现在这个需求，肯定是需要使用swiper的嵌套，即在外层的父swiper中嵌...

相信在项目中使用过swiper.js的同学会跟我一样，觉得这个软件真的很好用。首先API调用简单，其次就是他的官方文档写得非常之详细，非常容易上手。 自己在项目中使用swiper.js很长时间了，这里根据自己的一些经验和心得对swiper.js进行总结。　swiper.js官网官网地址：https://www.swiper.com.cn/官网快捷链接：Swip...

我们在做项目的时候，可能遇到制作 网页进度条加载 的需求。如果你感觉无从下手，那么你可以通过阅读这篇文章，快速掌握一款好用的JavaScript插件，来快速制作出炫酷的 网页进度条加载效果。一、关于pace.jspace.js是一款优秀的JavaScript插件，通过使用pace.js，我们可以制作出不同的网页进度条加载效果。在页面中引入Pace.js，页面就会自动监测你的...

我们在项目总经常会遇到制作手风琴效果的需求。其实实现手风琴效果不难，特别是使用jQuery来实现，就更加简单了。这里给大家分享两个手风琴效果的制作方法。一、横向手风琴图片切换效果最终的效果图：备注： 为了方便大家清晰明地阅读代码，我将一些不必要的部分去掉了，也就是每张图片下方的导航文字去掉了。想要源代码的同学可在文末获取，整个DEMO的源码在文末有下载链接。...

效果展示：编程思路：1. 首先是基础的布局，使用"子绝父相"等页面布局方法，将图片、左右按钮以及每张图片下方对应的标识小按钮安排的明明白白。2. JS中在通过点击左右按钮来切换图片时，使用三个变量分别来表示当前显示的图片序号、点击上一张按钮时候显示的图片序号、点击下一张按钮时候显示的图片序号。3. 在自动轮播的时候，通过使用定时器来改变当前显示的图片序号来控制轮播具体...

整体思路：1. 基础设置：游戏的背景是一个4*4的格子背景， 游戏中分别有2、4、8、16等不同的色块，每种色块的颜色由js脚本来控制。 2. 游戏开始： 游戏开始的时候，进行初始化操作。在4*4的格子上面，随机生成2个色块，色块的里面的数字是2或4。这里应当注意的是格子和色块不是同一个元素，即整个页面中有16个格子元素和若干个色块元素。这里要注意一下格子元素和色块元素的CSS样式布局。...

今天做完了一个项目，其中遇到了很多问题，趁着现在没有新的任务，将自己遇到的一些问题进行总结。其中第一个问题就是使用js实现页面的跳转。1.window.location.href// 将js直接写在html中<button onclick="window.location.href='https://www.baidu.com'">点击跳转

我们在做项目的时候，经常会遇到选择省市级、选择单位部门等功能，也就是我们熟悉的二级联动问题。 之前没有接触过二级联动，所以感觉二级联动会比较麻烦，实现起来很困难。但是自己写过一个二级联动之后，发现这东西真的很简单。 这里跟大家分享一下，如何使用js实现二级联动。一.基本思路既然是二级联动，我们肯定需要定义两个数组，然后通过js控制，从这两个数组中选择符合我们要求的数...

我们在项目中经常会遇到这个问题：使用js判断checkbox框是否被选中以及使用js对checkbox进行操作。 其实这些需求很简单，这里给出使用原生js和jQuery来完成这些需求。一.使用原生JavaScript判断是否选中checkbox框<input type="checkbox" id="test" class="test"&amp

好久没有使用过原生 js 中的监听方法，竟然发现有些陌生，几个方法之间的区别也有些混乱了。不过看过了API文档，又将他们之间的区别和用法理清楚了，这里进行总结。一、传统事件绑定方法我们在学习的时候，最初接触的事件绑定方式大多是传统事件绑定方法。传统事件绑定方法事例如下：window.onload=function(){ alert("页面加载完毕");}...

我们在web前端项目中经常会使用到offsetX、 clientX、pageX、screenX、 layerX、x等变量，但是有的时候有搞不清楚他们之间的区别，甚至被搞得一头雾水。 这里给大家总结了一下他们之间的区别，而且使用图片给大家清晰的展示出来。**图片是从其他大神那里字节拿过来用的，这是大神的原博客 [江波的博客](http://www.cnblogs.com/jiang...

我们在项目中可能会遇到这样的需求，控制页面滚动条的位置，来显示不同的内容。这里给出一个使用原生js来控制滚动条的方法，实现起来非常简单一、HTML代码<div id="box"> <p>1111111111111111111111</p> <p>1111111111111111111111</p>...

效果展示：具体代码：<ul id="fourth_tab"> <li> <img src="img/camera_green.png" alt="绿色相机" class="camera"