前端 - 随笔分类 - 木杉彬彬彬

Object.prototype.toString.apply()方法得到对象类型

摘要：Object.prototype.toString.apply([1,2]) //"[object Array]" Object.prototype.toString.apply('str') //"[object String]" Object.prototype.toString.apply(1) //"[object Number]" Object.prototy... 阅读全文

posted @ 2018-02-28 14:26 木杉彬彬彬阅读(2021) 评论(0) 推荐(0)

JS中String与string的区别

摘要：String是构造函数，而"string"是变量的一种类型 String('xxx') 返回的是一个字符串。阅读全文

posted @ 2018-02-28 10:34 木杉彬彬彬阅读(4556) 评论(0) 推荐(1)

JS中&&与||

摘要：JavaScript中逻辑与&&和逻辑或||可以用于任何数据类型，而不仅是布尔值。几乎所有语言中||和&&都遵循“短路”原理，如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反。js同样也遵循上述原则：当逻辑或||时，找到为true的分项就停止处理，并返回该分项的值，否则执行完，阅读全文

posted @ 2018-02-27 15:25 木杉彬彬彬阅读(160) 评论(0) 推荐(0)

JavaScript中 slice()、splice()和split()

摘要：slice() 语法：Array.slice(start,end) 提取字符串的某个部分（含首不含尾），并以新的字符串返回被提取的部分。slice方法不会改变原始数组。 splice() 语法：Array.splice(index,howmany,item1,...,itemX) 用于插入、删除或替阅读全文

posted @ 2016-03-12 20:59 木杉彬彬彬阅读(185) 评论(0) 推荐(0)

box-sizing

摘要：box-sizing•定义和用法 box-sizing 属性允许以特定的方式定义匹配某个区域的特定元素。•语法 box-sizing: content-box|border-box|inherit•值描述 •content-box 宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元素的内边距阅读全文

posted @ 2016-02-19 21:02 木杉彬彬彬阅读(148) 评论(0) 推荐(0)

Transition

摘要：Transition •定义和用法•transition 属性是一个简写属性，用于设置四个过渡属性：•transition-property•transition-duration•transition-timing-function•transition-delay•语法•transition: 阅读全文

posted @ 2016-02-19 19:58 木杉彬彬彬阅读(238) 评论(0) 推荐(0)

定位

摘要：absolute与fixed相同点： 1.完全脱离标准文档流 2.未设置偏移量时，都定位在父元素的左上角偏移量——元素设置定位（绝对或相对）后就具有偏移属性和堆叠属性（z-index） absolute与fixed不同点： 1.设置偏移量时，偏移参照基准不同 absolute ——无已定位祖先元素阅读全文

posted @ 2016-02-04 19:33 木杉彬彬彬阅读(146) 评论(0) 推荐(0)

导航条菜单制作总结

摘要：制作垂直导航条时若不想增加导航块的长度可用text-indent:20px;进行缩进导航条菜单制作总结1、用无序列表构建菜单：ul/li2、垂直菜单转变为水平菜单：float:left；3、在制作圆角菜单时，背景图片贴在<a>标签上； > 雪碧图的应用 background-position4、在阅读全文

posted @ 2016-02-04 18:33 木杉彬彬彬阅读(174) 评论(0) 推荐(0)

CSS布局

摘要：布局前应对原有样式进行清除 body{margin:0;padding:0;} 一列布局：定宽（定高）然后margin:0 auto;使其居中两列布局：父块同一列布局；子块一列左浮、一列右浮三列布局：混合布局：在一列布局基础上改动即可，两列、三列布局均可混合使用阅读全文

posted @ 2016-02-04 13:40 木杉彬彬彬阅读(150) 评论(0) 推荐(0)

CSS3之过渡

摘要：transition属性是一个简写属性，用于设置四个过渡要素语法：—transition:property duration timing-function delay; property:发生变化的那个属性 duration:多长时间内发生变化 timing-function:用什么样的方式发生阅读全文

posted @ 2016-02-04 10:49 木杉彬彬彬阅读(90) 评论(0) 推荐(0)

sublime text 3 使用技巧

摘要：sublime text 3 编辑器使用技巧： ctrl+P:Goto Anything(支持模糊匹配) ctrl+P 快速查找并打开文件如：fullpage/index.html ctrl+P 快速定位并边界如：@body 可以快速定位到当前文件的body标签也可以把以上操作二合一如ful 阅读全文

posted @ 2016-02-04 10:48 木杉彬彬彬阅读(308) 评论(0) 推荐(0)

Java中的正则表达式

摘要：正则表达式：就是字符串中字符出现的规则。何时使用：验证一个字符串的格式/查找一篇文章中的关键字。基本正则表达式：正则表达式：”[a-z]”表示a到z的任意一个字符正则表达式：”[a-z]+”表示由一个或多个a-z字符组成的字符串如：我[去草],可以匹配：我去,我草;但不能匹配：我去草。我阅读全文

posted @ 2016-02-04 10:48 木杉彬彬彬阅读(278) 评论(0) 推荐(0)

CSS3之转换

摘要：transform属性向元素应用2D或3D转换指定一组转换函数，取值—transform:none/transform-function; none:默认值，表示元素不进行转换 transform-function:表示一个或多个转换函数，中间以空格分开转换的原点 transform-origi 阅读全文

posted @ 2016-01-22 21:25 木杉彬彬彬阅读(184) 评论(0) 推荐(0)

CSS3之渐变

摘要：渐变语法：使用background-image属性进行设置可以取值： linear-gradient:线性渐变 radial-gradient:径向渐变 repeating-linear-gradient:重复线性渐变 repeating-radial-gradient:重复径向渐变线性渐变 l 阅读全文

posted @ 2016-01-22 17:24 木杉彬彬彬阅读(228) 评论(0) 推荐(0)

随笔分类 - 前端