dick4123632-CSDN博客

转载 Javascript DOM详解

create 系列创建节点详解document.createElement(); 标签名不区分大小写document.createTextNode(); 节点的文本document.createDocumentFragment() 创建文档片段document.createComment() 创建注释节点 myReady(function(){...

2019-01-09 16:36:00 149

转载函数深入了解

什么是对象有键值对var cat = {　　'name' : 'Tom',　　'age' : 8,　　'family' : ['father','mom'],　　'speak':function(){　　　　console.log('mmm')　　},　　'friend':{　　'name' : 'om',　　'age' : 4　　}...

2019-01-04 09:20:00 131

转载 js变量、作用域

// 基本类型：4 'str' true/false undefined null 变量不能修改不能添加属性 // 引用类型：[] {} 变量可以修改instanceof检测类型只能引用类型，不能基本类型consloe.log([] instanceof Arra...

2018-12-18 09:53:00 114

转载 JS错误处理

主动触发错误throw try catch debugger断点与单步跟踪function getUserInput(msg){ var input=prompt(msg); var parsed=parseInt(input); if(parsed!=parsed){//parsed为NaN return input; }else{ ret...

2018-12-18 09:16:00 121

转载 SVG嵌入HTML

使用SVG文件<embed>使用embed标签，将svg文件以媒体形式插入html。Coding<embed src="imooc.svg" width="1024" height="768" type="image/svg+xml"pluginspage="http://www.adobe.com/svg/viewer/install/" />&l...

2018-12-07 13:14:00 161

转载 SVG滤镜及动画效果

创建剪切渐变效果遮罩效果嵌入光栅图像剪切创建剪切擦除已经创建的元素的部分内容。Coding<defs><clipPath id="clipname"><rect x="x" y="y" width="width" height="height" /></clipPath></defs><circle cx="10...

2018-12-07 10:54:00 184

转载 SVG文本

字符、字体、字形和EM框卸载图像中的文本其他文本标签字符（Characters）要展示的字母的数字表示形式，每个字符都由特定的Unicode定义字形（Glyphs）字符的可视化表示形式字体(Fonts)字形的集合字形的字体表被称为字体数据EM框三种字体特征Ascent：从字体的(0,0)点到EM box顶部的距离Descent...

2018-11-27 16:21:00 125

转载 SVG

SVG视口viewportviewBoxpreserveAspectRatioviewportviewportSVG可见区域的大小，或者可以想象成舞台大小，画布大小。Coding<svg width="800" height="600" style="boder:1px solid #000"></svg>viewBox视区盒子SVG就像是我们的...

2018-11-23 16:51:00 108

转载如何创建数据库和表

1.indexedDB数据库时一种事务类型数据库2.是NoSQL数据库3.使用JS对象存储数据创建数据库1.indexedDB.open创建数据库2.open方法返回一个IDBRequest对象<script> var db = window.indexedDB || window.mozIndexedDB || window.webkit...

2018-11-22 16:53:00 617

转载 Storage的注意点

1.注意存储容量超出配额超出的时候会抛出QuotaExceededError异常存储值时应使用try catch捕获异常try {} catch (e) { 　　// catch 中写负责异常处理的语句　　console.log(e.name); }2.存储类型的限制　　仅能存储字符串内容都是st...

2018-11-22 16:06:00 308

转载 localStorage和sessionStorage

相同使用方法setItem 设置存储内容localStorage.setItem('site','imooc')sessionStorage.setItem('site','imooc')getItem 获取存储内容localStorage.getItem('site')sessionStorage.getItem('site',)removeItem 删除存储...

2018-11-22 15:40:00 61

转载 less

重点功能功能变量/ Variables@header-height:60px;@header-bottom-bgcolor:#000;.header{ height: @header-height; background-color: @header-bottom-bgcolor;}混合/Mixins.fl{ 　　float: left;}.logo{ .fl(); ...

2018-11-16 10:24:00 95

转载 bootstrap栅格布局

<div class="container"> <div class="row"> 　　　　　　　　　　// 12列 <div class="col-md-1">1</div> <div c...

2018-11-08 13:12:00 117

转载 Flex子元素

order控制子元素在父容器的顺序 0 任何整数负数order：1；flex-grow谁的值大谁空间多，同样的值就平分flex-grow：1flex-shrink 设置弹性容器中项目的收缩比率1 数字不能负数flex -basis 伸缩项目分配空间=伸缩容器空间-basis设置的空间-其他子元素的width（若无则为其他内容占的空...

2018-11-01 13:55:00 155

转载 Flex

display:flexflex-direction属性设置 <div> 元素内弹性盒元素的方向为相反的顺序：定义主轴的排列方向flex-direction：row横向排列（默认值）从左到右flex-direction：row-reverse从右到左flex-direction：column纵排列从上到下flex-direction：c...

2018-10-31 17:30:00 90

转载移动开发

- physical pixel 物理像素值375*667 750*1334 当前浏览器的宽度document.documentElement.clientWidth document.documentElement.clientHeight- device-independent pixel　　设备独立像素值 px- device pixel...

2018-10-31 16:01:00 90

转载 CSS3--用户界面

appearance 要加-webkit-典型：appearance：none checkbox radio　　text-overflow 文本内容是否截断要结合overflow：hidden使用缺一不可clip 超出部分截断ellipsis 超出内容用。。。。显示outline 复合属性设置线条轮廓outline-width ...

2018-10-30 15:44:00 63

转载 css遗忘回顾

css引入 @import utl(css.css) ; @import "css.css"; 导入式加载完html再加载css转载于:https://www.cnblogs.com/jian1234/p/9623625.html

2018-10-30 10:20:00 74

转载 CSS3----多列

multi-columncolumns:<'column-width'>宽度||<'column-count'>列数 -webkit-columns: 200px 3; -moz-columns: 200px 3; columns: 200px 3;column-width:200pxcolumn-count:3;...

2018-10-29 16:39:00 81

转载 css3----animation

animation-name属性动画的名称 keyframename/none -webkit-animation-name: circle_inner; //名字自定义　　　animation-name: circle_inner;animation-duration 持续时间 -webkit-animation-duratio...

2018-10-29 15:25:00 137

转载 CSS3----transition

transition-propertynone 没有属性改变all 所有属性改变，默认值porperty元素属性名例子div { width: 800px; height: 800px; margin: auto; transform: rotate(0deg); background: url(images/imooc.png) no-repeat center ...

2018-10-29 14:50:00 181

转载 CSS3矩阵

矩阵matrixtransform: matrix(-0.6, .8, .8, .6, 0, 0);矩阵matrix镜像对称matrix((1-k*k)/(1+k*k),2k/(1+k*k),2k/(1+k*k),(k*k-1)/(1+k*k),0,0)3D矩阵transform: matrix3d(.5, 0, 0, 0, 0, .5, 0, 0, 0,...

2018-10-27 10:01:00 78

转载 CSS3转换

2D转换transform旋转rotate-webkit-transform: rotate(7deg); -moz-transform: rotate(7deg); -ms-transform: rotate(7deg); -o-transform: rotate(7deg); transform: rota...

2018-10-27 09:07:00 61

转载 css3背景和渐变

background-clipCSS3 背景图像区域background-clip: border-box;background-clip: padding-box;background-clip: content-box;例子： background-clip: border-box; background-clip: padding-box; ...

2018-10-25 17:29:00 70

转载伪元素

first-line 根据 "first-line" 伪元素中的样式对 Element 元素的第一行文本进行格式化 "first-line" 伪元素只能用于块级元素"first-letter" 伪元素只能用于块级元素用于向文本的首字母设置特殊样式::before 在元素的内容前面插入新内容常用"content"配合使用::after 在元素的...

2018-10-25 13:53:00 61

转载结构类

nth-last-child(N) 匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数nth-of-type(N) :nth-of-type(N)选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素:nth-last-of-type(N) 匹配属于父元素的特定类型的第 N 个子元素的每个元素，从最后一个子元素开始计数:...

2018-10-25 09:44:00 87

转载 UI元素状态伪类

:enabled 可输入input:disabled　　不可输入input:checked　　单选框，复选框选中状态转载于:https://www.cnblogs.com/jian1234/p/9844774.html

2018-10-24 17:30:00 61

转载 css3选择器

a[href] 选择所有hrefa[href=“#”]指定#这个值a[class~=“two”] 包含#的元素a[a^=“#”] 以#开头的所有元素a[a$=“#”] 以$结尾的所有元素a[a*=“#”] 以*结尾的所有元素a[a|=“#”] 选择#或者#-开头的元素转载于:https://www.cnblogs.com/jian1234/p/983...

2018-10-23 16:20:00 48

转载 css高度塌陷

2018-10-23 14:43:00 46

转载 h5自带表单默认气泡修改

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .oneline { line-height: 1.5; ...

2018-10-23 10:49:00 127

转载 H5自带验证美化CSS

1、:require（必填）和:optional（选填） <style> .container{ max-width:400px; margin:20px auto; } input,select,textarea{ width: 240px; margin:10px 0; border:1px solid #999; padding...

2018-10-22 16:34:00 125

转载 H5表单验证

基本表单验证特性placeholder 提示输入autoconplete 下次输入自动提示list和datalist 下拉菜单autofocus 自动获取焦点required 设置必填属性pattern 表单认证使用正则novalidate(form标签后使用)、formnovalidate(input submit里面使用) 设置了必...

2018-10-22 13:04:00 124

转载 video/audio API 事件

video：/audio:.loadedmetadata 加载元数据.progress 获取媒介数据数据.canplay 视频可以被播放.canplaythrough 视频可以一直播放到结束.timeupdate 视频时间.pause 暂停.seeking 拖动进度条.waiting .volumechange 音量改变....

2018-10-20 11:57:00 190

转载 video/audio标签及其常用属性

controls 控制条autoplay 自动播放loop 循环播放source 做兼容性<video autoplay controls loop>　　<source = src".....mp4" type="video/mp4">　　<source = src".....ogv" type="video/ogv">...

2018-10-20 11:25:00 956

转载 html5 新增 input 类型

input 新增类型email/url/number/range/Date picker/search/color/telDate pickerDate--选取日、月、年Month--选取月、年week--选取周、年Time--选取时间（小时和分钟）Datetime--选取时间、日、月、年（UTC时间）Datetime-local--选取时间、日、月、年...

2018-10-19 10:44:00 145

转载 H5重定义标签

显示不变，只是表达的含义进行重新定义的标签<b> 代表内联文本，通常是粗体，没有传递表示重要的意思<i>　代表内联文本，通常是斜体，没有传递表示主要的意思<dd> 可以同details与figure一同使用，定义包含文本，dialog也可用<dt>可以同details与figure一同使用，汇总细节，dialog也可用...

2018-10-19 08:44:00 199

转载 H5删除的标签，不用的

纯表现的元素Basefont、big、center、font、s、strike、tt、u对可用性产生负面影响的元素frame、frameset、noframes产生混淆的元素acronym、applet、isindex、dir转载于:https://www.cnblogs.com/jian1234/p/9814388.html...

2018-10-19 08:34:00 297

转载 web应用标签

<meter>状态标签（实时显示：气压，气温）<meter value="220" min="20" max="380" low="200" high="240" optimum="220"></meter><meter value="0.75">75%</meter><progress>　　状态...

2018-10-18 15:36:00 103

转载 H5 结构标签

<article> 标记定义一篇文章 <header>标记定义一个页面或一个区域的头部<nav>标记定义导航链接<section>标记定义一个区域　　　　每一个部分的意思 <section> <div></div> </section><aside&...

2018-10-18 14:45:00 112

转载 Jquery事件

1、链式语法$('#div').find('p.chlid') 破坏结构.remove('hello').addClass('hello').css('hello').end() 还原破坏之前DOM2事件模型2、addEventListener('click',function(){　　console.lo...

2018-10-08 10:52:00 81

一台电脑多个鼠标（免注册）

空空如也