茹茹果

最近有个图表需求配置十分头疼。所以想手写实现一个交互体验还不错的曲线图，支持开场动画、自动根据父盒子宽度适配、比echarts更全的配置项，分区线段的可以更好的自定

在使用 JavaScript 时，我们常常要写不少的条件语句。这里有五个小技巧，可以让你写出更干净、漂亮的条件语句。 1. 使用 Array.includes 来处理多重条件 乍一看，这么写似乎没什么大问题。然而，如果我们想要匹配更多的红色水果呢，比方说『樱桃』和『蔓越莓』？我…

见解有限，如有描述不当之处，请帮忙及时指出，如有错误，会及时修正。 ----------超长文+多图预警，需要花费不少时间。---------- 如果看完本文后，还对进程线程傻傻分不清，不清楚浏览器多进程、浏览器内核多线程、JS单线程、JS运行机制的区别。那么请回复我，一定是我…

本文包含的内容较多，包括AJAX，CORS，XSS，CSRF等内容，要完整的看完并理解需要付出一定的时间。 另外，见解有限，如有描述不当之处，请帮忙及时指出。 正文开始... 从入坑前端开始，一直到现在，AJAX请求都是以极高的频率重复出现，也解决过不少AJAX中遇到的问题，如…

使用CSS让元素不可见的方法很多，剪裁、定位到屏幕外、透明度变化等都是可以的。虽然它们都是肉眼看不见，但背后却在多个维度上都有差别 在Chrome和Safari浏览器，则根据父元素是否是否为none来影响图片加载情况，父元素带有display:none，图片不加载。 2. 与c…

一本从设计师角度带你了解整个app主要设计与开发流程的书。 知己知彼，为自身app提供一个可视化标准，衡量自身设计和用户体验优劣性，取长补短，快速自我调整，提升用户满意度，节约成本，使收益最大化。 一，确认对手；二，挖掘对手信息；三，分析数据，这里用经典波士顿矩阵SWOT模型（…

作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览器里，更多的时候，用户是通过移动产品浏览我们的网页。加之有越来越多的开发者投入到Web APP和Hybri…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

什么是字号大小？字号大小就是字体的高度，例如设置字号为50px，那么它的高度如下图所示： 什么是行距呢？如下图所示： 其中半行距 = (lineHeight – fontSize) / 2。 但是实际上，—font-size经常不等于渲染的高度，如下图所示： 对于笔者用的Pro…