08 2017 档案

JavaScript事件
摘要：JavaScript事件 事件基础 1.绑定事件 1.把事件当做HTML元素的属性 `` 我是按钮 2.把事件当做dom对象的方法 你是按钮 //获取button元素 var btn = document.getElementById("btn"); //给btn元素绑定事件 btn.onclick 阅读全文
posted @ 2017-08-31 18:32 不完美的完美 阅读(168) 评论(0) 推荐(0) 编辑
窗口在屏幕上来回走动
摘要：效果： 打开窗口，设定窗口大小 200x200， 窗口在屏幕中来回动 （只看IE效果） <!DOCTYPE html Document 新窗口 开启吧 启动 var newWindow=null; function openFn(){ newWindow=window.open('','','wid 阅读全文
posted @ 2017-08-30 20:18 不完美的完美 阅读(254) 评论(0) 推荐(0) 编辑
BOM(浏览器对象模型)
摘要：BOM(浏览器对象模型) 一. window 1.定义 window是js在浏览器环境中 全局变量 函数就是window的方法 全局变量就是window的属性 2.属性 document location history screen navigator innerWidth 文档区域宽度 inne 阅读全文
posted @ 2017-08-30 18:31 不完美的完美 阅读(330) 评论(0) 推荐(0) 编辑
JS作计算器
摘要：JavaScript制作计算器 <!DOCTYPE html 计算器 table{ width: 450px; height: 450px; margin:100px auto; border:2px solid 333; box sizing:border box; background: ECF 阅读全文
posted @ 2017-08-29 22:28 不完美的完美 阅读(261) 评论(0) 推荐(0) 编辑
弹性布局
摘要：一.弹性布局 基本概念 1.容器：需要添加弹性布局的父元素； 2.项目： 弹性布局容器中的每一个子元素，称为项目； 基本方向 1.主轴：在弹性布局中，我们会通过属性规定水平/垂直方向为主轴； 2.交叉轴：与主轴垂直的另一个方向，称为交叉轴。 二.弹性布局的使用 1.给父容器添加display:fle 阅读全文
posted @ 2017-08-29 21:34 不完美的完美 阅读(315) 评论(0) 推荐(0) 编辑
原型和JS内置对象
摘要：原型 1.定义 每一个对象都有原型 原型仍然是一个对象 模拟实现面向对象的继承性 2.原型链 对象的原型还有原型 对象除了可以使用自有属性还可以继承原型上的属性 3.获取原型 4.操作原型的属性 原型本身就是对象,同操作对象 5.判断属性是自有的还是原型继承的 6.ECMA5中创建对象并指定对象的原 阅读全文
posted @ 2017-08-28 08:16 不完美的完美 阅读(205) 评论(0) 推荐(0) 编辑
正则表达式
摘要：正则表达式 1.定义 对字符串进行描述的 2.作用 表单验证 验证 邮箱/电话/邮编...... WEB编辑器 爬虫、数据抓取、小偷程序 3.定义正则表达式 直接量 函数 构造函数 正则表达式基础 1.原子 正则表达式的最小组成单位 普通的字母、数字、符号都是原子 转义字符 字符类 2.字符直接量（ 阅读全文
posted @ 2017-08-28 08:15 不完美的完美 阅读(285) 评论(0) 推荐(0) 编辑
原型 Boolean String Math Date知识点
摘要：原型 1.定义 每一个对象都有原型 原型仍然是一个对象 模拟实现面向对象的继承性 2.原型链 对象的原型还有原型 对象除了可以使用自有属性还可以继承原型上的属性 3.获取原型 4.操作原型的属性 原型本身就是对象,同操作对象 5.判断属性是自有的还是原型继承的 6.ECMA5中创建对象并指定对象的原 阅读全文
posted @ 2017-08-22 18:59 不完美的完美 阅读(234) 评论(0) 推荐(0) 编辑
3个js函数 变成数组本身的3个方法
摘要：<!DOCTYPE html 3个js函数 变成数组本身的3个方法 / 稀疏数组 变成不稀疏数组 @params array arr 稀疏数组 @return arry 不稀疏的数组 / Array.prototype.noSparse = function(arr){ var resArr=[]; 阅读全文
posted @ 2017-08-21 18:31 不完美的完美 阅读(344) 评论(0) 推荐(0) 编辑
JavaScript Object对象
摘要：Object 1.Object的概念 对象可以看做是属性的无序集合 2.创建对象object 直接量 {} 构造函数 new Object() //构造函数方式 创建数组 var obj = new Object(); obj.username = "lili"; obj.userpass = '1 阅读全文
posted @ 2017-08-21 15:42 不完美的完美 阅读(151) 评论(0) 推荐(0) 编辑
JavaScript数组
摘要：数组 1.数组的概念 数组是值的有序集合 数组中的每个值 称之为 元素 每个元素可以是任意数据类型的值 每个元素都有索引（下标） 元素的索引从0开始，按照顺序递增。 元素最大的索引 2^32 2 2.创建数组 直接量 构造函方式 var mycars=new Array() 3.读写数组中的元素 数 阅读全文
posted @ 2017-08-21 11:54 不完美的完美 阅读(194) 评论(0) 推荐(0) 编辑
JS函数
摘要：函数 1.函数的优势 提高软件的可靠性 提高软件的开放效率 提高软件的可维护性 提高软件的重用性 2.函数的组成 函数名(funcName) 函数体(statements) 参数(形参和实参)(parameters) 返回值(结束函数,作为函数调用表达式整体的值) 函数的声明方式 function 阅读全文
posted @ 2017-08-16 16:27 不完美的完美 阅读(140) 评论(0) 推荐(0) 编辑
年龄判段属相
摘要：通过年龄判段属相 <!DOCTYPE html swith case 根据年龄判断属相 box{ font size:30px; } 请输入您的年龄 提交 function getAge(){ //获取input中的值 var age = document.getElementById("age") 阅读全文
posted @ 2017-08-16 00:31 不完美的完美 阅读(215) 评论(0) 推荐(0) 编辑
JS实现上下左右对称的九九乘法表
摘要：JS实现上下左右对称的九九乘法表 table{ table layout:fixed; border collapse:collapse; } td{ padding:10px; border:1px solid 999; } td:empty{ border:none; } 一 左下角为度的梯形乘 阅读全文
posted @ 2017-08-16 00:27 不完美的完美 阅读(4071) 评论(0) 推荐(0) 编辑
分支结构
摘要：分支结构 条件语句 1.单向分支 if(条件){ } 2.双向分支 if(){ } else{ } 3.嵌套分支 if(){ if(){ } } else{ } 4.多项分支 if else if(适应表示范围) if(){ } else if(){ }else if(){ }else { } 5. 阅读全文
posted @ 2017-08-15 21:01 不完美的完美 阅读(227) 评论(0) 推荐(0) 编辑
数据类型转换,JS操作HTML
摘要：数据类型转换 1.自动转换(在某种运算环境下) Number环境 String环境 Boolean环境 2.强制类型转换 Number() 字符串:纯数字和空字符转为正常数字,其他NaN 布尔值:ture=1,false=0 var str = "abc" console.log(typeof(st 阅读全文
posted @ 2017-08-14 22:02 不完美的完美 阅读(219) 评论(0) 推荐(0) 编辑
JavaScript 基础知识
摘要：JavaScript 基础 编程语言 机器语言 汇编语言 高级语言 编译形 解释形 php/js ECMA 欧洲计算机制作联合会 JavaScript 组成 ECMA3 ECMA5 ECMA6(ECMA2015) (ECMA2016) (ECMA2017) 客户端 JavaScript 组成 ECM 阅读全文
posted @ 2017-08-12 11:37 不完美的完美 阅读(187) 评论(0) 推荐(0) 编辑
三种方法实现盒子垂直左右居中
摘要：盒子垂直左右居中方法 方法1(不常用) <!DOCTYPE html 盒子垂直左右居中 .box{ width:1000px; height:500px; border:1px solid 000; margin:0 auto; display:flex; } .box div{ width:200 阅读全文
posted @ 2017-08-11 16:56 不完美的完美 阅读(749) 评论(0) 推荐(0) 编辑
弹性网络
摘要：弹性网络(删格系统) sm 小屏幕 md 中屏幕 lg 大屏幕 响应式图片 给img的宽度 设置为 100% 使用background image 配合 padding top/background size 使用 `` 标签。 使用 pricturefill.js 插件 使用插件实现图片拖动 wi 阅读全文
posted @ 2017-08-10 16:15 不完美的完美 阅读(400) 评论(0) 推荐(0) 编辑
CSS3制作旋转的小风车
摘要：制作旋转小风车 一 我先搭建一个大盒子400x400px大盒子里面嵌套四个小盒子200x200px,放在一起肯定是四个排在一行,我想要的效果是上下各两个, { margin:0; padding:0; } box{ display:flex;/ 将容器设置为伸缩盒,和设置float效果一样 / fl 阅读全文
posted @ 2017-08-09 21:22 不完美的完美 阅读(3199) 评论(0) 推荐(0) 编辑
响应式网页设计
摘要：viewport 定义 可视区域 移动端:布局视口(大部分980px)/理想视口(视口宽度=设备宽度) 设置 设置选项 width 视口宽度 通常设置为device width height 视口高度 initical calse 初始化缩放比例 maximum scale 最大缩放比例 minim 阅读全文
posted @ 2017-08-09 17:53 不完美的完美 阅读(254) 评论(0) 推荐(0) 编辑
WEB字体,多列布局和伸缩盒
摘要：WEB字体 语法 @font face{ font family:""; src:url() format() ... } 兼容性写法 @font face { font family: 'diyfont'; src: url('diyfont.eot'); / IE9+ / src: url('d 阅读全文
posted @ 2017-08-08 19:19 不完美的完美 阅读(240) 评论(0) 推荐(0) 编辑
CSS变形
摘要：css3 变形/变换 相关属性 transform transform origin transform style:flat/preserve 3d perspective: 长度单位 perspective origin观察者的位置 backface visibialbe:visible/hid 阅读全文
posted @ 2017-08-08 11:33 不完美的完美 阅读(382) 评论(0) 推荐(0) 编辑
CSS边框属性
摘要：边框 圆角 border radius border top left radius border top right radius border bottom left radlius border bottom right radius 盒子阴影 box shadow box shadow:5p 阅读全文
posted @ 2017-08-08 11:32 不完美的完美 阅读(557) 评论(0) 推荐(0) 编辑
css选择器
摘要：css3 选择器 基础选择器 通配符选择器   ID选择器    ID class选择器   .classname 元素选择器   tagName 群组选择器   selecter,selecter 层次选择器 后代选择器 &nb 阅读全文
posted @ 2017-08-03 19:01 不完美的完美 阅读(303) 评论(0) 推荐(0) 编辑
css3带你实现酷炫效果
摘要：css3 私有前缀 webkit chrome/safari等webkit内核浏览器 moz firfox o opera ms IE css3 盒子模型 box sizing 值content box/border box content box(默认) border box(不会增加paddin 阅读全文
posted @ 2017-08-03 08:22 不完美的完美 阅读(1937) 评论(0) 推荐(0) 编辑
H5智能表单
摘要：表单 keygen元素的作用是提供一种验证用户的可靠方法 datalist 元素规定输入域的选项列表 output元素用于不同类型的输出，比如计算或脚本输出 智能表单 input 新增type值 email 邮箱地址 url 网址 number 输入值必须是数字 属性 min最小 max最大 ste 阅读全文
posted @ 2017-08-02 13:02 不完美的完美 阅读(290) 评论(0) 推荐(0) 编辑