随笔分类 -  前端知识

block，inline和inline-block概念和区别（转）
摘要：总体概念 根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，称为“块级”元素(block-level)；而span元素的默认display属性值为“inline 阅读全文
posted @ 2018-05-02 10:44 Caersi 阅读(262) 评论(0) 推荐(0)
CSS 选择器权重计算规则(转)
摘要：其实，CSS有自己的优先级计算公式，而不仅仅是行间>内部>外部样式；ID>class>元素。 一、样式类型 1、行间 2、内联 3、外部 二、选择器类型 1、ID #id 2、class .class 3、标签 p 4、通用 * 5、属性 [type="text"] 6、伪类 ：hover 7、伪元 阅读全文
posted @ 2018-05-02 10:24 Caersi 阅读(230) 评论(0) 推荐(0)
理解浮动和position定位（转）
摘要：前言 为了更好理解浮动和position，建议先看看我写的这篇文章《Html文档流和文档对象模型DOM理解》 正文 一、浮动 CSS设计float属性的主要目的，是为了实现文本绕排图片的效果。然而，这个属性居然也成了创建多栏布局最简单的方式。 如何浮动一个元素？先设定其宽度width，再增加样式规则 阅读全文
posted @ 2018-04-27 15:18 Caersi 阅读(185) 评论(0) 推荐(0)
mac 下webstorm调节字体大小
摘要：ctr+shift+A功能可以搜索对应功能. 在弹出框中输入Zoom可以轻松设置. 而且有关zoom的功能全部列出. 真是方便。 搜索到change font size with ctrl + wheel就可以了。 阅读全文
posted @ 2018-03-07 20:38 Caersi 阅读(807) 评论(0) 推荐(0)
js等于符号的详解
摘要：JavaScript == 与 区别 1、对于 string、number 等基础类型，== 和 是有区别的 a）不同类型间比较，== 之比较 "转化成同一类型后的值" 看 "值" 是否相等， 如果类型不同，其结果就是不等。 b）同类型比较，直接进行 "值" 比较，两者结果一样。 2、对于 Arra 阅读全文
posted @ 2018-03-07 00:00 Caersi 阅读(953) 评论(0) 推荐(0)
js运算符相关要点
摘要：取模运算的结果符号只与左边值的符号有关： 阅读全文
posted @ 2018-03-06 23:59 Caersi 阅读(184) 评论(0) 推荐(0)
js字符串相关要点
摘要：不要创建string对象，它会拖慢执行速度，并可能产生其他副作用。 为绝对相等，即数据类型与值都必须相等。 原始值字符串，如 "John", 没有属性和方法(因为他们不是对象)。 原始值可以使用 JavaScript 的属性和方法，因为 JavaScript 在执行方法和属性时可以把原始值当作对象。 阅读全文
posted @ 2018-03-04 22:12 Caersi 阅读(151) 评论(0) 推荐(0)
js变量的相关要点
摘要：如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。 JavaScript 变量生命周期在它声明时初始化。 局部变量在函数执行完毕后销毁。 全局变量在页面关闭后销毁。 阅读全文
posted @ 2018-03-04 21:57 Caersi 阅读(169) 评论(0) 推荐(0)
JS中的let变量
摘要：let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量，避免变量名冲突。 作用域规则 let 声明的变量只在其声明的块或子块中可用，这一点，与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。 阅读全文
posted @ 2018-03-04 17:12 Caersi 阅读(968) 评论(0) 推荐(0)
测试浏览器是否支持JavaScript脚本
摘要：如果用户不能确定浏览器是否支持JavaScript脚本，那么可以应用HTML提供的注释符号进行验证。HTML注释符号是以 <-- 开始以 --> 结束的。如果在此注释符号内编写 JavaScrip t脚本，对于不支持 JavaScript 的浏览器，将会把编写的 JavaScript 脚本作为注释处 阅读全文
posted @ 2018-03-04 17:05 Caersi 阅读(306) 评论(0) 推荐(0)
document.write的时机
摘要：document.write第一次加载进入页面的时候会紧跟文档，写入内容。但是如果在文档已经加载完毕之后，再通过点击的方式调用函数的话会直接把整个文档覆盖掉。 阅读全文
posted @ 2018-03-03 12:15 Caersi 阅读(233) 评论(0) 推荐(0)
前端页面调试方式的选择
摘要：console.log()的好处，主要是方便你调试javascript用的，你可以看到你在页面中输出的内容。 相比alert而言，console.log()可以输出结构化的东西，如果是alert，弹出一个对象就是[object object]，但是console可以看得到对象里面内部的内容。 con 阅读全文
posted @ 2018-03-03 12:12 Caersi 阅读(210) 评论(0) 推荐(0)
前端开发技巧
摘要：Sublime text 3是一个非常强大的网站编辑工具。 这里小云深深的被它的快速编辑多行内容功能所吸引。 先说下，使用下面的功能要安装一个叫emmet的插件。没有的话，自行度娘吧。 下面就来看下具体的五种方式吧：1，鼠标选中多行，按下 Ctrl Shift L (Command Shift L) 阅读全文
posted @ 2017-04-16 22:45 Caersi 阅读(151) 评论(0) 推荐(0)