chongwanguan0670-CSDN博客

转载前端修炼JS篇--call()与apply()

applyl() window.number = 'one'; document.number = 'two'; var s1 = {number: 'three' }; function changeColor(){ ...

2017-12-19 05:54:00 116

转载前端修炼JS篇 -- 数据类型

数据类型基本数据类型6中种1 Undefined 未定义2 Number 数字3 Boolean true 和 false4 String 字符串5 Object 对象 null ， array ，json6 function 函数数据操作parseInt...

2017-11-17 21:43:00 116

转载前端修炼JS篇--常用事件

常用事件Mouse 事件描述onClick 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick 鼠标双击事件 onMouseDown 鼠标上的按钮被按下了 onMouseU...

2017-11-17 10:43:00 146

转载前端开发ES6篇--特性

特性1 Default Parameters（默认参数） in ES62 Template Literals （模板文本）in ES63 Multi-line Strings （多行字符串）in ES64 Destructuring Assignment （解构赋值）in ES65 ...

2017-11-14 19:33:00 116

转载前端修炼JS篇--阻止默认和冒泡

阻止默认和冒泡 js 阻止冒泡 oEvt.stopPropagation()(W3c方法)|| oEvt.cancelBubble = true（IE）阻止默认行为 oEvt.preventDefault()(W3c方法)||...

2017-11-11 20:44:00 153

转载前端修炼JS篇--数组

数组去重 Array.prototype.unique1=function (){ var res=[]; for(var i=0;i<this.length;i++){ var repeat=false; for(var j=0;j<res.length;j...

2017-11-10 23:59:00 72

转载前端修炼react篇 -- react简介

react简介转载于:https://my.oschina.net/u/3470166/blog/1571347

2017-11-10 23:36:00 82

转载前端修炼vue篇--vue简介

vue 简介转载于:https://my.oschina.net/u/3470166/blog/1571343

2017-11-10 23:33:00 71

转载前端修炼angular篇--angular简介

angular简介转载于:https://my.oschina.net/u/3470166/blog/1571341

2017-11-10 23:32:00 79

转载前端修炼node篇--node简介

node简介转载于:https://my.oschina.net/u/3470166/blog/1571317

2017-11-10 21:44:00 72

转载前端修炼JS篇--字符串统计

///字符串统计 var str="aabbbccccdddddddddddddd"; count(str); function count(str){ var json={}; for(var i=0;i<str.length;i++){ var v=...

2017-07-28 20:29:00 160

转载前端修炼JS篇--this

this会出问题：变window 1 定时器 2. 行间 3. attachEvent 4. 套一层函数转载于:https://my.oschina.net...

2017-07-24 16:21:00 67

转载前端修炼JS篇-- 拖拽

拖拽///拖拽function drag(obj) { obj.onmousedown = function (ev) { var oEvt = ev || event; var disX = oEvt.clientX - obj.offsetLef...

2017-07-20 19:25:00 103

转载前端修炼JS面向对象--基础

//构造函数function Person(name,age){ this.name=name; this.age=age;}//原型Person.prototype = { showName: function (){ return this.name;...

2017-07-20 17:57:00 62

转载前端开发JS篇--常用封装函数

//获取非行间样式function getStyle(obj, attr) { if (obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputed...

2017-07-20 16:54:00 531

转载前端修炼JS篇 -- ajax&&jsonp

ajax//url, data, type, time, success, errorfunction ajax(options) { options = options || {}; options.data = options.data || {}; optio...

2017-07-20 15:23:00 72

转载前端修炼JS篇--运动

运动封装函数function getStyle(obj,attr){ return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr];}//time,fn -->jsonfunct...

2017-07-20 15:17:00 123

转载前端修炼H5篇--css3

圆角border-radius: 5px 5px 5% 5%;阴影box-shadow:盒子阴影 x y 模糊度扩展半径颜色阴影可以加多个，用逗号隔开内阴影: inset x y 模糊度扩展半径颜色text-shadow:文字阴影没有扩展半径颜...

2017-07-20 00:07:00 85

转载前端修炼H5篇--视频音频

视频 video<!doctype html><html lang=""><head> <meta charset="UTF-8"> <meta name="viewport" content="w...

2017-07-19 23:58:00 70

转载前端修炼基础篇-默认样式

默认样式/* reset */html{color:#000;background:#fff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;p...

2017-07-15 03:00:00 88

转载前端修炼基础篇-前缀和内核

前缀和内核Chrome,Safari 内核 webkit-webkit-Opear 内核 Presto-o-Firefox 内核 Gecko-moz-IE 内核 Trident-ms- ...

2017-07-15 02:50:00 63

转载前端修炼基础篇--布局

等高布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>...

2017-05-21 22:59:00 126

转载前端修炼基础篇--不固定宽高垂直水平居中

不固定宽高垂直水平居中方法一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>&lt...

2017-05-21 21:33:00 93

转载前端修炼基础篇--CSS三角

CSS三角上三角#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border...

2017-05-21 20:46:00 43

转载前端修炼H5篇--H5新特性

H5新特性：新增选择器 document.querySelector、document.querySelectorAll拖拽释放(Drag and drop) API媒体播放的 video 和 audio本地存储 localStorage 和 sessionStorage离线应用 ...

2017-05-21 20:29:00 398

转载前端修炼基础篇--表格

表格<table width="451" border="1" cellspacing="0" cellpadding="0"> <tr> <th> </th> <th rowspan="4">&...

2017-05-11 22:43:00 57

转载前端修炼基础篇--表单

表单表单3要素name value action<form action="地址" method="get/post" > <input type="text" placeholder="请填写用户名" /> /****文本框*****/ ...

2017-05-09 21:08:00 44

转载前端修炼基础篇--定位

定位position相对定位 relative不脱离文档流根据自己定位不改变元素提升层级绝对定位 absolute脱离文档流行内元素变成块块元素宽度尽可能的窄，窄到内容的宽度根据父级定位，父级没有定位根据body定位提升层级固定定位 fixed脱离文档流行...

2017-05-09 20:52:00 52

转载前端修炼基础篇--浮动

浮动特性浮动有方向脱离文档流块元素内容尽可能的窄，窄到内容的宽度行内元素会变成块宽度不够会掉下来尽可能的往上飘文本环绕浮动三要素用到浮动必须清浮动同级元素浮动都需要加浮动浮动后最好给宽清浮动的方法 overflow:hidden; /***给父级加***/...

2017-05-09 20:26:00 57

转载前端修炼基础篇--盒模型

盒模型CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。内容(content)、填充(padding)、边框(border)、边界(margin)， CSS盒子模式都具备这些属性。 ...

2017-05-09 19:53:00 48

转载前端修炼基础篇--元素嵌套和继承

元素嵌套所有标签都可以嵌套img块元素块标签可以嵌套所有标签例外：p只可以嵌套行内元素行内元素嵌套行内元素只可以嵌套行内元素（不可以套和自己相同的标签）例外：a可以嵌套所有标签继承所有和字体相关的都可以继承，但是a不能继承颜色，b和strong不能继承加粗，i和...

2017-05-09 19:39:00 80

转载前端修炼基础篇--锚伪类

锚伪类a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #FF00FF} /* 鼠标移动到链接上 */a:active {color: #0000FF}...

2017-05-09 19:03:00 62

转载前端修炼基础篇--行内元素，块元素，行内快

块元素1.独占一行2.宽度父级的100%3.支持宽高4.不受换行空格影响行内元素1.并到一行2.根据内容撑开3.不支持宽高4.受换行和空格影响行内块元素1.并到一行2.支持宽高3.受换行和空格影响 ...

2017-05-08 21:06:00 98

转载前端修炼基础篇--省略号

省略号省略号的写法 white-space:nowrap; 不换行 overflow:hidden; 溢出隐藏 text-overflow:ellipsis; 省略号 ...

2017-05-08 20:59:00 119

chongwanguan0670的博客