- 博客(46)
- 收藏
- 关注
RSS订阅原创 jquery基础知识
jquery基础知识1.Q设计思想？ 2.选择网页元素 3.模拟CSS选择元素 4.独有表达式选择 5.多种筛选方法 6.JQ写法 7.方法函数化 8.链式操作 9.取值赋值合体 10.JQ与JS关系 可以共存，不能混用1.所有的jQuery都是用函数封装的,根据html元素来编制的$(selector css选择器).action();常见的选择器方法：语法 描述$
2017-06-04 13:54:15
709
原创 关于HTML的几个技巧
模拟绝对定位在浏览器中为了实现绝对定位诸多方法，今天就解决兼容性的问题，来模拟决定定位。相对于html的绝对定位原理：当不给绝对定位设置父元素定位时，那么默认的相对于父级定位, 也就是想对于html定位。 html:100%;及可视区域的大小 将超过可视区域的面积设置截取，则html永远的高度就是可视区域高度，不会被撑开；代码如下： html{ height:10
2017-06-03 22:51:09
535
原创 关于HTML兼容性
关于HTML兼容性的总结**1.计算一定要精确，不要让子元素大于父元素 不然IE会撑开父元素出问题2. 在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动 不然里面的元素会占满父元素的父元素的正行，浮动就没用！3. 在IE6，7下元素要通过浮动并在同一行，就给这行元素都加浮动4. 注意标签嵌套规范5. IE6下最小高度问题
2017-06-03 22:18:14
506
原创 关于JS优化
DOM优化原则一：DOM和JS操作是分离的每一次操作都是要经过消耗的。要尽量减少这样的操作。 比如：将js全部操作完了再对DOM进行连接。原则二：DOM操作innerHTML chrome耗能少 firefox,IE innerHTML 比 DOM耗能少原则三：减少DOM的操作 。解决办法利用cloneNode(true) true代表克隆包括子节点 而不是每次都创建一个新的节点
2017-06-03 22:04:33
386
原创 js基础篇四
事件应用1.list document.getElementById();静态方法list li document.getElementByTagName();动态方法2.btn.onclick = f1;this触发事件的对象，有触发动作的就是触发对象，其他所有的都是window。3.getElementsByTagName最大特点就是它是动态的。还和ID的区别就是可以不用document
2017-06-03 21:47:12
520
原创 js之基础篇三
js之事件**1. childNodes 只读 子列表集合 标准下：包含了所有的文本节点和元素节点 非标准(ie)：只包含元素节点，并且不包含非法嵌套的元素。 元素节点：1 属性节点：2 文本节点；3 12种类型nodeType 获取所有的子节点包括空格 aLi[i]
2017-06-03 21:40:40
513
原创 js基础篇（二）
js之数据域1.浏览器：找一些东西，var (function) 参数 预先存储 var function1.所有的变量在代码正式运行之前，全都赋了一个值，undefined所有函数，在正式运行之前都是整个函数块。2.逐行解读代码表达式可以改变预解析的值(函数不可以)2. window.onload = function () { var a = 1;
2017-06-03 21:01:58
509
原创 js基础篇
js之字符串篇1.var str = 'string';str.charAt(); //得到字符 默认就是第一个str.charCodeAt(number); //得到字符的编码 默认第一个字符(String).formCharCode(77,121);//My 通过编码的到字符 根据编码判断是不是全都是数字2.
2017-06-03 20:54:50
416
原创 addEventListener处理函数添加参数
在学习事件添加的时候，使用addEventListener无疑是最好的方式，但是一个很久就思考过的问题，一直没有解决。那就是addEventListener处理函数添加参数怎么办。 我们一般是这样来做的，addEventListener(event,function,boolean); for(var i=0;i<aDiv.length;i++){ aDiv[i].
2017-05-30 10:37:08
1961
原创 内心空明
1.三年在任何一个区域都可以成为一个专家，十年磨一剑而我得到的几乎是一块废铁。命都不要了，就要安逸。2.静下心了做出选择，用最高的效率做最好的事情，咸鱼只会喝水，而我还会吃饭，活出个人样。3.心无挂碍，无挂碍故。无有恐怖，远离颠倒梦想。究竟涅槃，内心空明。4.此役未成，再无阿福。
2017-05-03 17:07:19
858
转载 class，id的命名
关于团队合作的css命名规范常用的css命名规则：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：
2017-03-20 17:21:09
623
转载 解决浮动问题的几种方法
额外标签法使用:after 伪元素给父元素定高利用overflow:hidden;属性父元素浮动父元素处于绝对定位在开发网页的时候经常需要用到各种浮动，此时便需要及时的清除浮动，否则将会导致布局出现问题引出问题：html lang="en">head> meta charset="UTF-8"> title>tit
2017-03-20 12:59:49
1092
转载 absolute
深入理解absolute文章转自：http://www.jianshu.com/p/a3da5e27d22b之前介绍过CSS浮动float详解，本篇介绍的绝对定位absolute和浮动float有部分相似性。如果能理解浮动float，对理解绝对定位absolute会大有帮助。先说absolute和float的相似处：包裹性 和 高度欺骗包裹性所谓一图胜千
2017-03-19 17:53:20
1548
1
原创 非浮动元素的margin对浮动元素无效
Document .container{ overflow: hidden; } .box{ width: 70%; height: 200px; background-color: red; /*margin-botto
2017-03-18 22:22:28
1414
转载 元素居中的方法
我想先问一下你们能想到的实现垂直居中的方法有哪些？1、line-height方式2、Table布局3、Inline-block方式4、绝对定位之automargin5、绝对定位之负margin6、transform7、额外div8、Flex居中我把他们分为了两类，文本的垂直居中和块级垂直居中文本垂直居中：line-height方式、table布局块级垂直
2017-03-16 17:52:56
646
原创 致自己
文案什么是我自己想做的事情？为什么我想做事情别人都不支持呢？别人不支持的话我该不该放弃呢？坚持了就一定是胜利吗？我心里隐约知道自己能干点事虽然又真不知道会是什么虽然今天的我肯定不是我来北京时候想要成为的那个可也就是这12年间的每一个选择和决定让我活成今天的样子我只是坚持 坚持给自己暗示不放弃 在最无趣无力的日子
2017-03-07 14:36:52
656
原创 HTML的总结
HTML的总结1.注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”这样同一组的单选按钮才可以起到单选的作用。2.label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，di就会触发此控件。点击文字就可以选中按钮。注意：标签的
2017-03-06 20:20:42
508
原创 HTML规范
HTML规范 写代码该开始学的时候，只要把功能实现就可以了，当达到一定的程度的时候，就要对代码有一定的要求，比如：对代码优化，对代码的书写规范化，就好像多个人协作写一个产品要让别人看起来就好像是一个人写的一样！还记得有个老师说过写代码不一定要多厉害，其实你别人的差距就在于别人的代码写的符合规范化！代码写的规范化可以避免一些不必要的bug以及代码让人看起来更好！就算有bug也可以在
2017-03-06 13:05:37
1014
转载 inline,inline-block,block的区别
总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。大体来说HTML元素各有其自身的布局级别（block元素还是inlin
2017-03-05 20:39:34
386
原创 phtoshop切图的几种方式
phtoshop切图的几种方式 作为一个前端开发者，想必多多少少要掌握一定的切图技巧，通过几天的摸索，从了解psd是什么文件到安装ps并对其简单的工具进行一点的了解继而到最后怎么样切图并将设计稿变成一个实实在在的网页！在此处总结了关于切图的几种方式！1.传统的切图（手动切图）：工具栏中的“剪切工具”，其实剪切工具里边一共为我们提供了四个工具。分别为“裁剪工
2017-03-05 11:00:58
2119
原创 前端的phtoshop
前端必备技能--------切图在窗口上选择有用的工具：1.图层2.历史记录3.信息4.字符信息：选项设置中改为像素，选中文档大小编辑--首选项--改为像素步骤：1.视图/显示/智能参考线以及视图/字符，这两个都要选上；2.窗口/信息；窗口/字符，两个打开，其他的多余的可不需要，将前面的勾取消；3.点击信息面板那一个小三角，打开面板选项/标尺单位：像素；
2017-03-03 23:43:12
359
原创 css清除浮动的方法
终极版一：.clearfix:after { content:"\200B"; display:block; height:0; clear:both;}.clearfix {*zoom:1;}/*IE/7/6*/终极版二：.clearfix:before,.clearfix:after{ content:""; displa
2017-03-01 20:10:18
363
原创 垂直居中
1.方法一.parent { width:800px; height:500px; border:2px solid #000; position:relative; } .child { width:300px; he
2017-02-28 22:30:32
372
转载 定位详解
当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术，很大程序上取决于内容和目标页面，因为有很多技术比别人的更牛。例如，浮动可以让页面元素并排显示，而且还可以制作一个干净的布局。然而，有时候需要一些严格的定位，这时需要使用其他的技术，包括“relative”和“absolute”定位。在这节课中，我们先来介绍一下浮动的使用，接下来详细介绍定位的技巧，包括如何准确的给元素在X轴、Y轴和Z轴定位
2017-02-28 21:48:16
317
转载 关于三栏式布局的几种方式
一、前言在如今各个分辨率显示器N足鼎立的时期，页面采用流动性布局（亦可称自适应布局）不失为一个好选择。当然，具体实现不是那么容易，需要一定的css功力和实践经验。本文不讲细节，只讲外部的自适应架构，这也是实现整个页面自适应的前提。目前为止，我所熟知的左中右三栏宽度自适应于浏览器的方法有三个：绝对定位法，margin负值法以及自身浮动法。这些方法简洁实用，且无兼容性问题。如果您想在您的页面上使用
2017-02-28 18:09:50
1674
原创 深入Padding
padding的尺寸问题 设置padding会增大容器的大小，但是并非一直是这样的。 比如当width不设置大小的时候！总结 inline元素 百分比以上的图片均来自：http://www.imooc.com/learn/710
2017-02-27 22:18:05
548
原创 深入margin
1.margin与可视化尺寸适用于没有设定固定的width和height普通block元素，float,absolute,/fixed inline元素，table cell元素则不可以 经过设置margin值可以改变div的大小 应用实现图片文字并排列的时候文字对齐**同理当父元素容器没有设置width和height，利用图片的margin 可以改变容器的大小，用来元素的留白！其他元素
2017-02-26 19:19:39
711
原创 欢迎使用CSDN-markdown编辑器
一级标题二级标题三级标题无序列表123有序列表123 这里是一个引用注意>与文字的空格插入链接baidu这儿有一个粗体字 这儿有一个斜体字下面是一个表格 表头 表头 表头 这里是表格的内容 内容 内容 内容 内容 内容下面是一段代码for（int i = 0； i < n; i++）{ printf("Hello world!");
2017-02-26 14:53:50
403
转载 Git之问题篇
转自：http://blog.csdn.net/dengjianqiang2011/article/details/9260435如果输入$Git remote add origingit@github.com:djqiang（github帐号名）/gitdemo（项目名）.git 提示出错信息：fatal: remote origin already exists.
2017-02-26 09:38:05
452
转载 background-position的详细用法
background-position的详细用法语法：background-position : length || length background-position : position || position 取值：length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 position : top | center | b
2017-02-25 11:28:13
576
原创 img的底部空白
img的底部空白部分 近日在学习慕课网的一个小项目的时候一个细节引起了我的注意，具体如下：上面白色左边的div的width:200px;height为自适应只放一张图片，图片大小为width:200px,height：80px;可是图片竟然溢出了，通过查看元素发现左边div的高度为83.5px;竟然比图片还大3.5px,可是我明明只放了一张图片了啊！而且m
2017-02-24 11:02:00
928
转载 vertical-align的使用方法
vertical-align的使用方法vertical-align的定义W3C上对vertical-align的定义：vertical-align属性设置元素的垂直对齐方式。该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中，这个属性会设置单元格框中的单元格内容的对齐方式。文本通常根据不可见的基
2017-02-23 20:56:12
1473
转载 父元素无宽高度（或框高度不够），子元素浮动
网页前端工作者经常会遇到子元素设置float浮动后导致父容器高度不能自适应，也就是俗称的外部容器不能被“撑大”，常见表现为背景或边框异常，这时我们就需要来清除“闭合浮动”，方法主要有以下4种：比如父元素不设宽高度，而子元素浮动，则子元素无视父元素进行浮动贴在一起1. 额外标签法这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这
2017-02-23 14:37:53
1124
原创 sublime与Emment
sublime与Emment作为一个开发者，想必用过sublime和Emment 的无不大快朵颐，这两者结合在一起简直是天合之作。它不仅仅提高编码的速度而且令开发者感到编码的乐趣和舒适感，今天准备写一下关于这两者的一点最基础和最常用的使用！仅仅用做于新手的学习（大神请自行下车）。1.sublime（1）下载官网：http://www.sublimetext.com安装插件：
2017-02-22 13:18:07
1042
转载 Git之基础学（2）
1.分支管理当我们创建新的分支，例如dev时，Git新建了一个指针叫dev，指向master相同的提交，再把HEAD指向dev，就表示当前分支在dev上：你看，Git创建一个分支很快，因为除了增加一个dev指针，改改HEAD的指向，工作区的文件都没有任何变化！不过，从现在开始，对工作区的修改和提交就是针对dev分支了，比如新提交一次后，dev指针往前移动一步，而master指针
2017-02-10 17:18:51
330
原创 Git 之基础学（1）
本文是据廖雪峰老师的教程总结，想要更详细的教程移步：http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b0001.下载安装Gitmsysgit是Windows版的Git，从https://git-for-windows.github.io下载，然后按默认选项安装即可。安
2017-02-10 17:01:14
442
转载 关于eclipse的快捷键
在网上搜eclipse快捷键，可以搜出一大堆，大多罗列了n多的快捷键，估计大部分人看了以后都会头大的，我也头大，不过我一一尝试了一遍，整理出了eclipse最常用最有用，写代码必须用到的一些快捷键，大约只有网上快捷键大全的一半，减少大家的记忆量。如果大家把这些快捷键都很好的运用，写代码的效率一定会有提高。当然你也可以通过菜单栏中Window–>Preferences–>General–>Keys来查
2016-04-14 19:11:06
540
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人