2017年08月_cdShow小太阳

原创 css3 弹性盒常用属性笔记

Css3-3 多列： column-count：设置列的个数可以把一行文字分割成设置的列的个数。如果设置了列的宽度当列的最小宽度和不够总宽度的时候列的数量就会缩小 Column-width:可以设置列的最小宽度 Column-span:设置列的横跨数量（常用于设置标题） column-rule：设置分隔线设置方式与边框的设置方式一样是一个复合属性 column-gap:

2017-08-16 19:03:32 564

选择器： Ele~ele2: 选择Ele 后面的ele2标签p~ul{background:#ff0000;} //为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：Ele[key(^$*)=value] 选择对应的元素（^开头,﹩结束*包含）div[class^="test"]{background:#ffff00;} //设置 class 属性值以 "test" 开头的所有 d

2017-08-14 21:26:40 580

原创正则表达式使用规则

正则表达式使用环境： 1.登录：密码验证（字符串+数字）”ucai123” 2.注册：邮箱、手机号、帐号 3.解析歌词（lrc）创建方式： 1.new RegExp(); 如：公式：var regexp = new RegExp(“匹配的规则”,”修饰符”); var regexp = new RegExp();2.// (✭✭✭✭✭ ) 公式：regexp = /匹配的规则/修

2017-08-09 19:10:49 395

原创数据库 webSQL使用方法

webSQL 是一个操作数据库的对象里面封装了操作数据库的方法是通过sql语句操作数据库的（创建数据库、建表、增删改查） Sql语句？是一个可以操作数据库的字符串类似正则的规则他不会自己执行，需要各个平台单独操作数据库的函数执行这个sql语句才能让sql执行在webSQL里面有执行sql语句的方法就会去执行sql里面描述的功能webSQL 跟sql语句是完全独立的两个东西

2017-08-09 19:06:19 4324 2

原创 Html5中数据存储的方式

1.Storage 2.webSQL 数据库操作 3.Indexeddb 数据库操作在HTML5本地存储中，Web SQL Database实际上已经被废弃，而HTML5的支持的本地存储实际上变成了Web Storage（Local Storage和Session Storage）与IndexedDB。Web Storage使用简单字符串键值对在本地存储数据，方便灵活，但是对于大量结构

2017-08-08 19:13:37 403 1

原创应用缓存(Application Cache)

应用缓存是在移动设备没有网络的情况下。不出现404报错，并且可以基本使用。使用步骤： 1.需要有一个引用缓存文件，.manifest为尾缀的文件 a）是用于配制需要配制的缓存的文件 b )在不同情况下缓存的内容 2.在html 中引入manifest文件html文件代码<!DOCTYPE html><html lang="en" manifest="app.manifest"> //

2017-08-07 18:55:49 514

原创 web前端 H5 百度地图API 案列 <连续获取十个地址并显示位置信息>

思路： 1 先右键开启可以收集的功能 2 双击地图添加经纬度到数组 3 添加到10个关闭收集的功能 4 地址收集完成后再地图上显示这是个地标（图标） 5 创建一个信息窗口的对象 6 单击图标显示位置信息步骤 1在html中先设置格式和引入百度地图API文件、js文件<!DOCTYPE html><html> <head> <meta char

2017-08-04 19:39:44 3943

原创地名经纬度互相转换

//经纬度转化为地名 var coser = new BMap.Geocoder(); coser.getLocation(new BMap.Point(116.401481,39.914776),function(result){ console.log(result); }) //地名转化为经纬度 var coser = new

2017-08-04 11:14:17 2400

原创 H5 百度地图API 将当前位置信息显示出来

获取百度地图API 实行定位获取定位信息显示在地图界面上

2017-08-03 21:05:16 1808

原创 H5 定位

js代码//获取当前定位navigator.geolocation.getCurrentPosition(function(result){console.log(result);},function(error){console.log(error)});//监视定位var watchID = navigator.geolocation.watchPositi

2017-08-02 20:32:23 397

原创录制视频

//自动播放下载录制//js代码//实时监听音视频流navigator.mediaDevices.getUserMedia({audio:true,video:true}).then(function(stream){console.log(stream);var video = document.query

2017-08-02 19:09:50 512

原创实时录音监听 navigator.mediaDevices.getUserMedia（）

录制//js代码//实时录音监听var promise=navigator.mediaDevices.getUserMedia({audio:true});promise.then(function(stream){var audio=document.querySelector("audio")audio.src=URL.cre

2017-08-02 15:34:54 14559 1

原创 H5 Promise使用方法

Promise 承诺许诺执行 -> 可以去做 -> 有然后 -> then() ->　then(function(){ 发生然后得事 })执行 -> 不去做 -> 没有然后发生异常 -> catch() -> catch(function(){ 理由 }) 创建Promise对象的时候第一个参数（函数）去做的函数 -> 如果调用第一个参数（函数）会执行 then里

2017-08-02 11:04:31 2028

转载 JavaScript的六种继承方式

JavaScript的六种继承方式继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的原型链首先得要明白什么是原型链，在一篇文章看懂proto和prototype的关系及区别中讲得非常详细原型链继承基本思想就是让一个原型对象指向另一个类型的实例function SuperType() { t

2017-08-02 10:24:35 217

原创获取音频流（）

//js代码navigator.mediaDevices.getUserMedia({audio:true,video:true}).then(function(stream){console.log(stream);var video = document.querySelector("video");video.src = URL.createObjectURL(stream)

2017-08-02 10:01:16 6910

原创 JS常见的面试题

面试须知

2017-08-02 08:52:33 392

原创欢迎使用CSDN-markdown编辑器

数组去重的方法本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： //方法一：利用对象键值对属性值的唯一性 Array.prototype.unquie = function () { var obj = {}; this.forEach(function (item,index) { obj[item] =

2017-08-01 21:43:00 244

cdx1170776994的博客