前端基础笔记
个人的前端基础相关笔记
手掌日月摘星辰
这个作者很懒,什么都没留下…
展开
-
transform的兼容性写法
个人github:https://github.com/qiilee 欢迎followtransform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: transl...原创 2017-09-25 16:17:47 · 30619 阅读 · 1 评论 -
分辨率常识
1、A70相机设置为2048X1536X16M来说,这就是300万像素。 2048X1536就是说在宽度方向有2048个像素,在高度方向有1536个像素。 2048X1536=3145728,我们就称其为300万像素2、 而后面的16M是指颜色深度。每个像素是有颜色的,而每像素的颜色用3个BYTE来记录, 分别是红,绿,蓝。每BYTE可以记录256个层次,原创 2017-06-15 22:01:53 · 1054 阅读 · 0 评论 -
前端基础笔记01
1.http的url格式: http://192.168.2.1:8080/index.html 平常上网见到的是域名,通过DNS转换成ip,返回浏览器再次请求 没有端口号是因为默认为 802、http:xt ctrl+e 生成结果代码 ctrl+shift+d 快速复制一整行 ctrl+shift+k 快原创 2017-06-02 21:24:45 · 414 阅读 · 0 评论 -
前端基础笔记02
1、img的src下有绝对路径(不能跨盘 就是完整的带有盘符的路径) 相对路径 1.jpg img/1.jpg ../img/1.jpg---------------------------SEO:搜索引擎优化 作用:用来优化网站,使用网站在搜索引擎上的排名向前原创 2017-06-02 21:25:44 · 409 阅读 · 0 评论 -
前端基础笔记03
1.html:5 Tab 补全h5结构 如: Document2.html中的空格合并现象 html中对缩进空格换行不敏感 不管有多少空格缩进换行 浏览器只会当做一个空格来解析   占得是一个汉字的长度,是空格的两倍 空格 占得是半个汉字的长度3.如何原创 2017-06-02 21:27:04 · 456 阅读 · 0 评论 -
前端基础笔记04
1、嵌套样式 作用于当前页面 行内样式 作用于当前标签 外联样式 作用于多个页面2、border :border-width border-style border-color font: font-style font-weight font-size font-family backgroun原创 2017-06-02 21:27:55 · 413 阅读 · 0 评论 -
前端基础笔记05
一、伪类 与类选择器相似,但是又有所不同 a:link{} a:visited{} a:hover{} a:active{} 设置a标签被激活(被点击)的样式 a 注意:使用时顺序不可变 lv的包 ha哈哈 b 有些锚点类除了可以作用在a标签上,还可以作用在其他标签 :li原创 2017-06-02 21:28:29 · 405 阅读 · 0 评论 -
前端基础笔记06
1.sublime多行编辑:shift+鼠标右键下拉2.list-style:none ; 作用就是去li前的小点3.最新文章练习总结: *{margin:0;padding:0 }的重要性 li标签中嵌套a标签,设置字体要在li选择器中设置4.alt+放大镜:缩小二、补充 1 行高是可以继承的,如下123123会原创 2017-06-02 21:29:23 · 443 阅读 · 0 评论 -
前端基础笔记07
一、清除浮动 浮动对页面的影响: 如果一个父盒子中有一个子盒子,父盒子没有设置高,子盒子在父盒子中进行了 浮动,那么将来父盒子的高度为0,下面的元素会自动补位,所以这个时候要清除浮动一个标签 清除浮动: 核心:clear:both; 1.使用额外标签法(不推荐使用)原创 2017-06-02 21:29:58 · 395 阅读 · 0 评论 -
前端基础笔记08
浮动时使用text-align:center 没效果而display:inline-block;时使用有效15网站的底部.foot ul{ text-align:center;}.foot li { display:inline-block;}一、 定位定位中的z-index: 作用:设置页面中元素的层级关系 取值:正整数原创 2017-06-02 21:30:34 · 330 阅读 · 0 评论 -
前端基础笔记09
一、透明度1、如果定位的盒子没有宽高,那么默认宽高为02、如果给子盒子设置宽为100%,那么子盒子的宽与父盒子一样宽3、透明度 opacity:不透明度 赋值 :opacity:0.5 取值 ;在0-1之间的小数 这个属性ie6不支持,如果在ie6中设置透明,要用: filter:原创 2017-06-02 21:33:11 · 373 阅读 · 0 评论 -
前端基础笔记10
1、 逻辑运算符的优先级: !>&& > || 而不是从左向右运算的2 转为NumberA、prompt 接受的数据类型是 string 可以用Number转换 1var a = Number("abc") //除了数字的其他字符 得到NaN 2var b = Number(""); //得到0原创 2017-06-02 21:45:09 · 380 阅读 · 0 评论 -
前端基础笔记11
1、隐式转换 a转Number :加减乘除取余都可以 (注意 num为string,num+100中的加号是连接作用,+num+100对了) b转String : 加"" c转Boolean : !2、比较运算符 var a = "3"; var b = 3;var c = a == b; ----原创 2017-06-02 21:46:59 · 386 阅读 · 0 评论 -
IE和DOM事件流的区别
IE和DOM事件流的区别··IE采用 冒泡型 事件模型·· 冒泡型事件模型: span->div->body (IE事件流)事件冒泡事件传递的一个过程,如果某一个父级元素具有了相同类型的事件,就会触发.事件冒泡的执行顺序:从最特定的元素(触发的元素)冒泡的最不特定的元素(文档).(事件冒泡阶段:事件从事件目标(target)开始,往上冒泡直到页面的最上一级标签)·事件冒原创 2017-05-28 16:10:21 · 1782 阅读 · 0 评论 -
各种主流浏览器的调试
调试工具的使用目录1.对IE浏览器的调试 21.1. IE6,IE7浏览器对JS的调试方式 21.1.1准备工作 21.1.2调试脚本步骤 31.1.3总结 41.2.IE8浏览器对JS的调试方法 41.2.1.准备工作 41.2.2调试脚本步骤 51.2.3总结 82对火狐进行调试 82.1安装Firebug 82.2、打开和关闭F转载 2017-05-28 20:29:14 · 2248 阅读 · 0 评论 -
浏览器兼容问题
1. 默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;}2. 水平居中的问题问题:设置 text-align: center ie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置1、margin-left:auto;marg原创 2017-05-29 13:28:38 · 570 阅读 · 0 评论 -
浏览器兼容及解决
浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?原因,解决方法是什么,常用hack的技巧 ? 1.浏览器内核分别为什么IE-->火狐-->Safari-->Opera-->ChromeIE : trident 内核Firefox : gecko内核Safari : webkit 内核Opera : 以前是presto内核 ,现在已经改用Chrom的 Bl原创 2017-05-30 22:51:04 · 509 阅读 · 0 评论 -
浏览器兼容性汇总(CSS+js)
目录ØJavaScript 31.HTML对象获取问题 32.const问题 33.event.x与event.y问题 34.window.location.href问题 35.frame问题 36.模态和非模态窗口问题 37.firefox与IE的父元素(parentElement)的区别 38.document.for翻译 2017-05-28 20:31:35 · 596 阅读 · 0 评论