每日总结

生命的力量源自于知识，学习使人进步，骄傲使人落后。
富有臂力的人只能战胜一人；富有知识的人却所向无敌。——苏联

---

2018-03-29

知识是精神食粮。——柏拉图

• 通过近两日对前端文档的复习，对旧知识有了新的认识，对新知识有了更多理解。
• 按照简历的STAR法则重新编写了简历。
• 新认识了一个叫树莓派的朋友，一个学习硬件的微型主板，很强大，准备用来做一个私人web服务器，已在某宝购买。

---

2018-03-30

掌握新技术，要善于学习，更要善于创新。

• 今天投了很多简历，不知道有没消息，之前做过一个响应式网站星巴克，可是因为星巴克忽然修改了模板，需要重构我自己模仿的那个，就懒得做，不如把我自己域名下的个人网站做成响应式，不过要自己重头设计，又是一项大工程。
• 唯一能做的只有不断进步。

---

2018-04-03

对世界上的一切学问与知识的掌握也并非难事，只要持之以恒地学习，努力掌握规律，达到熟悉的境地，就能融会贯通，运用自如了。 —— 高士其

• js递归
• css权重
• sort()排序
• 获取现在的时间的20天后的时间，换成xxxx-xxxx
• 清除float的方式。
• es6创建类。

---

2018-04-11

科学的未来只能属于勤奋而谦虚的年轻一代。 —— 巴甫洛夫

• 我要学习react了。
• 好好运用promise。
• apply和call。
• 绝对定位与相对定位。
• 水平垂直居中。
• css的rem、em、px。
• 事件流：事件捕获、事件冒泡。event.target和event.currentTarget
  
  • event.target返回触发事件的元素。
  • event.currentTarget返回绑定事件的元素。

---

2018-04-12

相爱，是因为着迷于对方的优点；不爱，就是把对方所有缺点都看透，并且不再忍受。——席绢

• 同源策略

• js异步和同步

  同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入”任务队列”（task queue）的任务，只有等主线程任务执行完毕，”任务队列”开始通知主线程，请求执行任务，该任务才会进入主线程执行。

• http

• 闭包。

---

2018-04-19

凡是新的事情在起头总是这样一来的，起初热心的人很多，而不久就冷淡下去，撒手不做了，因为他已经明白，不经过一番苦工是做不成的，而只有想做的人，才忍得过这番痛苦。——陀思妥耶夫斯基

盒子模型

CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像。

- 标准盒子模型的盒子宽度：左右margin+左右border+左右padding+width
- IE盒子模型的盒子宽度：左右margin+width
- CSS3新增box-sizing属性
- box-sizing属性，box-sizing:content-box;表示标准的盒子模型，
- box-sizing：border-box表示IE盒子模型。

栈和堆

1、概念

在计算机领域中，堆栈是两种数据结构，它们只能在一端(称为栈顶(top))对数据项进行插入和删除。

• 堆(stack)：队列优先,先进先出；由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。
• 栈(heap)：先进后出；动态分配的内存，大小不定也不会自动释放。分配方式倒是类似于链表。

2、JavaScript中数据类型与堆、栈有什么联系？

JavaScript的数据类型分为两大种：

• 基本类型：Undefined、Null、Boolean、Number 和 String，这5中基本数据类型可以直接访问，他们是按照值进行分配的，存放在栈(stack)内存中的简单数据段，数据大小确定，内存空间大小可以分配。

• 引用类型：即存放在堆(heap)内存中的对象，变量实际保存的是一个指针，这个指针指向另一个位置。

3、拷贝

基本类型拷贝的时候只是在内存中又开辟了新的空间，和它的父元素（再次我们称被拷贝的对象为父元素）属于 互不想干的东西，因此深浅拷贝是相对于引用类型的，以便于我们对引用类型父对象的保存！

• 浅拷贝
  子对象和父对象在浅拷贝的时候他们指向同一个内存的数组。当我们改变子对象的数组的时候，父对象也会跟着改变。

• 深拷贝
  深度拷贝就是把父对象拷贝到子对象上，而且两者的内存和以后的操作都互不影响的拷贝。

---

2018-04-23

需要学习

• window.encodeURIComponent
  函数可把字符串作为 URI 组件进行编码。

• 三元运算
  表达式 (expr1) ? (expr2) : (expr3)
  在 expr1 求值为 TRUE 时的值为 expr2，在 expr1 求值为 FALSE 时的值为 expr3。

• document.title 返回当前文档的标题（ HTML title 元素中的文本）。

• Math.abs 方法可返回数的绝对值。

• toFixed 四舍五入为指定小数位数的数字。

• window.location. pathname 当前URL的路径部分

• RegExp 对象的方法
  var patt1=new RegExp(“e”);
  当您使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 “e”。

• some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。

• Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。

• mui的css和js学习。

问题

• js的${}什么意思
• HTML怎么引入js的
• HTML的div里直接添加script标签：
  <script id="history-template" type="text/html">
• js的{}有js语句：
  
{{if list.length > 0}}
{{each list as Item i}}


---

2018-05-07

git教程

• 本地创建ssh key

$ ssh-keygen -t rsa -C "your_email@youremail.com"

后面的your_email@youremail.com改为你在github上注册的邮箱，之后会要求确认路径和输入密码，我们这使用默认的一路回车就行。成功的话会在~/下生成.ssh文件夹，进去，打开id_rsa.pub，复制里面的key。

回到github上，进入 Account Settings（账户配置），左边选择SSH Keys，Add SSH Key,title随便填，粘贴在你电脑上生成的key。

• 为了验证是否成功，在git bash下输入：

$ ssh -T git@github.com

如果是第一次的会提示是否continue，输入yes就会看到：You’ve successfully authenticated, but GitHub does not provide shell access 。这就表示已成功连上github。

• 接下来我们要做的就是把本地仓库传到github上去，在此之前还需要设置username和email，因为github每次commit都会记录他们。

$ git config --global user.name "your name"
$ git config --global user.email "your_email@youremail.com"

• 常用命令

git clone <项目地址>                     //克隆项目
git init                                //创建.git文件夹
git remote add origin <项目地址>         //创建分支
git push -u origin master               //第一次提交需要加-u
git add .                               //添加被修改的文件
git pull                                //更新
git reset --hard 3628164                //版本回退

---

2018-05-08

• 小程序input聚焦时里面的字会向上移，只要在聚焦时清除input里的value即可。
• mui的事件监听，当事件委托的触发dom只有一个时必须将事件委托在body上。

---

2018-05-10

• 小程序的tabBar和NavigationBar不可使用navigateTo作为链接跳转，须使用switchTab跳转。

---

2018-05-17

• Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

const object1 = {
  a: 1,
  b: 2,
  c: 3
};

const object2 = Object.assign({c: 4, d: 5}, object1);

console.log(object2.c, object2.d);
// expected output: 3 5

2018-08-01

• 在使用vue+axios+webpack+js-cookies时，安卓不识别js-cookies。
• vue标签属性的参数变量——:style=”{background: ‘url(’ + imgBk + ‘)’+’ top right no-repeat’}”

---