2017 年 12月随笔档案 - likor

字符串操作常用的属性+方法

摘要：var s="hello world"; console.log(s.length);//获取长度 console.log(s.charAt(0));// "h" 第一个字符 console.log(s.substring(1)); console.log(s.substring(1,4));//" 阅读全文

posted @ 2017-12-29 20:21 likor 阅读(161) 评论(0) 推荐(0)

JavaScript split() 方法

摘要：定义和用法 split() 方法用于把一个字符串分割成字符串数组。实例例子 1 在本例中，我们将按照不同的方式来分割字符串：输出：例子 2 在本例中，我们将分割结构更为复杂的字符串：例子 3 使用下面的代码，可以把句子分割成单词：或者使用正则表达式作为 separator：例子 4 如阅读全文

posted @ 2017-12-29 20:09 likor 阅读(5028) 评论(0) 推荐(0)

语法糖

摘要：举个例子：在C语言里用a[i]表示*(a+i),用a[i][j]表示*(*(a+i)+j)[1] ，由此可见语法糖不是“现代语言”独有，这种写法简洁明了，容易被人理解。阅读全文

posted @ 2017-12-29 20:06 likor 阅读(140) 评论(0) 推荐(0)

CSS3的REM设置字体大小

摘要：在详细介绍rem之前，我们先一起来回顾一下我们常用的两种记量单位，也是备受争论的两个： PX为单位在Web页面初期制作中，我们都是使用“px”来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小，这时会使用我们的We 阅读全文

posted @ 2017-12-29 18:41 likor 阅读(1133) 评论(0) 推荐(0)

js中的内置对象

摘要：在js里，一切皆为或者皆可以被用作对象。可通过new一个对象或者直接以字面量形式创建变量（如var i="aaa")，所有变量都有对象的性质。注意：通过字面量创建的对象在调用属性和方法时会被对象包装器暂时包装成一个对象，具有对象的性质。如 var str="我不是一个真的对象"; alert(str 阅读全文

posted @ 2017-12-28 13:03 likor 阅读(139) 评论(0) 推荐(0)

JS中的Navigator 对象

摘要：Navigator 对象包含有关浏览器的信息。很多时候我们需要在判断网页所处的浏览器和平台，Navigator为我们提供了便利 Navigator常见的对象属性如下：我们使用的比较多的是他的userAgent，经常需要判断的情况有：（1）PC还是移动端（2）安卓还是IOS （3）浏览器的类型阅读全文

posted @ 2017-12-28 12:45 likor 阅读(2025) 评论(0) 推荐(0)

navigator 对象

摘要：转载： http://www.itlearner.com/code/js_ref/brow1.htm 包含了正在使用的 Navigator 的版本信息。创建源 JavaScript 客户端运行时刻引擎自动创建 navigator 对象。描述使用 navigator 对象可以决定你的用户正在使用阅读全文

posted @ 2017-12-28 12:44 likor 阅读(357) 评论(0) 推荐(0)

Js中单引号和双引号的区别

摘要：<html> <body> <input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" /><br /> <input value="外单引号内单引号-错误" type="button" onclick='alert('OK');' 阅读全文

posted @ 2017-12-28 12:41 likor 阅读(478) 评论(0) 推荐(0)

Js之Screen对象

摘要：Window Screen window.screen 对象在编写时可以不使用 window 这个前缀。属性： screen.availWidth - 可用的屏幕宽度，以像素计，减去界面特性，比如窗口任务栏。 screen.availHeight - 可用的屏幕高度，以像素计，减去界面特性，比如窗阅读全文

posted @ 2017-12-28 12:40 likor 阅读(219) 评论(0) 推荐(0)

Js之Navigator对象

摘要：Window对象的navigator属性引用的是包含浏览器厂商和版本信息的Navigator对象。Navigator对象的命名是为了纪念Netscape之后NavigatorBU览器译注2，不过所有其他的浏览器也支持它（IE还支持clientln formation属性，它作为navigator的厂阅读全文

posted @ 2017-12-28 12:39 likor 阅读(167) 评论(0) 推荐(0)

css权重计算方法浅谈

摘要：在这之前只知道css权重的皮毛，比如说：行内权重比头部权重高，头部比外部样式权重高…………工作中才知道真正理解css权重重要性。理解权重了才能写出来最优css选择器来。对后面学习less，scss有很大帮助。从css代码存放的位置来看，权重计算当然是 >内嵌样式 > 内部样式表 > 外联样式表!然阅读全文

posted @ 2017-12-26 13:41 likor 阅读(189) 评论(0) 推荐(0)

CSS之BFC、IFC、FFC and GFC

摘要：CSS之BFC、IFC、FFC and GFC 什么是FC？ BFC(Block Formatting Contexts) BFC的布局规则: 如何生成BFC： IFC(Inline Formatting Contexts) FFC(Flex Formatting Contexts) GFC(Gri 阅读全文

posted @ 2017-12-26 09:57 likor 阅读(209) 评论(0) 推荐(0)

CSS基础选择器温故-1

摘要：1.基本选择器语法 2.浏览器兼容性：浏览器对基本选择器都是一路绿灯通行，可以放心使用。 3.通配选择器：选择所有元素，也可以选择某个元素下的所有元素（1）选择所有元素： *{margin: 0;padding: 0;} （2）某个元素下的所有元素：.demo *{background: purp 阅读全文

posted @ 2017-12-26 09:55 likor 阅读(146) 评论(0) 推荐(0)

CSS层次选择器温故-2

摘要：1.层次选择器通过HTML的DOM元素间的层次关系获取元素，层次关系包括后代、父子、相邻兄弟和通用兄弟，通过其中某类关系可以方便快捷地选定需要的元素 2.语法 3.兼容性 IE7以及以上版本 4.后代选择器也称包含选择器，作用：可以选择某元素的后代元素 eg：【E F】，选中F元素，这里不管F元阅读全文

posted @ 2017-12-26 09:54 likor 阅读(201) 评论(0) 推荐(0)

CSS动态伪类选择器温故

摘要：动态伪类选择器伪类选择器：大家熟悉的：【:link】【:visited】【:hover】【:active】CSS3的伪类选择器分为六种：（1）动态伪类选择器（2）目标伪类选择器（3）语言伪类选择器（4）UI伪类选择器（5）结构伪类选择器（6）否定伪类选择器注：和其它CSS选择器的区别-伪类选择器都阅读全文

posted @ 2017-12-26 09:53 likor 阅读(284) 评论(0) 推荐(0)

CSS十问——好奇心+刨根问底=CSSer（转）

摘要：最近有时间，想把酝酿的几篇博客都写出来，今天前端小学生带着10个问题，跟大家分享一下学习CSS的一些体会，我觉得想学好CSS，必须保持一颗好奇心和刨根问底的劲头，而不是复制粘贴，得过且过。本人能力有限，这篇文章从构思加完成用了四五天，如果你和我一样是前端小白，不妨仔细斟酌体会，以期领悟到一些东西；如阅读全文

posted @ 2017-12-22 11:56 likor 阅读(209) 评论(0) 推荐(0)

CSS你可能还不知道的一些知识点

摘要：一、特殊选择器 1、* 用于匹配任何的标记 2、> 用于指定父子节点关系 3、E + F 毗邻元素选择器，匹配所有紧随E元素之后的同级元素F 4、E ~ F 匹配所有E元素之后的同级元素F 5、名称[表达式] 5.1 E[att] 匹配所有具有att属性的E元素（[att]获取所有的定义了att的标阅读全文

posted @ 2017-12-22 11:50 likor 阅读(181) 评论(0) 推荐(0)

html你可能还不知道的一些知识点

摘要：一、标签语义化 html标签语义化是让大家直观的认识标签和属性的用途和作用，好处最主要的是对搜索引擎友好。 Eg: 1、如果你想在页面中突出"奥巴马"这三个字，让搜索引擎重视它，如果你这么写：对于搜索引擎来说，它也只是一个普通得不能再普通的三个字而已，尽管它是指代美国总统。那么应该怎样才能让搜索阅读全文

posted @ 2017-12-22 11:49 likor 阅读(135) 评论(0) 推荐(0)

JS你可能还不知道的一些知识点（一）

摘要：js程序是用Unicode字符集编写的， 2、转义字符：反斜线 1 2 3 4 function Test(){ var s='you\'re right,it can\'t be a quote'; console.log(s); } 1 2 3 4 function Test(){ var s= 阅读全文

posted @ 2017-12-22 11:48 likor 阅读(136) 评论(0) 推荐(0)

likor

12 2017 档案