binginto / myblog Goto Github PK

box-sizing: border-box;
透明，虚拟。
隐藏滚动条。
vue。
webpack。
git flow。

  vue传参有几种情况，父组件传参到子组件，子组件传参到父组件，组件之间的传参。一般可以采用props实现父传参到子。采用$emit监控事件可以实现子传参到父和组件之间传参。遇到大型的应用，也可以采用vuex，通过this.$store.state来实现组件间传参。下面是简单的Demo。

父传参到子

  通过props，父组件可传参到子组件。

子组件

Vue.component('child', {
  // 声明 props
  props: ['message']
  // 就像 data 一样，prop 也可以在模板中使用
  // 同样也可以在 vm 实例中通过 this.message 来使用
  template: '<span>{{ message }}</span>'
})；

父组件

<child message="hello!"></child>

子传父和组件间传参

  通过$emit和监听事件，子组件可传参到父组件。

子组件发射要传出数据

this.$emit("listenToChildEvent", "this message is from child");f

父组件监听子组件传出数据

<child :message="parentMsg" v-on:listenToChildEvent="showMsgFromChild" ></child>

Vuex管理传参数据

Vuex通过State状态来存储传参数据，通过Mutation来同步修改Vuex的State状态，通过action来异步修改mutation，从而达到异步修改State目的。.commit用于提交状态。.dispatch用于触发状态。

  其实如果没有deadline，日子对很多人来讲，都没有什么特别的意义。10月16号不会比10月15号多了什么新的意义，如果不需要上班的话。但貌似我估计也很快不用上班，而要另外找工作啦。真是一个悲伤的故事。
  不过转转新环境也是挺好的，我也不太喜欢996式的加班。天天的加班让人心累。突然意识到很多以为很牢固的东西其实不是太牢固。今晚手也莫名其妙的自自然然的伤了，很奇怪，明明没有接触过利器，但是就是受伤了。
   莫名其妙。
   经济基础决定上层建筑。但当你登上经济的台阶越高，欲望也就越大。读书时候，六七千的月薪就以为能够满足自己的欲望。而现在就算拿到更高的月薪，然而总觉得有点不安全感。或许是对自己能力的不肯定，对未来的不确信。未知的东西最是令人心惊胆战。我可以做到的就是做好每一天，防范于未然。虽然自己当下做的并不好。
   家姐要结婚吧。时间真是越来越快了。明年我就25岁啦。人生的四分之一过去了。我还没女朋友，真是一个残酷的事实。还是好好努力吧。追求优秀，成功自然而然会伴随你身旁。
  写代码不一定是最重要的，很多时候，交流和沟通能力更重要。然而交流和沟通最重要的是底气，你要增强自身的能力，才可能不被人替代。说话才有底气。
  凡事想到就去做，很多时候想太多而不去做并不是好事。
  虽然24有余啦。但还是青年，青年就是敢想敢拼搏。不要怕，just do it. 最穷不过讨饭，不死总将出头。怀念自己高中时候的用来自我勉励的两句话，《头文字D》里面的，不要有跟别人比的心，你要赢的是你自己。《英雄本色》中的我等了3年就是要等一个机会，我不是要告诉别人我了不起，而是我想让别人知道，我失去的东西，我会自己拿回来。
  最穷不过讨饭，不死终将出头。希望明天面试顺利。怕什么，just do it.

以1开头

  1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明
  100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。
  101 (切换协议) 请求者已要求服务器切换协议，服务器已确认并准备切换。

以2开头

  2xx (成功)表示成功处理了请求的状态代码。代码 说明
  200 (成功) 服务器已成功处理了请求。 通常，这表示服务器提供了请求的网页。
  201 (已创建) 请求成功并且服务器创建了新的资源。
  202 (已接受) 服务器已接受请求，但尚未处理。
  203 (非授权信息) 服务器已成功处理了请求，但返回的信息可能来自另一来源。
  204 (无内容) 服务器成功处理了请求，但没有返回任何内容。
  205 (重置内容) 服务器成功处理了请求，但没有返回任何内容。
  206 (部分内容) 服务器成功处理了部分 GET 请求。

以3开头

3xx (重定向) 表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向。代码 说明
  300 (多种选择) 针对请求，服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作，或提供操作列表供请求者选择。
  301 (永久移动) 请求的网页已永久移动到新位置。 服务器返回此响应(对 GET 或 HEAD 请求的响应)时，会自动将请求者转到新位置。
  302 (临时移动) 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
  303 (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响应时，服务器返回此代码。
  304 (未修改) 自从上次请求后，请求的网页未修改过。 服务器返回此响应时，不会返回网页内容。
  305 (使用代理) 请求者只能使用代理访问请求的网页。 如果服务器返回此响应，还表示请求者应使用代理。
  307 (临时重定向) 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。

以4开头

  4xx(请求错误) 这些状态代码表示请求可能出错，妨碍了服务器的处理。代码 说明
  400 (错误请求) 服务器不理解请求的语法。
  401 (未授权) 请求要求身份验证。 对于需要登录的网页，服务器可能返回此响应。
  403 (禁止) 服务器拒绝请求。
  404 (未找到) 服务器找不到请求的网页。
  405 (方法禁用) 禁用请求中指定的方法。
  406 (不接受) 无法使用请求的内容特性响应请求的网页。
  407 (需要代理授权) 此状态代码与 401(未授权)类似，但指定请求者应当授权使用代理。
  408 (请求超时) 服务器等候请求时发生超时。
  409 (冲突) 服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。
  410 (已删除) 如果请求的资源已永久删除，服务器就会返回此响应。
  411 (需要有效长度) 服务器不接受不含有效内容长度标头字段的请求。
  412 (未满足前提条件) 服务器未满足请求者在请求中设置的其中一个前提条件。
  413 (请求实体过大) 服务器无法处理请求，因为请求实体过大，超出服务器的处理能力。
  414 (请求的 URI 过长) 请求的 URI(通常为网址)过长，服务器无法处理。
  415 (不支持的媒体类型) 请求的格式不受请求页面的支持。
  416 (请求范围不符合要求) 如果页面无法提供请求的范围，则服务器会返回此状态代码。
  417 (未满足期望值) 服务器未满足"期望"请求标头字段的要求。

以5开头

  5xx(服务器错误)这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误，而不是请求出错。代码 说明
  500 (服务器内部错误) 服务器遇到错误，无法完成请求。
  501 (尚未实施) 服务器不具备完成请求的功能。 例如，服务器无法识别请求方法时可能会返回此代码。
  502 (错误网关) 服务器作为网关或代理，从上游服务器收到无效响应。
  503 (服务不可用) 服务器目前无法使用(由于超载或停机维护)。 通常，这只是暂时状态。
  504 (网关超时) 服务器作为网关或代理，但是没有及时从上游服务器收到请求。
  505 (HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。

总结

200 OK
请求正常处理完毕
204 No Content
请求成功处理，没有实体的主体返回
206 Partial Content
GET范围请求已成功处理
301 Moved Permanently
永久重定向，资源已永久分配新URI
302 Found
临时重定向，资源已临时分配新URI
303 See Other
临时重定向，期望使用GET定向获取
304 Not Modified
发送的附带条件请求未满足
307 Temporary Redirect
临时重定向，POST不会变成GET
400 Bad Request
请求报文语法错误或参数错误
401 Unauthorized
需要通过HTTP认证，或认证失败
403 Forbidden
请求资源被拒绝
404 Not Found
无法找到请求资源（服务器无理由拒绝）
500 Internal Server Error
服务器故障或Web应用故障
503 Service Unavailable
服务器超负载或停机维护

  1、空格在前面加上 &emsp'或  

vue组件传参

vue组件传参有三种情况，一是
1、vue init webpack vuex-demo
2、npm install vue vuex --save
3、开发

原理图告诉我们，a对象下面的b属性定义了getter、setter对属性进行劫持，当属性值改变是就会notify通知watch对象，而watch对象则会notify到view上对应的位置进行更新（这个地方还没讲清下面再讲），然后我们就看到了视图的更新了，反过来当在视图(如input)输入数据时，也会触发订阅者watch，更新最新的数据到data里面(图中的a.b),这样model数据就能实时响应view上的数据变化了，这样一个过程就是数据的双向绑定了。

1月15号，阳光很好。
狭路相逢勇者胜！

什么是csshack

不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。

开发人员通过针对不同的浏览器对应写出不同的CSS代码，从而达到兼容不同浏览器的目的，不会让页面因为浏览器的不同而产生有差异的显示，这种技术有个专门的名称就是CSS Hack。

　　CSS Hack原理是通过不同浏览器自身所带有的特别标识符以及CSS中优先级的机制来实现不同浏览器里CSS样式兼容性的问题。
　　CSS Hack有三种实现方式，它们分别是：CSS类内部的Hack、CSS选择器的Hack和HTML头部的Hack。

互联网的技术基本都是分布式的，因此线程、进程、通讯、分布式技术以及分布式的可靠性是十分的重要

http://www.codeceo.com/article/13-habbits-programmer-life.html

引子

强弱动态类型。

Typescript 是什么？

TypeScript具有类型系统，且是JavaScript的超集。 它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。

TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。

Typescript的优势？

作者：vilicvane
链接：https://www.zhihu.com/question/28016252/answer/39056940
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

1. 静态类型检查静态类型检查可以避免很多不必要的错误, 不用在调试的时候才发现问题 (其实有的时候根本调试不出问题, 只是默默地把坑挖了, 说不定埋的就是个炸弹, 之前用 TypeScript 重写应用的服务器端程序, 写完之后就发现了不少暂时没有影响到运行的严重问题).2. IDE 智能提示在 TypeScript 这一类语言之前, JavaScript 的智能提示基本完全依赖 IDE 提供的猜测 (在猜测的质量上, Visual Studio 和 brackets 是我见过的最好的). 局限性就是, 这种猜测可能并不正确, 并且也缺乏更多的辅助信息, 所以要正确使用一个类库, 得不断地在文档和 IDE 之间切换, 影响心情和效率. 而 TypeScript 不仅自己写的类库有丰富的类型信息, 也可以对其他纯 JS 项目进行类型标注 (DefinitelyTyped), 便于使用者直接在 IDE 中浏览 API, 效率大增.而对于自己的或者团队的代码, 好处也很明显. 团队的代码自己不一定能把各种接口记得滚瓜烂熟, 自己的代码如果规模大了也很难记全, 这个时候再去翻源文件,,, 啧啧啧.3. 代码重构且不说我这种经常纠结变量名的会时不时看某个变量名不顺眼, 改之的情况. 有时候的确需要修改一些变量/属性/方法名, 牵涉到属性和方法的时候, 很多改动是跨文件的, 不像普通变量可以简单定位 scope, 属性方法名的重命名对于 JS 来说异常痛苦, 一方面是修改本身就不方便, 另一方面是改了还不确定该改的是不是改了, 不该改的是不是也改了. 而 TypeScript 的静态类型系统就可以较为完美的解决这个问题 (这个地方还牵涉到一些最佳实践, 就暂不深入了).4. 可读性对于阅读代码的人来讲, 各种便利的类型一目了然, 更容易明白作者的意图.--其实在 TypeScript 之前, 自己也写了一个小库 (VEJIS), 进行 JS 在运行时的类型检查/增强, 实现了诸如增强的类, 函数重载, interface, delegate 等, 结合 Visual Studio 强大的智能感知和智能感知 API 还可以方便得注释各种重载并且转化为 signatures. 不过因为有了 TypeScript, 也就没有太多存在得价值了.之前也有同学问为毛要写这么个东西, 其实还是为了 Scalable. 就跟总有同学会问 "类在实际生产中使用多不多" 这种问题一样, 只有等到你有了需求, 才能真正体会它们的价值.

入门typescript

1. 跟你信任的人谈论你的问题，我们称之为净化作用。
   2.一个人把忧虑憋在心里，不告诉任何人，就会造成精神紧张。
   3.每天上床之前安排好第二天的工作。

today
p0.工作内容和面试内容。
p1.vuex。
p1.vue父子传参。
p1.vue数据双向绑定。
p1.反思文章。
p1.规划。

http://www.ihacksoft.com/chrome-simulate-ios-android-browse.html

1.箭头函数
2.const，let
3.es6多行字符串 ，用反引号表示。``
4.es6拆包表达式。

var { house, mouse} = $('body').data() // 我们会拿到house和mouse的值的 
var {jsonMiddleware} = require('body-parser') 
var {username, password} = req.body

5.es6 类 class
6.es6 模块化