发表于   |   分类于

关于

　　随着前端业务复杂度的增加，模块化开发成为共识。ES6语法import、export也逐渐被广泛应用，在此之前常用的模块化解决方案有commonjs、AMD、CMD。

commonjs

　　commonjs的目标是指定一个js模块化的标准，指定出可以同时在客户端和服务端运行的模块。这些模块有自己独立的作用域，可以向顶层曝露自己（module.exports），也可以引用其它模块（require）。nodejs和webpack都是采用了这样的规范。

阅读全文 »

发表于   |   分类于

关于

　　DOS命令是指DOS操作系统的命令。相对现在具有可视化、图形化界面的windos系统，DOS系统是比较早期的、没有丰富的操作界面的系统，现在可以在windows上运行的DOS命令也是基于原来的操作命令发展过来的。简单形式的是以命令行形式存在，复杂的是形成批处理文件（.bat/.cmd）。DOS命令与linux命令在形式上略有差异。

主要

发表于   |   分类于

关于

　　Http中的options方法被称为预请求，是用于在通信过程中获得具有Request-uri标识资源的方法。

用途

  1. 获取服务器支持的Http请求方法。
  2. 检查服务器性能。（CORS）

触发条件

  1. 请求方法不是Get/head/post。
  2. Post方法手动设置Content-Type的值不是application/x-www-form-urlencoded、multipart/form-data、text/plain。
  3. 设置了自定义的请求头。（不包括Accept、Accept-Language、Content-Type、Viewport-width等常用字段）

发表于   |   分类于

关于

　　从一个文档发出的请求以及导航到其它页面，都会带有一个referrer头，即网页的来源。而referrer策略则允许手动控制相关信息。

用法

  1. 设置请求头中的Referrer-Policy字段。
  2. meta标签设置。
  3. a标签、link标签设置rel属性

值

  1. 空字符串。没有referrer策略，默认为no-referrer-when-downgrade
  2. no-referrer。所有请求都不带。
  3. no-referrer-when-downgrade。在https的页面中，对https的请求资源发送完整的referrer，http的资源则不带。
  4. same-origin。同源带，否则不带。
  5. origin。对任何资源只发送源的信息，不发送完整的url。
  6. strict-origin。origin和no-referrer-when-downgrade的交集。
  7. origin-when-cross-origin。同源发送完整的url，跨域的发送源信息。
  8. strict-origin-when-cross-origin。strict-origin和origin-when-cross-origin的交集。
  9. unsafe-url。https页面对http资源也发送完整的referrer。

发表于   |   分类于

关于

　　fetch是获取请求的一种方法，会返回Promise，相对ajax，属于较底层api。

特点

  1. 默认不带cookie，可以设置，也可以设置其它请求头。
  2. fetch返回promise，当遇到网络错误时会被reject，对很多4xx、5xx不会报错，判断成功与否需要在resolve时增加对response.ok属性的判断。
  3. 对于xhr中的abort、progress，在fetch中有相应的控制器可处理（FetchController、AbortController），好像还没有正式成为规范。
阅读全文 »

发表于   |   分类于

关于

　　参考相关文档，对前端的几个名词做一些简单的解释，详细的介绍还需要后面逐一阐述。

主要

  • SPA

    1. 单页面应用，应用只有一个主页面，初次加载时需要加载所有的资源文件，在需要的时候动态载入指定资源。
    2. css、js资源共用，前后端分离，服务器压力较小，路由在当前主页面切换（需单独设定）。
    3. 不利于SEO，需要特殊实现，可利用SSR。

  • MPA

    1. 多页面应用，应用有多个页面，加载时请求当前页面的所有资源。
    2. 整页刷新，对加载速度需求高。
    3. SEO简易实现，爬虫可直接获得源码。

  • SSR

    1. 服务端渲染，服务器将经过计算后的HTML字符串传给浏览器，浏览器端只进行HTML的解析。
    2. 网络传输量大，可以将片段缓存。
    3. 有利于SEO。

附加

　　网站的结构设计、优化方案还是要综合考虑，扩大自身追求的部分。

发表于   |   分类于

关于

　　在前端现有模式下，数据双向绑定即指MVVVM框架中，视图层与模型层之间数据的相互影响。视图中数据改变反应到模型层中；模型层中数据变化也会影响视图层。

主要

  • angular2.x
    　　angular2.x中数据双向绑定方式还是采用angular1.x中的脏值检查，但较之原来多有改变。

    阅读全文 »

发表于   |   分类于

关于

　　RxJS是一个js库，通过使用observable序列来编写异步和基于事件的程序。核心类型是Observable，附属类型有Observer、Subjects、Schedulers，还有一系列操作符。

  • Observable(可观察对象)：表示一个概念，是一个可调用的未来值或事件的集合。
  • Observer(观察者)：一个回调函数的集合，监听由Observable提供的值。
  • Subscription(订阅)：表示Obervable的执行，用于取消Observable的订阅。
  • Operators(操作符)：采用函数式编程风格的纯函数，用于处理集合。
  • Subject(主体)：相当于EventEmitter，是将值或事件推送给多个Observer的唯一方式。
  • Schedulers(调度器)：用来控制并发并且是中央集权的调度员，允许在发生计算时进行协调。
    阅读全文 »

发表于   |   分类于

关于

　　Typescript是JavaScript类型的超集，可以编译成JavaScript。

主要

　基础类型

  • 布尔值
  • 数字
  • 字符串

  • 数组

    1
    2
    let list: number[] = [1,2,3];
    let list: Array<number> = [1,2,3];

  • 元组　允许表示一个一直元素数量和类型的数组，类型可任意。访问已知索引的元素，类型必须匹配；访问越界的元素，类型需是联合类型，即已知类型的并集。

    阅读全文 »