ssthouse

https://tinyjpg.com/ 是一个图片压缩网站, 在进行图片压缩的同时非常好的保存了图片的质量. 相信做前端的同学很多都用到过. 偶然一次发现该网站有提供Developer API , 点开一看还发现有很多已经封装好的第三方package. 但这些package都…

写这篇文章的缘由: 最近在公司的小程序项目中遇到了页面图片元素过多导致的性能问题. 从小程序提供的性能检测面板分析, 确定是图片元素占用了过多内存导致. 因为本人之前主要是做桌面端应用开发和原生app开发, 没有太顾及过移动端图片的内存占用问题. 这次既然遇到了, 也就趁这个机…

关键语句: Promise 是一个在将来某个时刻产生一个单一结果的对象. 通俗一点来说, Promise 代表了一个值, 但是这个值我们并不确定什么时候会被返回. 已经有很多人了解到了 Promise, 但是人们还是坚持使用 node.js 中提倡的以回调函数首个参数传 err…

据微软官方 blog的消息，windows 的默认浏览器 Edge将切换内核至 Chromium，并且微软将秉承开源精神，在未来更多的为 Chromium项目贡献代码。 微软今年来越来越多的投入到开源社区中来。 微软想要成为 Chromium 项目的主要贡献者。 对于普通用户，…

DOM 事件是前端开发者习以为常的东西. 事件的监听和触发使用起来都非常方便, 但是他们的原理是什么呢? 浏览器是怎样处理 event绑定和触发的呢? 让我们通过实现一个简单的event 处理函数, 来详细了解一下. 当我们点击上面这段 html 代码中的 a 标签时. 浏览器…

id selector 权重高于 class selector. 官方文档中用 Specificity: 特异性 来表示一个 css selector 和其元素的相关性. 相关性越强, 即表示表示其权重最高. Specificity 是由 selector 中 不同 selec…

注意这段代码中的 type 属性, 我们给的值是 typo, 这并不属于 input 支持的 type 种类. 可以看到, 在 attribute 中, 值仍然是 html 代码中的值. 而在 property 中, type 被自动修正为了 text, 而 value 随着用…

所以希望做一个能直观展示用户所有 repository 的网站. 用户 Github Repository 数据的2D和3D展示, 点击用户 github 关注用户的头像, 可以查看他人的 Github Repository 展示效果. 其中 2D 视图支持页面缩放和拖拽 &&…

深度优先遍历, 刷过题的朋友应该都很熟悉了,难是不难,但是理解起来还是要费一些功夫的. 深度优先遍历的实现方法有递归和非递归两种, 这里我们用可视化的角度,讲解前一种: 递归的深度优先遍历. 所以说, 人是视觉动物, 以图形可视化的方式来讲解问题往往能讲解的更清楚, 这也就是我…