0%

之前在《高程》里面有一章节提到了安全判断数据类型,唯一弱点是没有改变 Object.prototype.toString() 没有被修改过。之前自己看的时候也是做了笔记的可是今天笔试的时候就想不到如何使用这个方法去实现了,编写下记录哈。

题目是判别简单类型(Number, String),数组,函数,对象,null,NaN(我也很好奇为啥算上 NaN(Number) 没有 undefined,那我自己写就考虑上哈)

阅读全文 »

把国庆玩完又开始我的佛系面试,我的心还在玩耍可是却不得不面试因为我还没 offer。。。想想就想继续玩下去

  • 自我介绍
    每次都会问的,想想我这个垃圾二本渣渣能介绍啥,说一分钟搞定

  • 面试官看着我的简历就开始问面试中最牛逼的问题 “你做的这些项目给你印象最深的的哪一个,中间遇到的那些问题让你记忆犹新”

    这问题真的玄学,我也只能硬着头皮上说的是自己做的第一个项目,实现方法以及途中的问题及感想然后面试官也更具我的说辞进行进一步的问答,如你的 mvc 结构是如何去实现

  • 你现在回看自己的第一个项目你觉得有什么地方是可以优化的

  • 你当初做 node 的项目的原因

  • 为啥用 express 不用 koa

  • 对 express 中间件的了解

  • csrf 是啥该如何避免

  • 啥是 W3C, 拿着我网上做的笔试题又开始问了一些问题

  • vue 中兄弟组件该如何通信

  • 最近有看啥最近在做啥

    开始扯淡,聊了下我比较喜欢阮一峰,说了些前端八卦,大概就这时候我就和他说了下知道微博有做 pwa 之类的然后面试官就打开的 pixel 中的微博 pwa 开始问了

  • 在 pwa 多条数据流在滑动能直接显示而不刷新,点开信息也是能够不刷新就直接显示该如何去实现

  • 当用户滑动了很多条的信息请问对于那些信息该如何去处理而不影响用户的体验

  • 当我们将划过的区域用什么样的方法来能达到最好的体验(小号的资源最少) 一个 div 来撑 magin-top transform

  • pwa 微博中下拉刷新应该若何实现

  • pc 端微博若果做下拉刷新该如何实现

    谈了大概一个多小时开始 hr 面

  • 自我介绍

  • 为何选这个职业

  • 你的职业规划

  • 你的问题

然后回家等消息

我回去路上一搜面试官是新浪微博 html5 的 team leader。微博的 pwa 就是他一手倒弄出来的,我。。。这样的大神我能说啥请收下我的膝盖。

MVC模式(Model–view–controller)是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model)、视图(View)和控制器(Controller)。

MVC模式最早由Trygve Reenskaug在1978年提出[1],是施乐帕罗奥多研究中心(Xerox PARC)在20世纪80年代为程序语言Smalltalk发明的一种软件架构。MVC模式的目的是实现一种动态的程序设计,使后续对程序的修改和扩展简化,并且使程序某一部分的重复利用成为可能。除此之外,此模式通过对复杂度的简化,使程序结构更加直观。软件系统通过对自身基本部分分离的同时也赋予了各个基本部分应有的功能。专业人员可以通过自身的专长分组:

  • 控制器(Controller)- 负责转发请求,对请求进行处理。
  • 视图(View) - 界面设计人员进行图形界面设计。
  • 模型(Model) - 程序员编写程序应有的功能(实现算法等等)、数据库专家进行数据管理和数据库设计(可以实现具体的功能)。

总结一下:

简单来说 MVC 是一种代码设计模式,将代码分成三个部分,使得你的代码容易被理解

  1. Controller 监听 Model 变化,Model 一变,Controller 就会去更新 View。
  2. Controller 监听用户交互,用户点了提交或修改按钮,Controller 就要去更新 Model。

教程来自 vimtutor 版本1.7 shell 下直接输入 vimtutor

先输入 :set number 显示行号

阅读全文 »

路由

后端必需验证,curl 直接发请求绕过前端。

Cookie 就好像游乐园的通行证

  • 服务器通过 Set-Cookie 响应头设置Cookie
  • 浏览器得到 Cookie 后,每次请求都会带上 Cookie
  • 服务器读到 Cookie 就知道登录用户是谁

Cookie 可以做假

http only

Cookie 有有效期

Cookie的缺陷

  1. Cookie会被附加在每个HTTP请求中,所以无形中增加了流量。
  2. 由于在HTTP请求中的Cookie是明文传递的,所以安全性成问题,除非用HTTPS
  3. Cookie的大小限制在4KB左右,对于复杂的存储需求来说是不够用的。[3]

HTTP 缓存

需求

实现一个 Vue 中能使用的栅栏网格,总计每行为 24 份,用户可选择每一列所占份数,左边间隔(可以没有),以及可显示输入每一份之间的间隔(可以没有)。

阅读全文 »

跳转是会经常用到的

  • NG 跳到第 n 行

    gg 第 1 行

    G 最后一行

  • w e 下一个单词头/尾

  • b ge 上一个单词头/尾

  • % : 匹配括号移动,包括 (, {, [. (陈皓注:你需要把光标先移到括号上)
  • *#: 匹配光标当前所在的单词,移动光标到下一个(或上一个)匹配单词(*是下一个,#是上一个)