自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 js预解析的不同机制

预解析的不同机制var的预解析机制function的预解析机制预解析机制in的用法面试题练习 预解析的不同机制预解析也叫预声明, 是提前解释声明的意思,预解析是针对变量和函数来说的, 但是变量和function的预解析是两套不同的机制;* 当浏览器加载我们的HTML页面的时候, 首先会提供一个公JS代码执行的环境 -> 全局作用域global(浏览器中...

2019-01-28 10:54:24 166

原创 谷歌开发者工具之主功能目录区域(Elements)

1. HTML区域2. CSS区域Elements工具像一把手术刀一样"解刨"了当前页面, 我们看到的Elements页面一般像这样子, 允许查看和编辑浏览器渲染的HTML/CSS, 编辑和展现是同步的;   ...

2019-01-16 05:35:33 262

原创 谷歌开发者工具之主功能目录区域(Console)

1. 控制台操作2. 信息筛选3. 信息展示显示各种警告和错误信息, 并且提供了shell用来和文档, 开发者工具交互 

2019-01-16 04:38:30 285

原创 谷歌开发者工具之主功能目录区域(Timeline)

1. Timeline操作2. 当前目标时间段3. 当前时间段的交互4. 详细5. 详细分析   

2019-01-16 04:32:57 235

原创 谷歌开发者工具之主功能目录区域(Sources)

1. 当前页面加载的文件2. 文件的具体内容(可设断点)3.断点的详情使用断点调试Javascript, 或在连接你本地文件的情况下,进行同步编辑, (当然有可以查看加载了哪些路径下的文件)...

2019-01-16 04:29:05 619

原创 谷歌开发者工具之主功能目录区域(Security)

1. 分类列表区域2. 详细信息区域调试混合内容问题, 安全证书或者更多安全相关的问题   

2019-01-16 04:24:01 429

原创 谷歌开发者工具之主功能目录区域(ProFiles)

1. ProFiles操作区域2.分类列表区域3. 详细信息区域分析WEB应用或者页面的执行事件以及内存使用情况  

2019-01-16 04:19:05 428

原创 谷歌开发者工具之主功能目录区域(NetWork)

1. NetWork 操作2. 信息筛选3. 时间轴4. 当前时间段的加载文件信息5. 当前文件的加载详情了解需要哪些资源,资源的请求情况, 方便优化页面加载性能(可以查看某个时间段加载了哪些文件, 某个文件的加载时间等);最重要的是可以查看HTTP的请求头, 返回内容等, 在做AJAX相关开发的时候很常用; ...

2019-01-16 04:11:36 159

原创 谷歌开发者工具之主功能目录区域(Audits)

1. 分类列表区域;2. 详细信息区域;分析页面加载的过程.进而提供减少页面加载时间, 提升响应速度的方案;

2019-01-16 04:05:32 1217

原创 谷歌开发者工具之主功能目录区域(application)

1. 分类列表区域;2. 详细信息区域;Application使用资源面板检查加载的所有资源, 包括indexedDB, WebSQL数据库, 本地存储, cookies, 应用程序缓存, 图片, 字体, 样式表, JS等; ...

2019-01-16 03:48:26 820

原创 谷歌开发者工具的使用

进入开发者工具的方式: F12 (所有的浏览器都可用F12进入开发者工具), ChromeDev(开发者工具简称) 按类别可以分为下面几种1. 审查元素ctrl+shift+c 在页面上选择一个HTML元素并审核它;2. 切换浏览设备 ctrl+shift+m 切换在pc和手机上的样式;3. 主功能目录区域, 日常工作中常用功能的目录;4. 异常和错误提醒简介, 抛出异常, 资...

2019-01-16 03:08:26 536

原创 js初识

                           js由那些部分组成, DOM初识一个完整的javascript实现应该有下列三个不同部分组成:ECMAScript: 提供核心语言功能,规定了这门语言的书写规范;var   jd = "京东商城";DOM: 提供访问和操作网页内容的方法和接口,(document object model 简称DOM 文档对象模型)var o...

2019-01-14 14:14:27 88

原创 网站的基本组成

                         一个网站由html/css/js三者来组成;html可以看做人的骨骼和肉体(html是标记使用)css可以看做人的衣服, 美瞳, 化妆品(使人看起来更加漂亮,看起来更加的赏心悦目)js可以看做人的技能,比如会眨眼,会吃饭,会跑步,会化妆等等比如吧一块手表戴在自己的手上,是自己看起来更有气质,这可以看做是通过js来控制css比如感...

2019-01-14 13:29:58 791 1

原创 html书写规范

                                           HTML书写规范规则标签要闭合层级要明确单引号和双引号不要混用script标签的属性:script的属性有: async, defer, charset, language, src, type 六个; 一般用的就是src, type; 而且type是属于可忽略的属性,推荐不写; ...

2019-01-14 13:02:50 673

原创 常用的全局属性

                      常用的全局属性(所有标签都有属性)classidtitleclass: 一个名字可以多个class公用;id: 一个ID名在一个页面里面,只能被一个标签使用,ID名具有唯一性;title: title里是自定义的内容,表现是鼠标放上去的时候,文字提示; ...

2019-01-14 12:54:10 272

转载 前端开发工具介绍

                           编辑器的选择/开发环境的介绍WebStorm/IDEA,内置支持zen coding , nodejs, 拿来即用的, 遇到gulp, git, markdown 文件会智能提示对应的插件等,前端开发的神器,应为需要建立索引, 启动时间比较长, 占用内存大;zen coding写法: div#page>div.logo+ul#...

2019-01-13 06:05:29 986

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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