orangecat
菜鸟前端
|
抠唆公司
获得徽章 8
赞了这篇沸点
赞了这篇沸点
#晒出你的读书笔记#
心理专家说“穷开心”和“假装好心情”是一种短时间内获得快乐情绪的方法。情绪的变化会相应地引起身体的变化，比如强迫自己常常微笑，你就会发现内心真的会变得欢乐，所以有时候不妨“穷开心”一下，说不定你就会真的快乐起来。
其实，不妨仔细思量一下：无论快乐与否，日子总要继续，该面对的事情还是要面对。既然如此，那么，倒不如用一种更为乐观的方式来面对，满怀信心地告诉自己，一切都会过去，一切也都会好起来，这样一来，情况也许会在一种积极的心态的推动下获得转机。
你可以试一试：早上醒来的时候，第一件事就是拿起镜子对着里面的自己微笑，并在心里告诉自己，今天又将是美好的一天，于是美好的一天便在微笑中开始了。这是调节情绪最行之有效的方法。
只要你能养成快乐的习惯，你就会成为幸福生活的主宰。快乐像阳光，能够照亮心灵、温暖身体。所以，亲爱的朋友，请你尽量快乐地生活吧，如果生活真的给了你太多的不快乐，那就不妨“穷开心”“假装好心情”吧！
心理专家说“穷开心”和“假装好心情”是一种短时间内获得快乐情绪的方法。情绪的变化会相应地引起身体的变化，比如强迫自己常常微笑，你就会发现内心真的会变得欢乐，所以有时候不妨“穷开心”一下，说不定你就会真的快乐起来。
其实，不妨仔细思量一下：无论快乐与否，日子总要继续，该面对的事情还是要面对。既然如此，那么，倒不如用一种更为乐观的方式来面对，满怀信心地告诉自己，一切都会过去，一切也都会好起来，这样一来，情况也许会在一种积极的心态的推动下获得转机。
你可以试一试：早上醒来的时候，第一件事就是拿起镜子对着里面的自己微笑，并在心里告诉自己，今天又将是美好的一天，于是美好的一天便在微笑中开始了。这是调节情绪最行之有效的方法。
只要你能养成快乐的习惯，你就会成为幸福生活的主宰。快乐像阳光，能够照亮心灵、温暖身体。所以，亲爱的朋友，请你尽量快乐地生活吧，如果生活真的给了你太多的不快乐，那就不妨“穷开心”“假装好心情”吧！
展开
2
15
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
#漂流图书馆# 《JavaScript 二十年》
本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写，详细记载和解读了自 1995 年语言诞生到 2015 年 ES6 规范制定为止，共计 20 年的 JavaScript 语言演化历程。全书不仅讲解了大量语言技术细节层面的演进，更复盘了更高层面上规范制定与标准博弈中的历史成败，是一部讲述人类如何在商业与技术上的竞争合作中促进产业发展的故事。
这个故事相当漫长而复杂。全文分为四个部分，每部分都对应 JavaScript 演化历程中的一个主要阶段。各部分之间还有一段简短的插曲，介绍彼时的开发者们是如何看待与使用 JavaScript 的。
本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写，详细记载和解读了自 1995 年语言诞生到 2015 年 ES6 规范制定为止，共计 20 年的 JavaScript 语言演化历程。全书不仅讲解了大量语言技术细节层面的演进，更复盘了更高层面上规范制定与标准博弈中的历史成败，是一部讲述人类如何在商业与技术上的竞争合作中促进产业发展的故事。
这个故事相当漫长而复杂。全文分为四个部分，每部分都对应 JavaScript 演化历程中的一个主要阶段。各部分之间还有一段简短的插曲，介绍彼时的开发者们是如何看待与使用 JavaScript 的。
展开
3
9
#每天一个知识点#
Transform是变形，改变的意思。在css中，transform主要包括以下几种：旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix。
transform可以用于内联inline元素和块级block元素。它有几个属性值参数rotate()\skew()\scale()\translate()，分别还有x\y之分。多个属性同时使用的时候，需要使用空格分开。
Rotate():旋转，通过指定的角度参数对原元素指定一个2D旋转，需先有transform-origin属性的定义。Transform-origin定义的是旋转的基点，其中angle是旋转的角度，如果设置的值为正数表示顺时针旋转，如果设置的值是负数，表示逆时针旋转。
Translate():移动，分为三种情况,translate(x,y)水平和垂直方向同时移动；translateX(x)水平方向移动，transformY(y)垂直方向移动。
Scale():缩放，分为三种情况，scale(x,y)使元素水平方向和垂直方向同时缩放，scalwX(x)仅水平方向缩放，scaleY(y)仅垂直方向缩放。具有相同的缩放中心和基数，其中心点就是元素的中心位置，缩放基数是1，如果值大于1就放大，反之缩小。
Transform是变形，改变的意思。在css中，transform主要包括以下几种：旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix。
transform可以用于内联inline元素和块级block元素。它有几个属性值参数rotate()\skew()\scale()\translate()，分别还有x\y之分。多个属性同时使用的时候，需要使用空格分开。
Rotate():旋转，通过指定的角度参数对原元素指定一个2D旋转，需先有transform-origin属性的定义。Transform-origin定义的是旋转的基点，其中angle是旋转的角度，如果设置的值为正数表示顺时针旋转，如果设置的值是负数，表示逆时针旋转。
Translate():移动，分为三种情况,translate(x,y)水平和垂直方向同时移动；translateX(x)水平方向移动，transformY(y)垂直方向移动。
Scale():缩放，分为三种情况，scale(x,y)使元素水平方向和垂直方向同时缩放，scalwX(x)仅水平方向缩放，scaleY(y)仅垂直方向缩放。具有相同的缩放中心和基数，其中心点就是元素的中心位置，缩放基数是1，如果值大于1就放大，反之缩小。
展开
评论
1
赞了这篇沸点
#每天一个知识点#
touch\click\tap的区别
1.click()事件会有200-300ms的延迟
2.tap()事件会出现点透事件（事件穿透），实行完上层的绑定tap事件后，下层如果绑定click事件或本身存在(a\input)也会默认触发，这就是点透事件。Tap事件是通过监听document上的touch事件模拟的，并且tap事件是冒泡到document上的，移动端的事件触发排序：toushstart touchstop click。
3.冒泡事件解决：fastClick/绑定touch事件，内部加上e.preventDefault()
touch\click\tap的区别
1.click()事件会有200-300ms的延迟
2.tap()事件会出现点透事件（事件穿透），实行完上层的绑定tap事件后，下层如果绑定click事件或本身存在(a\input)也会默认触发，这就是点透事件。Tap事件是通过监听document上的touch事件模拟的，并且tap事件是冒泡到document上的，移动端的事件触发排序：toushstart touchstop click。
3.冒泡事件解决：fastClick/绑定touch事件，内部加上e.preventDefault()
展开
评论
3
赞了这篇沸点
#每天一个知识点#
当主页面和iframe同域：
1.可以获取到iframe中的内容：
Api，iframe.contentWindow获取iframe的window对象，iframe.contentDocument获取iframede cocument对象。
2.在iframe中获取父级内容
window.parent,获取上一级的window对象，window.top获取最顶级容器的window对象
当主页面和iframe跨域：
域名相同的情况下，可以使用CDM(cross document messageing)跨域，发送消息postmessage(),window.postmessage(message, targetOrigin),接收消息监听message事件,window.addEventListener(‘message’,receiver, false)。
子页面中，使用window.parent调用父页面的方法的时候，父页面的方法需要挂载。
当主页面和iframe同域：
1.可以获取到iframe中的内容：
Api，iframe.contentWindow获取iframe的window对象，iframe.contentDocument获取iframede cocument对象。
2.在iframe中获取父级内容
window.parent,获取上一级的window对象，window.top获取最顶级容器的window对象
当主页面和iframe跨域：
域名相同的情况下，可以使用CDM(cross document messageing)跨域，发送消息postmessage(),window.postmessage(message, targetOrigin),接收消息监听message事件,window.addEventListener(‘message’,receiver, false)。
子页面中，使用window.parent调用父页面的方法的时候，父页面的方法需要挂载。
展开
评论
1