$("#audio").play()报错 not a function
$('#audio').play();
报错原因：play()方法属于DOM对象方法，$('#audio')为jquery对象
解决办法：将jquery对象转换为DOM对象
首先打印jquery对象$('#audio')
两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]
vue-router路由基础入门
首先使用脚手架工具vue-cli快速创建vue项目时，可以直接安装vue-router。
项目创建完成后，项目文件src/router/index.js是设置路由的核心文件。其中引入Vue、vue-router和组件，数组routes来配置路由。
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld f
vue-router嵌套路由详解
嵌套路由顾名思义就是路由的多层嵌套。
结合vue-router仿天猫底部导航栏，给组件Me添加嵌套路由，也叫子路由。
总共添加两个子路由，分别命名Collection.vue（我的收藏）和Trace.vue（我的足迹）
1、重构router/index.js的路由配置，需要使用children数组来定义子路由，具体如下：
import Vue from 'vue'
import Rou
vue-router动态路由详解
平时做项目时遇到的点击列表页，显示详情页面，此时就需要我们传递列表唯一的标识，然后显示对应的内容。
通常做法是以“参数=值”的形式传递参数，而动态路由将参数融入到路由的路径定义之内成为路径的一部分。
在参数名称之前加“：”，然后将参数写在路由的path内。
下面是给详情页detail传递唯一标识id，从而调取详细的内容。
routes: [
{
path: '/',
js扩展Date将时间格式化为"yyyy-MM-dd hh:mm:ss"格式的字符串
扩展Date，将时间转换为指定格式的字符串。
例如：
当前时间指定格式的格式化：
var time1 = new Date().Format("yyyy-MM-dd"); // 2017-11-20
时间戳指定格式的格式化
var time2 = new Date(1469281964000).Format("yyyy-MM-dd hh:mm:ss"); // 2016-07-23 21
js获取地址栏上的参数
1、把参数和参数值解析对象内，通过urlParse().参数获取参数值
例如：
https://www.baidu.com/?id=12345&name=b
返回的obj为：
{id: "12345", name: "b"}
function urlParse() {
let url = window.location.search
let obj = {}
let
透明遮罩在IE浏览器的兼容性—RGBA
1、rgba基本能解决透明背景带来的遮罩效果：rgba(0, 0, 0, 0.5)，效果如图：
2、但是rgba在IE8及以下是不兼容的，可以使用IE滤镜处理：
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
前两位是十六进制的不
轮播（fade）+左右按钮点击+分页器点击+循环
今天自己写了一个渐隐的轮播效果，记录一下。
轮播包括图片结构、左右按钮结构、分页器结构。
效果图
HTML
<div class="container">
<div class="wrap">
<div class="item">
<img src="images/bnimg01.
audio音频兼容性问题小结
我在页面上放一个<audio loop="loop" src="flash/music.mp3" id="media" autoplay></audio>结果苹果微信端、苹果safari、UC浏览器都无法播放，我的华为荣耀8微信及内置浏览器均可播放！
首先给微信浏览器做兼容处理：
audioAutoPlay('media');
function audioAutoPl...
手机端video默认全屏的兼容写法
需求：希望视频播放时可以全屏播放，没有进度条、播放按钮等与系统相关的元素，视频的宽度大于高度，并自动播放
浏览器效果展示：
实现全屏：
苹果全屏兼容，属于文档内全屏
playsinline="true"
x-webkit-airplay="true"
webkit-playsinline="true"
安卓全屏兼容，脱离文档全屏，当我退出全屏隐藏video以及外层盒子时，会有短暂...
精致的H5 列表侧滑组件。H5页面侧滑删除、修改的功能效果实现！
精致的H5 列表侧滑组件。H5页面侧滑删除、修改的效果。这里只支持手机端访问，Chrome浏览器调试 切换到Mobile 调试模式
学习无止境，何时是终点、时间让人沉思。代码分享，是对以下文章的更新版本！http://blog.csdn.net/china_guanq/article/details/78297430
此此修改，大部分整理修改了组件存在的Bug 以及优化处理。为了不给自己埋井
（常用代码）原声JS 实现倒计时的效果。分/秒/毫秒/
（常用代码）原声JS 实现倒计时的效果。分/秒/毫秒/
第一步：构建HTML 结构和样式
div class="timing">
span class="minute date">07span>
span class="colon">:span>
span class="second date">16span>
span class="colon">:spa
（常用代码）CSS3 进度条效果的实现
（常用代码）CSS3 进度条效果的实现
不需要阴影3D 的效果注释样式
/*box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.2);*/
构建HTML 结构和样式
div class="progress">
div class="loader-container">div>
div>
style>
htm
Echarts图表库。饼图 pie 图表组件的使用。饼图组件API使用规则--DOME
举例给予Echarts 图表 饼图的使用规则。更多内容参考：http://echarts.baidu.com/examples/#chart-type-pie
后端领前线，前端无极限。这里只举例了基于 Echarts 图表 “饼图” 的使用规则。更多内容参考官网网址，或者加入菜鸟Q群探讨问题以及学习：595377655。
<!doctype html>
<html&g...
常用各个手机屏幕分辨率归纳。iphone5/iphone7/iphone7 plus/iphoneX/Android 分辨率大小归纳
ios,android 常用手机屏幕分辨率归纳。
针对IOS，Android 手机分辨率大小、屏幕尺寸、开发尺寸的参考。 在实际页面的开发过程，往往显示屏幕的宽度换算为像素尺寸的1/2。
IOS：
Android：
...
== 和 === 的区别？ & 和 && 的区别？ js运算符小知识记录。
比较运算符：
= ：等于，与比较值会发生类型的转换。
var n1 = '1';
var n2 = 1;
console.log(n1 == n2); //打印true
== ：全等于，值和类型比较过程不会发生类型的转换。
var n1 = '1';
var n2 = 1;
console.log(n1 === n2); //打印false
逻辑运算符：
& ：逻辑运算符...
http 请求常用状态码介绍
在浏览器即客户端访问网页时，客户端向服务器发送get、post、delete、put、head等请求时，服务器处理客户端的请求，返回客户端会包含HTTP 状态码的信息头（Server header）.
客户端接收服务器有分别有5中请求状态标识，即xmlHttpRequet.readyState.
1、执行请求
2、请求成功
3、重定向
4、客户端错误，
5、服务器错误
以及状态码，即...
Sass 的安装和使用入门说明
Sass 是CSS的扩展语言，同时也是css预处理器。相比css来说，sass 提供了大量的简便的写法，使得日常的css开发变得更加简单和可维护性，实现了css模块化的开发的目的，如何你正在学习Sass 预处理语言，相信你在使用sass之后会深深感受到在sass在css 的处理上的大大便利而爱不释手。当然你如果了解less ，对sass的学习轻而易举了~
本文主要针对是Sass 的基本使用，当然...
【精品】绘画初学者，怎么使用SAI软件绘画？
SAI绘画软件怎么用，推荐还是去轻微课看一下，轻微课是最专业的绘画学习平台，有很多此类的学习资源与课程，搜索：轻微课官网或者下载轻微课APP，即可学习。一般都使用SAI 来勾线 非常舒服.Easy Paint Tool SAI V1.1.0中文破解版，笔刷图案丰富逼真，笔触更直硬一些，适合漫画爱好者使用，而且占用空间小，对电脑要求低sai基本使用方法：1.首先我们来认识一下SAI的界面。动漫培训 ...
今日推荐
周排行