图片上传那些事儿

前言

图片上传对于web开发者来说应该都不会陌生,非常常见的一个需求,此文总结一下常见的几种图片上传需求和实现方式~

常见图片处理需求

图片剪裁

这种需求非常常见,对操作者很友好,他们即使不具备处理图片的能力也可以通过页面的功能对图片进行裁剪,一般是像下图,有个选择框可以截取一部分图片内容然后选择上传

实现这种需求其实也非常简单,这里说下基本原理:

阅读全文

axios源码浅析

Axios简介

基于Promise的HTTP客户端,用于浏览器和node.js

  • 支持浏览器端 ajax 请求

阅读全文

【译】React Native布局原理(以及Fabric将做出的改变)

阅读全文

Puppeteer截取直播画面

前几天有个同学问起如何实现自动截取直播间的图片,分析直播内容,当时就想到了用无头浏览器实现。正好之前了解过 Puppeteer 推荐他使用了该工具,后来他用类似的 Pyppeteer 实现了该需求,出于好奇我使用 Puppeteer 也实现了一版,也顺便过了一遍 puppeteer 得文档,仔细了解了一下它的各个功能,作此文总结。

阅读全文

小程序之工程化

工程化做什么

目前的前端开发过程,工程化是必不可少的一环,那小程序工程化都需要做些什么呢,目前小程序开发当中存在以下几点问题需要解决:

    阅读全文

    小程序之图片导出

    经常开发和使用小程序的同学对这个功能一定不陌生,这是一种常见的引流方式,一般同时会在图片中附加一个小程序二维码。

    基本原理

    1. 借助 canvas 元素,将需要导出的样式首先在 canvas 画布上绘制出来 (api基本和h5保持一致,但有轻微差异,使用时注意即可)

    阅读全文

    小程序之数据统计

    数据统计作为目前一种常用的分析用户行为的方式,小程序端也是必不可少的。小程序采取的曝光,点击数据埋点其实和h5原理是一样的。但是埋点作为一个和业务逻辑不相关的需求,我们如果在每一个点击事件,每一个生命周期加入各种埋点代码,则会干扰正常的业务逻辑,和使代码变的臃肿,笔者提供以下几种思路来解决数据埋点:

    阅读全文

    小程序之登录

    unionid和openid

    小程序/公众号登录涉及到两个最关键的用户标识

    • OpenId 是一个用户对于一个小程序/公众号的标识,开发者可以通过这个标识识别出用户。

    阅读全文

    最近糟心的一点事

    最近发生了很多事情,作为一个成年人被各种情绪所左右,无法快速做出正确的判断,感到非常的愧疚。

    感情

    谈了两年的女朋友,由于她家里人的极力反对,她左右为难,而我又不知该如何是好。这两年多的时间里,有很多美好的回忆,大大小小的争吵,在被现实阻挡的时候,疯了一般的往外窜。每日还是重复着下班,上班的日子,像极了行尸走肉。没有相见的几个礼拜,痛苦由大到小,触碰到某个回忆又由小到大,像泡沫,也似利刃。或许早该大大方方的说再见,也不至于拖沓了彼此的青春。

    阅读全文

    图片格式比较

    起源: 前几天面试的时候被问到图片格式的区别,特点,顿时语塞。故查阅后对常见的图片格式总结作此笔记,吃一堑,长一智。💪!
    尴尬.jpg

    基础概念了解

    图片颜色分类

      阅读全文