无风的港湾

atroy 1 年前默认分类

前端菜鸟让接口提速60%的优化与原理

按需加载 -> graphQL天秀老接口存在一个问题，我们每次请求1000条数据，返回的数组中，每一条数据都有上百个字段，其实我们前端只用到其中的10个字段而已。如何从一百多个字段中，抽取任意n个字段，这就用到graphQL。graphQL按需加载数据只需要三步：定义数据池 root描述数据池中数据结构 schema自定义查询数据 query定义数据池我们针对屌丝追求女神的场景，定义一个数据池，如下：// 数据池 var root = { girls: [{ id: 1, name: '女神一', iphone: 123456...

2298 0 0

js、css、html压缩与混淆汇总

atroy 1 年前默认分类

js、css、html压缩与混淆汇总

背景前段时间针对某件大事件，我们用之前的一个老原生html项目，涂涂改改快速做了一个h5，由于时间紧迫直接上线了结果没想到。。。。第二天就被某大公司抄袭了。。。调了点颜色、改了些文案就直接抄袭并上线了。。。连我们变量名都没改。。。后来我们快速对项目代码进行了压缩和混淆，才避免了后续迭代没有被抄袭。。。整件事说起来又气又搞笑。。。经过这件事，我汇总了一下js、css、html压缩与混淆，增加页面加载速度的同时，还能防止页面被抄袭js混淆js混淆，其实就是将你的js代码弄的晦涩难懂，达到了防抄袭的效果业界比较常用的是javascript-obfuscator这个库const JO = req...

1587 0 0

重构的七宗罪

atroy 1 年前默认分类

重构的七宗罪

重构经过了十几年的发展和应用，可以说它是极限编程中程序员最爱的实践之一了，纷纷争相在项目里应用。重构工作坊、Codekata重构练习等各种提升能力的方式也屡见不鲜，帮助程序员们去追求优秀的代码和设计。然而这仍然摆脱不了人们对它的各种抱怨：“搞什么，又重构”，“重构出defect来了”，“项目紧，最近不要再重构了”，“重构到什么时候停呀”。小菜也这样被项目中的人抱怨着，觉得很委屈，找到了大牛小明。小菜：有一大段代码不合我意，写的很烂。我就想最近刚好新学了点技巧，看了下模式，赶紧大干一场。没想到做着做着组里都反对。小明：那你有什么目标？重构想达到什么效果？小菜：目标？啥意思？小明：我们做事情...

1376 0 0

JavaScript 算法与数据结构

atroy 2 年前默认分类

JavaScript 算法与数据结构

JavaScript 算法与数据结构本仓库包含了多种基于 JavaScript 的算法与数据结构。每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。Read this in other languages:English,繁體中文,한국어,日本語,Polski,Français,Español,Português,Русский,Türk,Italiana,Bahasa Indonesia,Українська,Arabic,Deutsch注意：这个项目仅用于学习和研究，不是用于生产环境。数据结构数据结构是在计算机中组织和存...

2098 0 0

欢迎使用 Typecho

atroy 5 年前默认分类

欢迎使用 Typecho

如果您看到这篇文章,表示您的 blog 已经安装成功.

1897 0 1