CSS弹性盒子布局flex

使用flexbox布局的文档区域称为flex容器。要创建Flex容器,我们将区域容器的display属性值设置为flex或inline-flex。一旦我们这样做,该容器的直接孩子就会成为弹性物品。与CSS中的所有属性一样,定义了一些初始值,因此在创建Flex容器时,所有包含的flex项将按以下方式...

2019-06-15 16:48:52

阅读数 2

评论数 0

javaScript中的变量提升

全局变量提升JavaScript 引擎的工作方式是,先解析代码,获取所有被声明的变量,然后再一行一行地运行。这造成的结果,就是所有的变量的声明语句,都会被提升到代码的头部,这就叫做变量提升(hoisting)。 console.log(a); var a = 1; 上面代码首先使用cons...

2019-05-29 15:20:42

阅读数 6

评论数 0

javaScript闭包的形成

重载(overload): 什么是: 相同函数名,不同参数列表的多个函数,在调用时,可根据传入的参数不同,自动选择匹配的函数执行。 为什么: 减少API的数量,减轻调用者的负担 何时: 只要一项任务,可能根据传入参数的不同,执行不同的流程时。 问题:js语法默认不支持重载,因为不允许多个同...

2019-05-29 12:10:00

阅读数 13

评论数 0

获取浏览器中的默认字体

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...

2019-05-24 18:14:34

阅读数 16

评论数 0

CSS盒子模型相关的一些边距处理

注意: 还有其他属性可以更巧妙地处理内容的大小——设置大小约束而不是绝对的大小。这些属性包括min-width、max-width、min-height和max-height。 外边距:围绕在元素边框外的空白距离,就是外边距,也能表示当前元素与其他元素之间的空白距离 (1).语法 属性: ...

2019-05-24 17:41:29

阅读数 14

评论数 0

CSS样式优先级

一、层叠 什么选择器在层叠中胜出取决于三个因素(这些都是按重量级顺序排列的——前面的的一种会否决后一种): 重要性(Importance) 、专用性(Specificity)、源代码次序(Source order) 1.层叠性 可以为一个元素定义多个样式,当样式属性不冲突时,可以同时将...

2019-05-23 17:43:18

阅读数 12

评论数 0

CSS属性值

属性值: 如果你想让一个元素完全去除外边框和内边框,你可以只使用无单位的0——因为0就是0,不管单位是什么! margin: 0; 像素 (px) 是一种绝对单位(absolute units),因为无论其他相关的设置怎么变化,像素指定的值是不会变化的。 line-height,设...

2019-05-23 16:30:14

阅读数 5

评论数 0

CSS工作原理到CSS选择器

CSS的工作方式: 当浏览器显示文档时,它必须将文档的内容与其样式信息结合。它分两个阶段处理文档: 浏览器将HTML和CSS转化成DOM(文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。 浏览器显示DOM 的内容。 使用CSS的三种方法: 1.外部样式表:...

2019-05-23 14:52:13

阅读数 16

评论数 0

javaScript Promises规范

参考文件地址:js Promise Promise术语: Fulfilled(Resolved):成功 Rejected:失败 Pending:等待中 Settled:已经成功或已经失败 <!DOCTYPE html> <html lang...

2019-05-22 17:09:06

阅读数 4

评论数 0

Chrome报错:Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist.

Chrome报错:Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist. 解决办法:可能是扩展插件的BUG引起。删除对应的扩展插件就解决了

2019-05-20 14:27:43

阅读数 26

评论数 0

Parameter 参数与 Argument 参数

Parameter 参数与 Argument 参数 Parameter 和 Argument 都是参数,一开始很难判断某项内容是 parameter 还是 argument。关键区别在于它们出现在代码中的何处。parameter始终是_变量名称,并出现在函数声明中。相反,argument始终是一...

2019-05-11 10:46:09

阅读数 11

评论数 0

媒体查询实现响应式设计的三种方法

方法一:利用Link标签从外部引入文件<link rel='stylesheet' media='screen and (min-width:1000px)' href='./css/over1000.css'> 方法二:用import导入文件:@import url...

2019-03-23 20:56:44

阅读数 43

评论数 0

面包菜单收起和出现案例

参考:相关教程js中的classList、toggle用法 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&qu...

2019-03-08 22:58:43

阅读数 445

评论数 0

block,inline和inlinke-block细节对比

block,inline和inlinke-block细节对比 参考:diaplay的inline、block、inline-block对比 display:block block元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。 bl...

2019-03-08 21:31:38

阅读数 22

评论数 0

JS对象

创建对象的三种方法: (1)直接变量 var obj1 = { value:name, fun:function(){} } (2)用new创建 var obj2 = new Object(); obj2.value = name; obj2.fun = function(){} ...

2018-12-25 14:44:45

阅读数 17

评论数 0

JS中的this

内层的this不指向外部,而指向顶层对象。   var o = { v: 'hello', p: [ 'a1', 'a2' ], f: function f() { this.p.forEach(function (item) { console.log(thi...

2018-12-25 12:12:34

阅读数 24

评论数 0

HTTP协议,ajax小记

一,HTTP小记: 理解RESTful,了解项目风格,阮一峰博客http://www.ruanyifeng.com/blog/2014/05/restful_api 在network中查看每一次请求和响应过程。 请求方法:GET,POST,PUT,DELETE,HEAD,TRACE,CONN...

2018-12-03 10:39:17

阅读数 55

评论数 0

HTML5新增标签

参考HTML5标签列表 HTML5新增标签: <template>:通过JavaScript运行时实例化内容的容器。通过其content属性判断浏览器是否支持该属性: if ('content' in document.createElement...

2018-11-27 18:27:42

阅读数 146

评论数 0

不能打开.mmap文件的解决办法

mmap文件是MindManager的专属文件,用Xmind打开兼容性不好,而MindManager又需要昂贵注册费,并且国内代理维权够拼,导致不能通过破解使用。但如果只是查看别人发送过来的mmap文件而不涉及到修改,则完全不需要大费周章注册购买,本经验就是提供这方面的小窍门的。 点击链接百度脑...

2018-11-27 18:25:01

阅读数 587

评论数 1

利用开发者工具远程调试Android时,华为手机无法被识别

利用开发者工具远程调试Android时,华为手机无法被识别的解决办法: 安装华为手机助手,成功安装华为手机驱动,重启USB调试,就可以了。 参考资料: 远程调试Android设备使用入门 键盘快捷键参考 在Chrome浏览器中远程调试Android设备方法: 要求: 手机及PC都已经...

2018-11-21 15:32:31

阅读数 713

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭