5w字长文讲述一个前端小白如何从零开始搭建项目，来感受小白首次使用这些令人眼花缭乱的技术时的艰辛与坎坷。

前言 vue3.x相关的生态已经在不断的完善中，相应的UI/路由/pinia等都已成熟，新的项目也在考虑使用新版本开发了，开一个帖子记录一下搭建移动端简易模版的过程，方便以后回顾。

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…

不同角色的用户登陆App，收到不同的待办提醒。即谁处理这个待办任务，谁会收到这个提醒。对不同角色的用户推送待办消息 应用确实接收到了消息，但是所有角色的用户都会接收到和自己不想关的待办任务消息。这是违背需求的！所以基于此，作者研究了服务端发送到客户端消息的原理： 经过查询资料，…

作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动…

uni-app 在HBuilderX开发工具中一直有非常友好高效的支持，提供可视化操作菜单，发行各家小程序简单便利详情，这里不再赘述；本文主要说明如何通过vue-cli编译发行各家小程序。 发行到支付宝小程序，需要你下载并打开支付宝小程序开发者工具，然后选择项目编译目录（dev…

这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。 在scale为1的情况下，device-width = 设备的物理分辨率/devicePixelRatio 。

一. 1px边框问题 想必各位无论在面试中，还是工作中，应该遇到过1px边框的问题。不知道也没关系，现在我们就来复习一下（知道的朋友可以跳过去看第二部分了）。 1px边框，顾名思义就是前端画出1px的线，这里的1px,指的是屏幕1px大小。那么屏幕的1px和css中的1px有什…

背景图片直接放进了代码的静态资源文件夹里。直接使用相对路径即可 二维码需要调用后端接口获得，并下载到本地获取临时路径。 我们是来自帝都的一枚前端程序猿 + 一枚前端程序媛。 这里发布的文章是我们对学习内容的总结，预计会每周至少会更新一篇。