2017年十一海南三亚跟团游记,记录一些真实的事情

报的团是5天4晚乞丐游,但是由于是十一,所以很贵,一个人5000左右吧,孩子半价,所以七七八八2大一小一共花了13000左右
大头费用都是机票,所以这种团你懂的就是让你消费,不过现在都不敢强制消费了

第一天

下了飞机 有人接站,然后做大巴到了一家快捷宾馆,就是很普通都那种,还算是干净吧,楼底下就有广式茶馆,一天热闹非凡,广东人爱喝茶,一喝能喝一天,羡慕嫉妒恨,晒一晒早茶


也不便宜是吧一顿早茶花了50多吧

下午还是人山人海

我们第一次跟团 ,第一天早晨导游给我们发短信,第二天7点出发,但是我们没看见,然后头天晚上给旅游团一个总调度打电话问第二天几点出发,他说八点,然后我们睡起来发现···团都走了···
经过交涉给我们找了个车,赶往旅行团的下一站,博鳌···

这是赶往博鳌的路上
中途司机说太累了,让我开····
异地他乡开车也是别有一番风味

然后到了博鳌

到了都中午了,大团都玩完了,我们直接去吃博鳌的公道餐

说实话,这顿饭是5天以来吃的最舒服的一顿饭,口味也不错,蘸料是有些辣,但是很香,那个是鹅肉

好了,从这一站终于能跟上团了

博鳌顺手一拍,没什么好看的

npm scripts 使用指南

Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。

本文介绍如何使用 npm 脚本(npm scripts)。

一、什么是 npm 脚本?

npm 允许在package.json文件里面,使用scripts字段定义脚本命令。

{ // ...
  "scripts":{"build":"node build.js"}}
  

上面代码是package.json文件的一个片段,里面的scripts字段是一个对象。它的每一个属性,对应一段脚本。比如,build命令对应的脚本是node build.js

命令行下使用npm run命令,就可以执行这段脚本。

$ npm run build
  # 等同于执行
  $ node build.js
  

继续阅读npm scripts 使用指南

【译】一个让每一位前端同学看完都蓝瘦、香菇的笑话段子

嘿,我最近接到一个 Web 项目,不过老实说,我这两年没怎么接触 Web 编程,听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师?

准确地说,我是一名「前端工程师」。不过你算是找对人了。我对今年的技术别提多熟了,前端可视化、音乐播放器、能踢足球的无人机,你尽管问吧。我刚去 JS 大会和 React 大会逛了一圈,没有什么新技术是我不知道的。

厉害。是这样的,我要开发一个网页,用来展示用户的最新动态。我想我应该通过后端接口获取数据,然后用一个 table 来展示数据,用户可以对数据进行排序。如果服务器上的数据变化了,我还需要更新这个 table。我的思路是用 jQuery 来做。

可别用 jQuery!现在哪还有人用 jQuery。现在是 2016 年了,你绝对应该用 React。

哦,好吧,React 是什么?

React 是一个非常厉害的库,Facebook 的牛人写的。它能让页面更可控,性能极高,而且使用起来很简单。

听起来确实不错。我能用 React 展示服务器传来的数据吗?

当然可以,你只需要添加两个依赖,一个是 React,一个是 React DOM

额,等下,为什么是两个库?

React 是我说的库,React DOM 是用来操作 DOM 的。因为这些 DOM 是用 JSX 写的,所以需要一个专门的库来操作。
继续阅读【译】一个让每一位前端同学看完都蓝瘦、香菇的笑话段子

从浏览器地址栏输入url到显示页面都经历了哪些?

在浏览器地址栏输入URL

浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤

  • 如果资源未缓存,发起新请求
  • 如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证。
  • 检验新鲜通常有两个HTTP头进行控制Expires和Cache-Control:
    > HTTP1.0提供Expires,值为一个绝对时间表示缓存新鲜日期
    > HTTP1.1增加了Cache-Control: max-age=,值为以秒为单位的最大新鲜时间

浏览器解析URL获取协议,主机,端口,path

浏览器组装一个HTTP(GET)请求报文

浏览器获取主机ip地址,过程如下:

git操作手册|命令速查表

git

Git与SVN差异

Git的第一个版本是Linux之父Linus Torvalds亲手操刀设计和实现的,Git 基于 DAG 结构 (Directed Acyclic Graph),其运行起来相当的快,它已经是现在的主流。

Git 和 SVN 思想最大的差别有四个:

  • 去中心化
  • 直接记录快照,而非差异
  • 不一样的分支概念
  • 三个文件状态

去中心化

Git是一个DVCS(分布式版本管理系统),在技术层面上并不存在一个像中心仓库这样的东西 , 所有的数据都在本地,不存在谁是中心

图中每个开发者拉取(pull)并推送(push)到origin。但除了这种集中式的推送拉取关系,每个开发者也可能会从其他的开发者处拉取代码的变更,从技术上讲,这意味着Alice定义了一个名为bob的Git的remote,它指向了Bob的软件仓库。反之亦然。

直接记录快照,而非差异

继续阅读git操作手册|命令速查表

多说评论关闭-第三方评论路在何方?

多说

多说评论最新公告:因公司业务调整,非常遗憾的向大家宣布多说项目即将关闭。 我们将于2017年6月1日正式关停服务,在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。 对此给您造成的不便,我们深表歉意,感谢您的一路相伴。

继续阅读多说评论关闭-第三方评论路在何方?

几个你不得不知道的chrome开发者工具的使用技巧

前言

作为一个前端,我相信你最常用的浏览器是chrome,那么它自带的开发者工具也许是你常用的一款调试工具,额··也许你并没有真正的了解过它··什么?你不信?好吧,让我给你介绍几个强大到让你颤抖但是你也许从来不知道的使用技巧吧!
如果你也有更强大的使用技巧一定要告诉我哦~我会及时更新滴!

下面我就以我本机chrome版本(mac:50.0.2661.102 (64-bit))为你介绍一下吧!

查看盒模型结构

你一定知道盒模型的概念,有时候在网页过程中如果想快速了解一个dom元素 实际 的内边距啦、外边距啦之类的可以通过一下方式查看:
查看盒模型结构

强大等级:1星

日志保持功能

这个功能在调试多页面跳转很有用,有时候一个错误只有当你点击一个链接才会发生,但是console面板却一闪而过的时候你是时候开启了,与之相同的功能newwork面板也有一个:
日志保持功能

强大等级:1星

继续阅读几个你不得不知道的chrome开发者工具的使用技巧

markdown语法测试

欢迎使用Markdown编辑器写博客

本Markdown编辑器使用[StackEdit][6]修改而来,用它写博客,将会带来全新的体验哦:

  • Markdown和扩展Markdown简洁的语法
  • 代码块高亮
  • 图片链接和图片上传
  • LaTex数学公式
  • 丰富的快捷键

快捷键

  • 加粗 Ctrl + B
  • 斜体 Ctrl + I
  • 引用 Ctrl + Q
  • 插入链接 Ctrl + L
  • 插入代码 Ctrl + K
  • 插入图片 Ctrl + G
  • 提升标题 Ctrl + H
  • 有序列表 Ctrl + O
  • 无序列表 Ctrl + U
  • 横线 Ctrl + R
  • 撤销 Ctrl + Z
  • 重做 Ctrl + Y

Markdown及扩展

继续阅读markdown语法测试