分类 代码如诗 下的文章

特点

  • 浏览器端发起XMLHttpRequests请求
  • node端发起http请求
  • 支持Promise API
  • 拦截请求和返回
  • 转化请求和返回（数据）
  • 取消请求
  • 自动转化json数据
  • 客户端支持抵御XSRF（跨站请求伪造）

- 阅读剩余部分 -

2019-02-16T06:24:14.png

Mockjs优点：

  1. 前后端分离：让前端攻城师独立于后端进行开发。
  2. 增加单元测试的真实性：通过随机数据，模拟各种场景。
  3. 开发无侵入：不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。
  4. 用法简单：符合直觉的接口。
  5. 数据类型丰富：支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。
  6. 方便扩展：支持支持扩展更多数据类型，支持自定义函数和正则。

- 阅读剩余部分 -

mock.jpg

mockjs的简介：

使用mockjs可以事先模拟数据，前提是和后端约定好了数据接口，怎样的数据。使用mock就可以生成你要的数据了，从而实现开发时前后端分离。

其主要功能是：

  1. 基于数据模板生成模拟数据。
  2. 基于HTML模板生成模拟数据。
  3. 拦截并模拟 ajax 请求。

- 阅读剩余部分 -

问题描述

vue cli脚手架前端调后端数据接口时候的本地代理跨域问题：

如在本地 localhost 访问接口 http://www.exaple.com:8602/ 是要跨域的，会报错：

XMLHTTPRequest can not load http://www.exaple.com:8602/.
Response to preflight request doesn’t pass access control….

- 阅读剩余部分 -

regex.jpg

正则表达式，又称规则表达式。（英语：Regular Expression，在代码中常简写为regex、regexp或RE），计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。

- 阅读剩余部分 -

任何一栋建筑都需要稳固的基础、四面墙体和一个屋顶。这些要素都是必不可少的。基础支撑着墙体，墙体支撑着屋顶，而屋顶保证你安全并且免受风吹雨淋之苦。如果一名建筑师不能提供上述要素，那么他必定是不称职的。作为前端架构师，我们在构建新网站时也承担着相似的责任。我们必须驾驭必要的工具和流程，而这两者正是成功构建网站的要素。

前端架构是一系列工具和流程的集合，旨在提升前端代码的质量，并实现高效，可持续的工作流。

- 阅读剩余部分 -

最近在读《前端架构设计》，整书只有148页，薄薄的一本，但是看起来还是很有份量的。这本书展示了一名成熟的前端架构师对前端开发全面而深刻的理解。作者结合自己在Red Hat公司的项目实战经历，探讨了前端架构原则和前端架构的核心内容，包括工作流程、测试流程和文档记录，以及作为前端架构师所要承担的具体开发工作，包括HTML、JavaScript和CSS等。从豆瓣等评论来说，褒贬不一，但是个人感觉读一读还是很有必要的，取其精华去其糟粕即可。

- 阅读剩余部分 -

项目中用到了弹窗居中，有些弹出正常，有些弹出就模糊。这就比较奇怪了，一样的样式，为啥会出不同的结果呢？

css水平居中是有很多办法的，项目里面用的是这样的居中方式：

position: absolute;
left: 50%;
transform: translateX(-50%);

然后一点一点的去掉样式，定位到是transform导致的！用搜索引擎查了下，果然不止我一个人有问题，看来有解决方案了。

原来出现模糊的原因是因为元素的高度、宽度中有奇数， 使用类似translate(-50%,-50%)之后，相当于宽度、高度除以2的效果，会出现 0.5px。像素就是最小的单位了，要么1，2，3，要么就是0，没有小数。

好在这个项目里面的弹出层宽度是可以设置宽度的，看了下这个模糊的弹出，设置的宽度是865px，好吧，那就改改宽度解决问题！但是，如果是不定高度垂直居中呢？这就比较棘手了，不能用这个方案了，所以transform对于居中不是一个好的解决方案，在实际项目中应该尽量避免此方案！

所以，如果考虑兼容就老老实实的用table + table-cell方式去居中，不考虑兼容的话使用flex方式去居中！

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8