【收藏】轻松导出全民K歌里任何人录制的短视频(MV)、歌曲的方法
有一次想把她在全民K歌里唱过的所有歌下载到电脑上，然后合成一个视频。但不知道怎么导出全民K歌里的歌曲，经过各种百度Google终于找到了一个用起来很简单的工具。不仅可以下载保存任何人录制的歌曲，还可以保存MV、短视频。免费分享给大家（哈哈，这玩意在淘宝上竟然卖10块）。
简单的使用方法：
一、...[2018/10/15]
Ajax引擎：ajax请求步骤详细代码Ajax引擎：ajax请求步骤详细代码
说起AJAX，可能是很多同学在很多地方都看到过，各大招聘网站上对于WEB前端和PHP程序员的技能要求清单中也是必不可少的一项。但是，ajax请求步骤详细代码以及说明却比较少见到什么是AJAX引擎？ AJAX引擎其实是一个JavaScript对象，全写是 window.XMLHttpRequest对...[2018/10/15]
qutebrowser 只用键盘操作的浏览器qutebrowser 只用键盘操作的浏览器
一个 Qt 库制作的最简化浏览器，内核是 Chromium。最大特点就是它自带命令行，可以完全用键盘操作。 下载地址： 链接：https: hare.weiyun.com/5Y2Ajvn 密码：mwc4qn基本操作： Use the arrow keys or hjkl to move aroun...[2018/10/15]
CSS的再深入5（更新中···）
页面布局
结构层：搭我们的页面框架。
布局层：针对框架内部结构进行排版。
不需要使用浮动解决的问题尽量不用。
使用浮动之后会使该元素脱标，并且该元素的margin。
div 盒子模型 ：
就是一个容器，可以装任何标签。
盒子实际占用的空间
盒子的实际宽高和高度
如何理解盒子模型 &...[2018/10/15]
css的再深入6（更新中···）
background-position 雪碧图
我们的html和c 中有三个属性可以向服务器发送请求，src href url。
overflow
(1) 值hidden 超出就隐藏
(2) 值scroll 出现滚动条
visi...[2018/10/15]
svg矢量图标在html中的使用, （知识点：1.通过h5中的css实现点击变色，2.一个svg文件包含多个图标)svg矢量图标在html中的使用, （知识点：1.通过h5中的css实现点击变色，2.一个svg文件包含多个图标)
svg矢量文件体积小，不变形，比传统的png先进，比现在流行的icon-font灵活。然而在使用过程中还是遇到了很多坑。今天花了一天时间把经验整理出来，以供后来者借鉴。如果您从本文收益，请留言mark一下。
这里我们要实现的功能是，一个svg文件包含多个图形，这样的好处是，网络请求次数少，加载快...[2018/10/15]
display:table和display:table-cell的妙用
display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！
这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或...[2018/10/15]
css控制一个元素点击后， 改变另外一个元素的状态
1.点击后改变子元素 .mycla :active span{ color:#00f; }
此方式在ios下不生效，chrome下正常
2.改变下一个兄弟元素 .mycla :active : hover+span{ color:#00f; }&nbs...[2018/10/15]
博客园 个人主页美化
刚入博客园，小白也要有一个“高大上”的个人博客页面啊，鼓捣了一下午，感觉自己棒棒的，
叉腰得瑟
个人感觉Simple的主页样式很美观，大气，哈哈
首先，在博客园后台管理的设置里，申请js代码的权限（默认是没有打开的）
申请的时候一定要有礼貌，有礼貌...[2018/10/15]
解析什么是绝对定位，相对定位与浮动
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。
绝对定位
绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能...[2018/10/15]
HTML5 Web存储 页面间进行传值
在实际使用过程中，经常会遇到需要在页面间进行传值的情况，最初设想一定需要后端才能进行数据的存储和读取，或者在本地使用一个cookie进行保存，直到了解到HTML5 Web存储
使用HTML5的新特性可以在本地存储用户的浏览数据。相比之前的cookie，Web 存储更加的安全与快速. 这些数据不...[2018/10/15]
CSS的基本语法
W3School离线手册(2017.03.11版)下载：https: pan.baidu.com 1c6cUPE7jC45mmwMfM6598A
CSS（层叠样式表）
层叠样式表(英文全称...[2018/10/15]
margin的两个有趣现象：margin合并和margin塌陷
margin合并
当两个元素在垂直方向并列，分别设置margin值时会发生一个margin合并的现象
举个例子，有两个div，垂直并列，box1设置margin-bottom:20px，box2设置margin-top:50px，
<!DOCTYPE html>
<htm...[2018/10/15]
理解水平居中的几种表现
CSS居中算是一个比较基础的问题，在实际运用中，需要考虑到的一般是两种情况，一种是主要是表现为文字，图片等行内元素的居中，一种是指 div 等块级标签元素的居中。
1.水平居中
text-align
【场景一】：在父元素中设置text-align:center实现行内元素水平...[2018/10/15]
css专业术语笔记
1. 属性
如height、color等，称作c 的属性。
2. 值
在c 中，如：10px, 50%, #ccc等这些都称作c 的值。比较常见的类型值有：整数值，数值，百分比值，长度值，颜色值
3. 关键字
特指c 里面一些很关键的单词。如solid、absolute、block等都是...[2018/10/15]
【HTML&CSS】基本的入门
在公司培训一段时间不久就去流浪了一段时间，现在回来重新捧起心爱的编程，特别亲切。
自学HTML&CSS,别人说了很多，这那这那的，无论简单还是困难，不亲自去俯下身子学习，怎么都学不会HTML和CSS。
当然这只是进阶的基础，买了两本，特别好，无论是内容的编排还是可学程度、排版和印刷，都...[2018/10/15]
【常见】移动端实例——图片无缝滚动
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,user-...[2018/10/15]
详解HTML5将footer置于页面最底部的方法(CSS+JS)
本文介绍了详解HTML5将footer置于页面最底部的方法(CSS+JS)，分享给大家，具体如下：
JavaScript:
<script type="text/javascript">
$(function(){
fun...[2018/10/15]
CSS :visited伪类选择器隐秘往事回忆录_CSS教程_CSSCSS :visited伪类选择器隐秘往事回忆录_CSS教程_CSS
昨天想使用 a:visited 改变右侧“猜你喜欢”已访问过的文字颜色，发现改来改去效果都一般，想到还有其他几个CSS可以设置，与颜色相关的，结果，太久没使用这个伪类选择器，具体那几个支持的CSS一下子记不得了，发现有必要自己整理记录下。
一、由爱生恨
链接4...[2018/10/15]
基于 CSS 动画的 SVG 按钮实例代码_CSS教程_CSS
具体代码如下所示：
<a href="#">
<svg>
<rect></rect>
< vg>Button
</a>
body {
m...[2018/10/15]
CSS实现反方向圆角的示例代码_CSS教程_CSS
原理
父级元素 relative，子元素 absolute，然后通过top、left、right、bottom来设置具体出现位置。
DOM结构
<div cla ="wrapper-dashed">
<div cla ="...[2018/10/15]
iframe在移动端的缩放的示例代码iframe在移动端的缩放的示例代码
工作中碰到个奇怪的问题，折腾了大半天，终于算是解决了，这里把分析思路和解决办法记录下。 项目是做响应式的公司官网，前期的静态图页面切完后就提交给后台作为模板使用了，我也就基本退出项目。 在后端落地时发现在在移动端页面显示不太对劲，显得很模糊。第一想法是meta的头部被覆盖了，查看源代码果然发现是被...[2018/10/15]
在JS循环中使用async/await的方法
async / await是ES7的重要特性之一，也是目前社区里公认的优秀异步解决方案。目前，async / await这个特性已经是stage 3的建议，可以看看TC39的进度，本篇文章将分享在JS循环中使用async/await的方法.
在开发maty.js时，遇到一个数组任务，数组项是内...[2018/10/15]
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
使用es6+新语法编写代码，可是不能运行于低版本浏览器，需要将语法转换成es5的。那就借助babel转换，再加上webpack打包，实现代码的转换。
转换包括两部分：语法和API
let、const这些是新语法。
new promise()等这些是新API。
简单代码
类库 u...[2018/10/15]
NodeJS服务器实现gzip压缩的示例代码
本文介绍了NodeJS服务器实现gzip压缩，分享给大家，具体如下：
在浏览器向服务器请求静态资源时，服务器为了减小在网络传输过程中消耗的流量和时间，都是将静态资源经过压缩后返回给服务器的，实现压缩的算法有 deflate 和 gzip 等，最常用的是 gzip 压缩。
gzip 简...[2018/10/15]
NodeJS搭建HTTP服务器的实现步骤
前言
在 NodeJS 中用来创建服务的模块是 http 核心模块，本篇就来介绍关于使用 http 模块搭建 HTTP 服务器和客户端的方法，以及模块的基本 API。
HTTP 服务器
1、创建 HTTP 服务器
在 NodeJS 中，创建 HTTP 服务器可以与 ne...[2018/10/15]
nodejs实现范围请求的实现代码
使服务器支持范围请求，允许客户端只请求文档的一部分。其流程是：
客户端向服务端发起请求
服务端响应，附上Accept-Ranges头（值表示表示范围的单位，通常是“bytes”），告诉客户端其接受范围请求
客户端发送新的请求，附上Ranges头，告诉服务端请求的是一个范围
...[2018/10/15]
NodeJS使用Range请求实现下载功能的方法示例
前言
本篇使用 NodeJS 的 HTTP 服务创建客户端，使用 Range 请求实现下载功能，并通过本篇的 Demo 扩展在业务中实现断点续传等功能的思路。
服务端的实现
我们通过 http 模块创建服务器处理 Range 请求，在服务器代码中我们为了减少回调嵌套使用 asy...[2018/10/15]
JS编写兼容IE6,7,8浏览器无缝自动轮播
项目要求页面兼容IE6,7,8等浏览器，我们可能会遇到这个轮播效果，轮播板块要求：无限循环、自动轮播和手动切换功能，每一次滚动一小格，网上有很多这类插件，例如:swiper等！
但是很多都是不兼容IE6,7,8这些低级浏览器的，没有办法，只能自己写一个类似的轮播插件
废话不多说，直接...[2018/10/15]
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
声明：是已认证的服务号
前置说明
网页授权获取用户基本信息：两种 scope 域
https: op...[2018/10/15]
NodeJS加密解密及node-rsa加密解密用法详解
要用nodejs开发接口，实现远程调用，如果裸奔太危险了，就在网上找了一下nodejs的加密，感觉node-rsa挺不错的，下面来总结一下简单的rsa加密解密用法
初始化环境
新建一个文件夹 node-rsa-demo , 终端进入，运行下面命令初始化
cd node-rsa-...[2018/10/15]
开发用到的js封装方法（20种）
1、判断是否是一个数组
function isArray(arr){
return Object.prototype.toString.call(arr) ===''[object Array]'';
}
isArray([1,2,3]) true
2、判断是否是...[2018/10/15]
详解webpack loader和plugin编写
1 基础回顾
首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。
1.1 webpack常见配置
入口文件
entry: {
app: ''. rc/j index.js'',
},
输出文件
output: {
...[2018/10/15]
js 关于字符串转数字及数字保留位数的控制
1.parseInt()和parseFloat()两个转换函数，将字符串转换成相应的数字。
1.parseInt()
parseInt进行转换时，将字符串转成相应的整数。浮点数以后的数字都不要了。
parseInt("1234blue"); returns&...[2018/10/12]
JSON语法与JavaScript语法的区别JSON语法与JavaScript语法的区别
JSON是独立于语言存在的，在不同的编程语言中对这种数据类型的实现不同，例如在JavaScript中使用JavaScript对象对这种数据格式进行实现，那么在java中当然是用java对象实现。
描述JSON格式数据的语法采用了JS对象字面量的表示方法,所以描述JSON的语法是js对象字...[2018/10/12]
js 数组插入和删除处理
function insertArray(arr, val, compare, maxLen) {
返回位置
const index = arr.findIndex(compare)
if (index === 0) {
return
}
if (index >...[2018/10/12]
web前端逻辑计算，血的教训
在web前端进行页面开发的过程中，难免的遇到逻辑问题，这不是什么大问题，既然走上IT条黑道，那小伙伴们的逻辑推理能力及逻辑计算能力是不会有太大问题的。
然而，有的逻辑计算，就算你逻辑计算能力超强，也不要轻易去触碰。
在牵扯到金钱的计算上，比如说，银行流水账，贷款融资平台等，这一类的项目中。肯定...[2018/10/12]
URL参数带加号“+”AJAX传值失败的解决方法
URL中参数的值有加号，虽然请求的URL中含有加号，但是GET的时候却得不到加号！
解决办法，用JavaScript的encodeURIComponent函数对加号进行编码。
如str="a+b";
url="sql_str.jsp?sql="+str;
要改成：
url="sql_st...[2018/10/12]
JavaScript基础
JS基础
一、JS语言介绍
1、概念
浏览器脚本语言
可以编写运行在浏览器上的代码程序
属于解释性、弱语言类型编程语言
2、组成
ES语法：ECMAScript、主要版本ES5和ES6
DOM：文档对象模型(Document Object Model)，是W3C组织推荐的处理可扩展标志语言的标...[2018/10/12]
限制输入字符数通用方法（汉字占2位，英符占1位） - Andrew-Shoryee
（待完善补充）
checkLimitCharacterLength(itemName, length, parentObj) { 校验字符长度（变量名，限制字符数，变量所属的对象） if (!parentObj) { parentObj = this; } let v...[2018/10/12]
javaScript中计算字符串MD5javaScript中计算字符串MD5
进行HTTP网络通信的时候，调用API向服务器请求数据，有时为了防止API调用过程中被黑客恶意篡改，所请求参数需要进行MD5算法计算，得到摘要签名。服务端会根据请求参数，对签名进行验证，签名不合法的请求将会被拒绝。
但是目前原生JS貌似并没有提供MD5计算相关的函数方法，只能自己...[2018/10/12]
JS DOM 1
接触JS也有快一个月了，现在来总结一下看过的书，一本本总结，之后再融会贯通，也许更有助于学习。废话不多说，现在看的是《JavaScript DOM编程艺术》，该书挺薄的，不太会望而生畏，（要比起《JavaScript权威指南》和《JavaScript高级程序设计》的话）。这篇博文也是接下来两天...[2018/10/12]
拖拽功能by javascript 和 react 两种实现方法
使用鼠标移动图片或者移动图像怪有意思的，那这个移动的效果是怎么实现的呢？
在拖动的过程中，我们会涉及到鼠标向下按，以及移动图形，还有我们松开这几个步骤。
当我们将鼠标向下按的时候，我们鼠标点的这个动作，其实是有一个事件的，那如何确定鼠标
点的位置呢？
我们知道clientX 事件属性返回当事件被触...[2018/10/12]
初识JS
初入前端，大家都一致追捧一本书，这本被大家称之为红宝书的书，名字叫做《JavaScript高级程序设计》。我的印象中俞敏洪也曾写过一本叫做红宝书的书，以前考研的时候政治也有一本红宝书。既然都被称为红宝书了，那我就从这入门吧，前端大牛多，我这个大龄初生牛犊就来好好跟大家记录一下这本书的笔记，向着...[2018/10/12]
原生JS的轮播图
学习前端也有一小段时间了，当初在学习javascript的时候，练手的一个轮播图实例，轮播图也是挺常见的了。
着是通过获取图片偏移量实现的。也实现了无缝切换。还有一点问题就是没有加上图片切换的时候的延迟了，哈哈
html：
1 <div id="container"&g...[2018/10/12]
Ajax中异步与同步的区别Ajax中异步与同步的区别
同步可以解决，只有前一个请求结束后，当前请求才会发起。
[2018/10/12]
jqGrid 分页
这两天一直在搞jqGrid分页，焦头烂额，不过还是有点收获的（主要是后台分页）；
jqGrid分页可以分为两种，远程数据（服务器数据）分页和本地数据分页，
先看远程数据分页：
$("#testGrid"）.jqGrid（{
&nb...[2018/10/12]
JS变量、作用域、内存JS变量、作用域、内存
写到这个题目《JS变量、作用域，内存》，我就不由自主想起了黄金三嫖客。可能是名字有点像，嗯，一定是这样子的！
JS接触下来，应该是要比Java简单不少的，所以，要学好啊。立个flag半年后来看到底学得怎么样。
这会儿来到了本书的第四章。感觉这水平，后天的面试要跪啊，唉想不了那么...[2018/10/12]
framework7的改进，以及与vue组合使用遇到的问题以及解决方法 (附vue的原理）
framework7官方提供了vue+framework7的组合包，但是那个包用起来复杂度较高，而且不灵活。听说bug也不少。
所以我想用最原始的方式单独使用vue和framework7.
遇到以下问题：
1.framework7的router跳转到新的页面，这个页面的代码无法使...[2018/10/12]
JavaScript, HTML, DOM, CSS, JSON, SVG, D3 - Michae
原文地址https: www.slidestalk.com javascript_html_dom_c _json_svg_d3_michael_mcguffin_7ky9xa
[2018/10/12]
经验首页