生成前端海报的 N 种方案和优劣
一、背景 工作中做了很多生成海报的功能，不同需求，不同场景，使用了几种方案，各有优劣。一直想要整理一下，但这个过程中的思考和遇到的问题没有记录下来，比如图片的跨域问题，文字的问题，做完没有记录，无迹可寻，以至于很难开始。最近重新回顾了一下，整理了一篇文档，或有疏漏和不准确之处，欢迎交流。 二、业务应…
标签：canvas
一、背景 工作中做了很多生成海报的功能，不同需求，不同场景，使用了几种方案，各有优劣。一直想要整理一下，但这个过程中的思考和遇到的问题没有记录下来，比如图片的跨域问题，文字的问题，做完没有记录，无迹可寻，以至于很难开始。最近重新回顾了一下，整理了一篇文档，或有疏漏和不准确之处，欢迎交流。 二、业务应…
标签：canvas
一、三个概念 1. 数据驱动 数据响应式 数据模型仅仅是普通的 JavaScript 对象，而当我们修改数据时，视图会进行更新，避免了繁琐的 DOM 操作，提高开发效率 双向绑定 数据改变，视图改变；视图改变，数据也随之改变 我们可以使用 v-model 在表单元素上创建双向数据绑定 数据驱动是 V…
一、什么是双向绑定 我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子 当用户填写表…
iScroll是什么 很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。 pc端web，windows系统的浏览器会出现丑陋的滚动条。(其实也有最新的css样式可以解决，兼容性欠佳) 手机移动端，ios浏览器无法惯性和弹性滑动（默认使用浏览器滚动，…
标签：下拉刷新，滚动
插件地址 引用文章 一、什么事better-scroll？ better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现，它的 API 设计基本兼容 iscroll，在 iscroll 的基础上又扩展了一些 feature 以及做了…
标签：下拉刷新，滚动
一、从历史说起 Web是World Wide Web的简称，中文译为万维网 我们可以将它规划成如下的几个时代来进行理解 石器时代 文明时代 工业革命时代 百花齐放时代 石器时代 石器时代指的就是我们的静态网页，可以欣赏一下1997的Apple官网 最早的网页是没有数据库的，可以理解成就是一张可以在网…
一、单系统登录机制 1、http无状态协议 web应用采用browser/server架构，http作为通信协议。http是无状态协议，浏览器的每一次请求，服务器会独立处理，不与之前或之后的请求产生关联，这个过程用下图说明，三次请求/响应对之间没有任何联系 但这也同时意味着，任何用户都能通过浏览器访…
标签：单点登录
App与服务器的通信接口如何设计得好，需要考虑的地方挺多的，在此根据我的一些经验做一些总结分享，旨在抛砖引玉。 安全机制的设计 现在，大部分App的接口都采用RESTful架构，RESTFul最重要的一个设计原则就是，客户端与服务器的交互在请求之间是无状态的，也就是说，当涉及到用户状态时，每次请求都…
时不时会有一些做开发的小伙伴向我咨询一些职业发展的问题，比如：该不该跳槽？遇到了职业天花板该怎么破？如何才能成为架构师？等等。这些问题，说白了，其实都是如何选择职业发展路线的问题。那我们就来聊聊那些可选的职业发展路线，需要注意，每个人都并非只走一条路线。 1. 纵深发展 所谓纵深，就是纵向往技术深度…
用了vue3大半年了，一直都是用vue cli 基于webpack来搭建的项目，刚好有个移动端的项目，我想用vite版本的vue3来做，这里记录一下项目搭建的过程 一.涉及技术点 vite版本 vue3 ts 集成路由 集成vuex 集成axios 配置Vant3 移动端适配 请求代理 二.步骤…
