前端开发
文章平均质量分 66
GK-c
这个作者很懒,什么都没留下…
展开
-
html-note02_表格表单
一、表格完整结构 边框 内容到边框的距离 单元格到单元格之间的距离原创 2016-12-04 17:54:39 · 267 阅读 · 0 评论 -
CSS新增的背景属性
css新增的背景属性 background-color background-image: background-repeat: background-position: background-image:linear-gradient(to top,green,red,yellow,orange);:线性渐变 (方向原创 2016-12-18 14:30:32 · 430 阅读 · 0 评论 -
html-note_伪类选择器
css3的选择器 属性选择器: [标签属性] [标签属性="属性值"] 【alt*=""】 *是模糊 ^是以它开头 $以他结尾 ~是选择最符合的例子是class="a b" ~=a 会选择有class="a b"的那个 伪类选择器 之前学的是所有子元素中的第几个 下面的是原创 2016-12-18 14:32:27 · 390 阅读 · 0 评论 -
经典属性玩转transition和animation
CSS3新增的属性 transform(变形) translate(平移)(x,y) scale(缩放)(x,y) rotate(旋转)(x,y) skew(扭曲)(x,y) transform-origin(变形的中心点的位置):x y ; transtion(过度):css属性 时间 过渡样式 延迟时间 property duration timin原创 2016-12-18 14:34:29 · 400 阅读 · 0 评论 -
CSS hack
如何让网页符合WEB标准 HTML < > > CSS 不要嵌套太多 三层为佳 能给父元素设置的尽量不要给子元素设置 尽量写复合属性 什么是浏览器兼容性 因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况(JS HTML CSS的兼容性) CSS Hack(修改) IE 条件注释HACK CSS选择符HACK原创 2016-12-18 14:38:59 · 270 阅读 · 0 评论 -
H5+CSS3.0常见bug及解决方案
常见问题(bug)及解决方案 1.图片下方有空隙 插入图片后默认会有一个空隙 给父级元素加一个边框就能看到 解决方案: img{vertical-align:middle/top/bottom;} img{display原创 2016-12-18 14:35:41 · 1738 阅读 · 0 评论 -
复习和总结H5 CSS3常见的知识点
常用标签 块级元素 div form table ul li ol dl dt dd h1-6 p header footer nav figure section addres aside hgroup hr br 行内元素 span a strong b i em time aud原创 2016-12-18 14:44:52 · 2064 阅读 · 1 评论 -
JavaScript_note01
1.什么是Java Script ECMAscipt:描述JavaScript的基本语法 DOM BOM 弱类型语言 是一种基于对象和事件驱动并具有安全性能的脚本语言 基于对象:元素和标签看做是对象,利用对象的思维对他们进行操作 事件驱动:鼠标点击、键盘输入等启动预先设置的相应动作 脚本语言:不需要通过原创 2016-12-25 20:43:55 · 267 阅读 · 0 评论 -
JavaScript_note02
1、表达式与运算符 表达式:由操作数和运算符组成的式子 var x; 6; var y = x++ / (x-- + x++)*x--; var n = a + b 运算符: 一元运算符(单目运算符):++ -- + - 算术运算符:+ - * / %原创 2016-12-25 21:14:02 · 199 阅读 · 0 评论 -
JavaScrip循环语句
函数体内遇到return之后函数结束 alert("这个里面写变量+2或者-X之类的运算要加括号") isNaN():is not a number; 如果是数字 返回值是false 如果不是数字 返回值是true 括号里面要写要判断的数 循环: for(表达式1;表达式2;表达式3){ 循环语句 }原创 2016-12-25 21:20:08 · 407 阅读 · 0 评论 -
JavaScript函数
函数里面[]中的东西表示可有可无 函数 自定义函数 函数声明: function 函数名([参数列表]){ 函数体; [返回值]; } (参数列表和返回值都是可有可无的) 函数的调用: 直接调用:函数名()原创 2016-12-25 21:24:37 · 217 阅读 · 0 评论 -
JavaScript循环零散知识点
for...in foreach()Infinity 无穷大 alert(1/0); -Infinity 无穷小 alert(-1/0); break(打断): 1、应用在switch语句里,只要遇break,switch语句结束. 2、应用在循环,结束本层循环,继续下一层循环。只要碰到break就跳出本次循环,本次循环里原创 2016-12-25 21:27:22 · 261 阅读 · 0 评论 -
css3.0新增属性
ie6只兼容a:hover 别的hover不兼容 层级选择器里面用+号表示紧跟着的兄弟元素 一般有浮动的元素都要加宽度 float:left; left可以替换成像素 导航的三种加宽: 只用width实现:字数一致的时候可行 只用padding实现:完美 只用margin实现:必须保证li里面没有修饰的东西 比如竖杠啥的东西 css新增的属原创 2016-12-18 14:27:36 · 721 阅读 · 0 评论 -
html定位position
定位: position(定位):fixed(固定定位)/relative(相对定位)/absolute(绝对定位) 都会在原来文档层的上一层 top:50%/50px; bottom:50%/50px; left:50%/50px; right:50%/50px;原创 2016-12-18 14:24:50 · 475 阅读 · 0 评论 -
HTML-note01_标签
一、基本格式 //起到一些有功能的代码(CSS\JS\后台程序)在浏览器中不需要显示的内容 //在浏览器中需要显示的内容 我是1619的三名同学。今天很难过!!! 总共6个 二、学习HTML中常原创 2016-12-04 17:46:17 · 775 阅读 · 0 评论 -
html-note03_css选择器
标签在网页中的表现形式 块级元素(大标签/大盒子) div table form ul ol dl li dt dd p h1-h6 行内元素(小标签/小盒子) span a strong b em i time 行内块级元素(小标签/小盒子) img input sele原创 2016-12-04 17:59:41 · 350 阅读 · 0 评论 -
JavaScript数组的应用
总结的一些注意事项: 一、在判断前不要转字符 string类型中""就是空 parseInt parseFloat类型中" "引号中加个空格才是空 // 判断是否为空的时候 直接用字符型的判断 因为数字类型永远没有为空的情况 // 判断是不是字母 或者是不是负数的时候可以转为数字类型来判断也可以不转 二、不想写重复代原创 2017-01-02 17:18:11 · 272 阅读 · 0 评论 -
JavaScript数组中的冒泡排序
数组中的冒泡排序 原理:相邻的两个数进行比较,如果第一个数比第二个数大或小,进行交换。 最终的目的:实现从小到大或从大到小排序sort 简介sort 方法返回一个元素已经进行了排序的 Array 对象。 arrayobj.sort(sortfunction) 参数arrayObj 必选项。任意 Array 对象。原创 2017-01-02 18:16:18 · 410 阅读 · 0 评论 -
JavaScript的正则表达式和表单事件
正则表达式对象 正则表达式 由普通字符和元字符组成一个由规律的式子 普通字符包括大小写的字母和数字 元字符则具有特殊的含义 正则表达式就是记录文本规则的代码 正则表达式对象(表单验证); 声明: 1、构造函数声明法原创 2017-01-02 18:40:08 · 463 阅读 · 0 评论 -
BOM、Intervale、Document
javascript组成部分 ECMAscript:描述的是JavaScript语法 BOM:Browser Object Moder (浏览器对象模型) 没有标准 作用: 结合JavaScript和BOM里提供的属性和方法对浏览器进行操作 window是最顶级的 所有的对象和函数都属于window原创 2017-01-02 18:43:14 · 241 阅读 · 0 评论 -
DOM笔记
onscroll:滚动条事件 window window.onscroll=function(){ f(); }; window.onscroll=f; function f(){ }; window.close(); 关闭浏览器 onscroll:滚动原创 2017-01-02 22:17:54 · 281 阅读 · 0 评论 -
CSS伪类选择器
CSS选择器基本选择器; *:全局选择器(全部标签),全部的标签都具有相同的样式 标签选择器(element):相同的标签样式具有相同的样式 类别选择器(class):相同的标签可以具有不同的样式,不同的标签可以具有相同的样式 id选择器(id):唯一性,优先级 高 层级选择器: 群组选择器 *,p*.class,#i原创 2016-12-18 14:07:37 · 278 阅读 · 0 评论 -
CSS3.0文字方面的属性
css属性 文字属性: color:文字颜色;通常使用的是十六进制表示法和单词表示法 font-size:12px/14px/16/px; 文字大小 font-family:宋体/黑体/微软雅黑 文字字体 font-style:normal(正常)/ita原创 2016-12-18 14:13:59 · 334 阅读 · 0 评论 -
html盒子模型
盒子模型(所有的标签看做是一个盒子): 块级元素(大盒子) 行内元素包括行内块级元素都是(小盒子) 一个盒子的组成部分:内容的宽和高(尺寸)+内边距+边框+外边距 width+内边距(填充)+边框+外边距 height+内边距(填充)+边框+外边距 边框:原创 2016-12-18 14:23:09 · 578 阅读 · 0 评论 -
如何将一个ArrayLike(类数组对象)变成一个Array(真正的数组对象)
如何将一个ArrayLike(类数组对象)变成一个Array(真正的数组对象)ES6语法新特性展开运算符 var list=document.getElementsByTagName('div'); var arr=[..list];Array.from var list=document.getElementsByTagName('div'); var arr =原创 2017-04-30 18:32:45 · 1945 阅读 · 5 评论