chongwanguan0670-CSDN博客

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

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

2017-12-19 05:54:00 126

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

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

2017-11-17 21:43:00 130

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

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

2017-11-17 10:43:00 158

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

特性 1 Default Parameters（默认参数） in ES6 2 Template Literals （模板文本）in ES6 3 Multi-line Strings （多行字符串）in ES6 4 Destructuring Assignment （解构赋值）in ES6 5 ...

2017-11-14 19:33:00 129

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

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

2017-11-11 20:44:00 165

转载前端修炼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 77

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

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

2017-11-10 23:36:00 91

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

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

2017-11-10 23:33:00 80

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

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

2017-11-10 23:32:00 86

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

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

2017-11-10 21:44:00 78

转载前端修炼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 172

转载前端修炼JS篇--this

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

2017-07-24 16:21:00 72

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

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

2017-07-20 19:25:00 110

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

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

2017-07-20 17:57:00 68

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

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

2017-07-20 16:54:00 544

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

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

2017-07-20 15:23:00 78

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

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

2017-07-20 15:17:00 127

转载前端修炼H5篇--css3

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

2017-07-20 00:07:00 90

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

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

2017-07-19 23:58:00 75

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

默认样式 /* 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 94

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

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

2017-07-15 02:50:00 66

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

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

2017-05-21 22:59:00 135

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

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

2017-05-21 21:33:00 97

转载前端修炼基础篇--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 46

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

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

2017-05-21 20:29:00 413

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

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

2017-05-11 22:43:00 60

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

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

2017-05-09 21:08:00 47

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

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

2017-05-09 20:52:00 55

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

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

2017-05-09 20:26:00 61

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

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

2017-05-09 19:53:00 53

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

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

2017-05-09 19:39:00 87

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

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

2017-05-09 19:03:00 68

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

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

2017-05-08 21:06:00 110

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

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

2017-05-08 20:59:00 126

chongwanguan0670的博客