摘要：
♠ JavaScript的面向对象 对象是JavaScript中一个非常重要的概念，这是因为对象可以将多个相关联的数据封装到一起，更好的描述一个事物：比如我们可以描述一辆车：Car，具有颜色（color）、速度（speed）、品牌（brand）、价格（price），行驶（travel）等等；比如我们 阅读全文
摘要：
♣ 手写简单Promise 说明 Promise 规范 promise a+ 链接https://promisesaplus.com/，不过像 catch方法并没有参照这个规范，而是采用原生的promise方案 Promise 类设计 起一个类名JSPromise， class JSPromise 阅读全文
摘要：
♠ 什么是promise? 在异步中使用回调，它存在两个主要的问题： 第一，我们需要自己来设计回调函数、回调函数的名称、回调函数的使用等； 第二，对于不同的人、不同的框架设计出来的方案是不同的，那么我们必须耐心去看别人的源码或者文档，以便可以理解它这个函数到底怎么用； view code // re 阅读全文
摘要：
react-router和useRoutes hash 模式 路由原理： 我们先来看hash模式，页面首次加载时需要在load事件中解析初始的URL，从而展示进入的页面。当 # 后面的哈希值发生变化时，不会向服务器请求数据，可以通过 hashchange 事件来监听到 URL 的变化，从而进行跳转页 阅读全文
摘要：
字符串模板基本使用 在ES6之前，如果我们想要将字符串和一些动态的变量（标识符）拼接到一起，是非常麻烦和丑陋的（ugly）。 ES6允许我们使用字符串模板来嵌入JS的变量或者表达式来进行拼接： 首先，我们会使用 `` 符号来编写字符串，称之为模板字符串； 其次，在模板字符串中，我们可以通过 ${ex 阅读全文
摘要：
选择器 CSS2.1中，选择器7种： id选择器 #box 类选择器 .red 标签选择器 p 后代 div p 交集 div.red 并集 div,p 通配符 * 关系选择符 > 儿子，亲儿子，不是后代，必须是儿子 + next sibling，下一个兄弟 ~ next all siblings 阅读全文
摘要：
定位 CSS中重要的东西就三个：盒模型、浮动、定位。这三个技术，就是负责网页的布局的。其余的技术，都是杂碎：background、文字、颜色表示法…… 相对定位 1 position:relative; 相对自己进行微调，相对定位就是相对自己原来的位置，进行位置移动。移动的时候需要使用定位值。 to 阅读全文
摘要：
css2.1 background系列属性 background-color 背景颜色属性 1 background-color:#f00; 没有什么好说的，我们一直在用，记住，padding区域也有背景颜色！border以内的地方都有颜色。 background-image 背景图片属性 1 ba 阅读全文
摘要：
标准文档流 我们发现，Fireworks作图，可以在任何一个地方落笔；word这个软件则不一样，有一个“光标”位置，你必须在当前光标位置去书写文字。第二行文字的位置，仰赖于第一行文字，比如第一行文字多，第二行文字就下移了；比如第一行文字大，第二行文字又下移了。网页也是这样，从左至右、从上到下，有一个 阅读全文
摘要：
盒模型 盒模型整体感知 盒模型就是width、height、padding、border、margin外边距这么几个属性。 width：内容的宽度 height：内容的高度 padding：内边距 border: 边框 第一个案例： 1 <style type="text/css"> 2 div{ 阅读全文
摘要：
CSS2.1中的颜色表示法 我们大量的用到颜色，比如color、background-color、border:1px solid red;之前我们都是用英语来描述颜色red、blue等等。一共有三种方法：单词、rgb()、#十六进制 单词来表示 在HTML中能够找到这些单词表示的颜色名。不过我们一 阅读全文
摘要：
继承性和层叠性 继承性 css规定，有一些属性，给某一个元素设置了，它的后代元素都同样拥有它的这个属性了。 哪些属性能够继承呢？ color text-系列 ： 比如text-decoration:underline; font-系列： 比如font-size:30px; line-系列 backg 阅读全文
摘要：
CSS整体感知 简介 前端开发3层： HTML 结构层 语义、结构 CSS 样式层 样式 JS 行为层 交互、行为、动画 CSS的全称呼是cascading style sheet ， 层叠式样式表。 CSS的维护者也是w3c，最新版本是CSS3，但是浏览器没有那么的兼容，所以我们学习的是CSS2. 阅读全文