05 2021 档案
摘要：㈠概念 ⑴静态布局：给页面元素设置固定的宽度和高度，单位用px，当窗口缩小，会出现滚动条，拉动滚动条显示被遮挡内容。针对不同分辨率的手机端，分别写不同的样式文件。例如：浏览器窗口是1000px，那么最小的宽度是900px或其他px,只要浏览器缩小过这个最小值就不会自动化的调整。 ⑵自适应布局：创建多
阅读全文
摘要：浏览器要做的事情：根据URL把数据取回来，取数据使用的就是HTTP协议 实际上这个过程之前还有 DNS 查询。[ 本节不做展开 ] HTTP协议 1）概念 . HTTP协议是基于TCP协议出现的.. TCP协议是一条双向的通信管道，HTTP协议在TCP的基础上 规定了 Request-Respons
阅读全文
摘要：1）学习的好处 . 学习浏览器内部的工作原理 对于我们做 性能优化 排查错误都有很大的好处. 本节课程中 主要是了解浏览器工作原理的大致 2）浏览器如何工作的 对浏览器 开发者 来说：它们做的事情 就是把一个URL变成屏幕上的网页 1. 浏览器首先使用HTTP协议 或者 HTTPS 协议 向服务端请
阅读全文
摘要：你知道吗 //1. 为什么有的编程规范要求用 void 0 代替 undefined？ //2. 字符串有最大长度吗？ //3. 0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里不是这样的？ //4. ES6 新加入的 Symbol 是个什么东西？ //5. 为什么给对象添
阅读全文
摘要：本课的教学思路 . 参考手册的目标：希望做到便于查阅 便于理解和全面. 语言标准的目标：严谨 无遗漏 无歧义. 本专栏课程的目标： 1. 把无法通过查阅解决的原理和背景讲清楚 2. 另一个是把不方便查阅和记忆的内容整理好. 希望能和你一起打造一个前端知识的框架 再把知识点做个遍历 这所有的知识中：有
阅读全文
摘要：一 前端现状 和 存在的问题 1. 现状 . 前端越来越重要 越来越复杂 但是没有一个大学开设前端课程 更没有系统性的教学方案 . 大家都是自学基础知识 在工作中实践 和 后续零散的学习.2. 导致的问题 1. 前端的基础知识的欠缺 会让你束手束脚 更限制你解决问题的思路 2. 技术上存在短板 导致
阅读全文
摘要：浏览器的运行原理 保存数据 处理数据 生成视图 在淘宝的工作经历： . 一开始的多屏适配方案. 基础库. 工具链. 页面搭建平台. 性能体系. 客户端融合方案 Weex 前端的黄金时代 . 职责变得更加重要 有了独立的发布权限 技术也变的更加复杂. 一些传统软件开发 和 服务端的方法论逐步移植到前端
阅读全文
摘要：一 原始值 与 引用值 . 原始值 就是最简单的数据. 引用值 则是由多个值构成的对象. 把一个值赋给变量时 JavaScript引擎必须确定这个值是原始值还是引用值. 保存原始值的变量 是按值(by value)访问的 因为我们操作的就是存储在变量中的实际值. 引用值是保存在内存中的对象.. 与其
阅读全文
摘要：if do while while for for in for of
阅读全文
摘要：1）七种数据类型 . 6个简单类型. 1个复杂类型: 对象 是一种无序的 键值对的集合 2）typeof 操作符 . 作用：检测变量或值的类型. typeof 是一个操作符 而非一个函数 所以不需要参数 [ 但可以使用参数 ]. typeof null 返回的是 object 这是因为特殊值null
阅读全文
摘要：重点理论 JS 执行代码分为两个阶段1. 词法分析：包括 分析变量声明 分析函数声明 分析形参 三个部分2. 执行阶段JS解析引擎通过语法分析将我们写的JS代码转成可执行的代码，然后再执行 一 基本概念 1）js中的变量 1. js的变量是松散类型的 变量可以保存任何类型的数据. 2. 每个变量只不
阅读全文
摘要：. 任何语言的核心所描述的： 都是这门语言在最基本层面上如何工作， 其中涉及 语法 操作符 数据类型 以及内置功能 我们都是在此基础上才可以构建复杂的解决方案. 一 语法 . ECMAScript 的语法是宽松的 1）区分大小写 ECMAScript中一切都是区分大小写 无论 变量 函数 还是 操作
阅读全文
摘要：将JavaScript代码插入到HTML中主要方法是使用<script>标签 <script>标签用于加载脚本与执行脚本 本节重点讲解 浏览器加载脚本的行为 //parser [ 单词 分析器 的意思 ] 在这里指：解析HTML代码的解析器 //fetch [ 单词 取来的意思 ] 在这里指：获取脚
阅读全文
摘要：知识梳理 JavaScript 是一门用来和网页交互的脚本语言 包含了 ECMAScript DOM对象 BOM对象 三个组成。. ECMAScript 由ECMA-262 定义 并 提供 核心功能. DOM 文档对象模型 提供与网页内容交互的方法和接口. BOM 浏览器对象模型 提供与浏览器交互的
阅读全文
摘要：作用 . 保存了客户端显示器的信息. 这个对象不常用 只做了解 属性 availHeight 屏幕的宽度 [ 不包含windows任务栏 ]availHeight 屏幕的高度colorDepth 屏幕的BPP(bits-per-pixel)像素深度 典型的值 16 24 32pixelDepth 颜
阅读全文
摘要：// navigator 导航的意思 navigator 现在已经成为 客户端标识浏览器的标准。 只要浏览器启用JavaScript navigator对象就一定存在。 作用： . navigator对象的属性 通常用于确定 浏览器的类型 1）检测插件 // 检测浏览器是否安装了某个插件 是开发中常
阅读全文
摘要：history对象：表示当前窗口首次使用以来用户的导航历史记录 因为history是 window的属性 所以每个window都有自己的history对象 处于安全考虑 这个对象不会暴露用户访问过的URL 但可以通过它在不知道实际URL的情况下 前进 和 后退 1）导航 一 go()方法go() 方
阅读全文
摘要：location对象时BOM最有用的对象之一 ，提供了当前窗口中加载文档的URL信息 . location对象保存着 当前窗口中加载文档的URL信息 和 URL解析后的离散片段. window.loaction属性 和 document.location属性 都指向了 location对象 wind
阅读全文
摘要：history对象：表示当前窗口首次使用以来用户的导航历史记录 因为history是 window的属性 所以每个window都有自己的history对象 处于安全考虑 这个对象不会暴露用户访问过的URL 但可以通过它在不知道实际URL的情况下 前进 和 后退 1）导航 一 go()方法go() 方
阅读全文
摘要：作用 . 保存了客户端显示器的信息. 这个对象不常用 只做了解 属性 availHeight 屏幕的宽度 [ 不包含windows任务栏 ]availHeight 屏幕的高度colorDepth 屏幕的BPP(bits-per-pixel)像素深度 典型的值 16 24 32pixelDepth 颜
阅读全文
摘要：// navigator 导航的意思 navigator 现在已经成为 客户端标识浏览器的标准。 只要浏览器启用JavaScript navigator对象就一定存在。 作用： . navigator对象的属性 通常用于确定 浏览器的类型 1）检测插件 // 检测浏览器是否安装了某个插件 是开发中常
阅读全文
摘要：location对象时BOM最有用的对象之一 ，提供了当前窗口中加载文档的URL信息，以及通常的导航功能。 . location对象保存着 当前窗口中加载文档的URL信息 和 URL解析后的离散片段. window.loaction属性 和 document.location属性 都指向了 loca
阅读全文
摘要：基本概念 //1. window对象在浏览器中有两重身份 一个是：ECMAscript中的global对象 一个是：浏览器窗口的JavaScript接口 这意味着网页中所有的对象 变量 函数 都以window作为其global对象 都可以访问其上定义的parseInt()等全局方法//2. wind
阅读全文
摘要：基本概念 bom是使用JavaScript开发web应用程序的核心. bom提供了与网页无关的浏览器功能对象 bom的核心是window 表示浏览器的实例 小结： BOM对象是以window对象为基础的 这个对象代表了 [ 浏览器窗口 和 页面可见的区域 ] window对象也被复用为ECMAScr
阅读全文
摘要：知识梳理 //. CORS 在服务器设置两个响应头信息 客户端无需做任何修改. 在发送跨域请求的时候 浏览器会在请求头中给我们添加一个字段 Origin: http://localhost:3001/test 非跨域请求没有这个属性. 在响应头中有 我们设置的
阅读全文
