振礼硕晨_个人页

原生js——四种对话框

js获取滚动条的高度

解决win10系统下，git Bash闪退的问题

之前写过三篇关于Git和GitHub的博客,里面介绍了两者的使用方式。但是对于git工具的安装没有过多介绍。 本以为这是一件很简单的事情，但是今天有同学说git工具安装完成之后，不能使用。

下载百度云文件：不仅高速，而且便捷

在之前的一篇博客中，我曾分享过高速下载百度云文件的一款软件。但是有的同学可能会说操作过程有点复杂，有没有更便捷的下载方法。 今天就准备再写一篇博客，来分享另一款软件，来帮助我们高速便捷地下载百度云文件。

使用swiper.js创建嵌套的swiper

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

给的再多，不如懂我——Gif录制工具，这两个就够了

看到这个标题，是不是有一种标题党的感觉呢。 看其他大神们的技术博客，针对同一类工具，总是会推荐好几种软件。这无可厚非，但是我觉得没有必要。 一是各个软件的功能大体相似，而来还会让用户不知所措，出现选择困难。

js控制网页中的视频和音频

网页中的视频和音频是两个很相像的标签元素，使用js对他们的控制和处理也是非常得相似。 使用js控制这两个标签元素，几乎可以使用同样的函数和事件，但是为了清晰，下面还是给出了两者的详细方法 如此，也方便查阅学习。

js控制ios设备在微信打开网页时，自动播放音乐

实际情形： 今天在公司做一个微页的项目，涉及到在微信里面点击链接或者是扫描二维码，打开链接的时候，自动播放音乐。 这个功能是非常简单的，直接在HTML页面插入如下代码即可。

下载网易云课堂和B站的视频

我们在平时的学习中，很有可能会接触 网易云课堂 和 BIlibili 这两个很棒的网站。 有的时候我们在线观看不方便，总是想把网站里面的视频下载到电脑，然后自己闲暇时间进行学习。

正则表达式总结

创建正则表达式 1.使用RegExp()构造函数来创建 RegExp()构造函数非常有用，特别是在需要动态创建正则表达式的时候，这种情况往往没办法通过写死在代码中的正则表达式直接量来实现。

分享一波优质的B站UP主

接触B站也有一年多了吧，从一开始的若即若离到现在的难舍难分，自己渐渐被B站给征服了。 在这一年中，看到了很多的优质视频，也收藏了很多优质UP主。 这里就把自己喜欢的UP主分享出来，喜欢的话也去关注一波吧。

Git与Github的使用总结 - day 03

git常用命令总结 git配置（config）： git version # 查看版本 git config -l ...

Git与Github的使用总结 - day 02

首先我们应该了解一个知识点：即使没有Github，我们依然可以使用Git工具在本地仓库中管理我们的项目，可以完成创建分支、合并分支等功能。 所以这里我会从以下两个方面进行阐述：使用Git工具在本地创建分支、将本地的分支上传到远程仓库中 一、使用Git工具在本地创建分支 第一步：在本地创建一个仓库，并新建好一个文件（如果这一点不会做的话，可以看我之前的一篇博客 Git与Github的使用总结 - day 01） 第二步：将本地仓库中的这个文件进行提交。

Git与Github的使用总结 - day 01

Github对我们IT从业人员的重要性不言而喻，这里将自己学习Github的笔记整理出来，方便日后查询，也作为技术博客与大家一起分享。 第一步：安装Git工具。

skrollr.js中文教程

skrollr.js是一款轻量级且强大的js库，关于这款js库的相关的详细教程却不多。 所以这里根据国内一些大神们的笔记和skrollr官方文档进行总结，方便自己以后查阅，也方便大家学习。

skrollr.js英文原版文档

Please note: skrollr hasn't been under active development since about September 2014 (check out the contributions graphs on https://github.

使用css修改checkbox选择框的样式

二. 修改思路： 给原本的checkbox框加上visibility: hidden;属性，使其隐藏同时又占据原本在页面上面的位置，说直白点就是，使checkbox看不见，但是仍然占有原来的位置。

常用的meta标签总结

一、什么是标签 meta标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

抢火车票，用它就够了

每到节假日，我们都想出去走走看看。这个时候就会遇到买票难的问题。 于是朋友圈里面有很多邀请好友为自己加速抢票的链接。我用过几次，没什么作用，还是没有抢到票。

Adobe CC 2017全家桶破解

喜欢设计的同学，或者是懂一点设计的同学，再或者是知道PS的同学，大都知道一款软件叫做Photoshop，知道一家神奇的公司叫做Adobe。 我们在安装Adobe软件的时候，比如PS、PR、AE、AI等常用的软件，大都会在浏览器中打上"破解版"。

免费下载无版权高清大图，我推荐这几个网站

前几天有同学问我，有没有下载高清无版权大图的网站。 作为各种素材都有的我来说，回答当然是：有！其实这类的网站还是很多的，大部分以国外的网站为主，而且图片的质量都是非常高。

js创建对象的九种方法

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

掌握时间，文艺清新的时钟软件

不知道大家平时喜欢通过什么方式来查看时间？ 手机上面的系统时间、电脑上面的系统时间或是房间里面的钟表。 今天的跟大家分享的这两款软件，可以让你解锁查看时间的新姿势，不仅方便快捷，而且还充满着小清新感觉。

JavaScript插件——pace.js的快速掌握

我们在做项目的时候，可能遇到制作 网页进度条加载 的需求。如果你感觉无从下手，那么你可以通过阅读这篇文章，快速掌握一款好用的JavaScript插件，来快速制作出炫酷的 网页进度条加载效果。

下载好看的壁纸，这几个网站就够了

每个人都有自己喜欢的壁纸，动漫、二次元、科技等等类型。 很多人也会遇到这个情况，一张壁纸用了几个月，想换一张但是又找不到合适的壁纸，搞得自己很尴尬。 今天就给大家分享几个国内外优质的壁纸网站。

一键找到你电脑中的所有文件

今天已经很晚了，小编洗完了澡，放弃和女票你侬我侬聊天的机会，给大家写这篇分享推文，有没有被感动到呢？ 好了不扯了，今天跟大家分享的是一款 搜索神器 。用过的小伙伴们肯定会赞不绝口，没有用过的小伙伴们肯定会被它极致的速度惊讶到。

一键去水印，这款软件就够了

很多时候，我们会在网站上面找到自己喜欢的图片，有时这样图片会带各种各样的水印，或是网站的LOGO，或是公众号的名称等，让我们看上去很不爽。 这个时候我们就需要手动将水印去除，一些大佬熟练使用Photoshop，可以很容易去除水印。

小小工具箱，几乎满足各种办公需求

我们在学习或者工作的过程中，难免会跟各种格式的文件打交道，或是文件的编辑，或是文件之间格式的相互转换。 特别是PDF文件和Word等文件之间的转换，更是我们经常遇到的。

CSS圣杯布局和双飞翼布局

一、圣杯布局 圣杯布局简介： 圣杯布局将页面分为 左 中 右 三部分，中间部分的宽度可以随着浏览器宽度的变化而变化，左右两边部分定宽，不会变化。 圣杯布局实现起来很简单，主要是用到了 float、position、margin-left 等属性。

jQuery实现手风琴效果

我们在项目总经常会遇到制作手风琴效果的需求。其实实现手风琴效果不难，特别是使用jQuery来实现，就更加简单了。这里给大家分享两个手风琴效果的制作方法。

使用js控制滚动条的位置

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

js中event对象的offsetX、 clientX、pageX、screenX、 layerX、x之间的区别

我们在web前端项目中经常会使用到offsetX、 clientX、pageX、screenX、 layerX、x等变量，但是有的时候有搞不清楚他们之间的区别，甚至被搞得一头雾水。

JavaScript正则表达式元字符总结

原生js中的事件监听方法

好久没有使用过原生 js 中的监听方法，竟然发现有些陌生，几个方法之间的区别也有些混乱了。不过看过了API文档，又将他们之间的区别和用法理清楚了，这里进行总结。

使用js操作checkbox

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

使用js实现二级联动表

我们在做项目的时候，经常会遇到选择省市级、选择单位部门等功能，也就是我们熟悉的二级联动问题。 之前没有接触过二级联动，所以感觉二级联动会比较麻烦，实现起来很困难。

PC端页面适应不同的分辨率的方法

上周完成一个PC端的项目，对于我这样的小白来说，这个项目里面最大的问题就是，如何做到让HTML页面适应电脑的不同分辨率。 通过师傅的指导和自己查阅资料，最终成功适配不同的分辨率，完成了这个项目。

使用rem.js快速进行移动端适配

最近在做移动端的微站项目，既然是移动端，那么一个不可忽视的话题就是不同设备之间的适配。 目前市场上有各种品牌的手机，不同手机的屏幕分辨率不同，这就要求我们前端开发人员在做移动端项目的时候，一定要注意手机适配问题。

使用js完成页面跳转

今天做完了一个项目，其中遇到了很多问题，趁着现在没有新的任务，将自己遇到的一些问题进行总结。其中第一个问题就是使用js实现页面的跳转。 1.window.

jQuery实现2048游戏

整体思路： 1. 基础设置：游戏的背景是一个4*4的格子背景， 游戏中分别有2、4、8、16等不同的色块，每种色块的颜色由js脚本来控制。 游戏界面 2. 游戏开始： 游戏开始的时候，进行初始化操作。

img垂直水平居中与div

方法一： 效果 1.HTML代码 2.CSS代码 div{ width: 400px; height: 300px; margin: 0 auto; background-color: #66...

jQuery擦除插件eraser

eraser插件简介： jQuery.eraser 是一个基于 jQuery 的插件，它的效果类似于橡皮擦，按住鼠标不放，在图片上面来回移动，上面灰色的图片就会被擦出，显示出下面彩色的图片。

jQuery案例demo -- 鼠标移入显示蒙版

效果展示 效果展示.png HTML代码： 摄影小白成长记 The best preparation for tomorrow is doing your best today.