GuoguoDad~-优快云博客

上个月接到一个需求对会员的数据展示、统计。这个也不复杂，当时定的技术是使用react-native实现，有吸顶的效果，在实现的过程中遇到的问题就记录一下。实现1是通过官方的api实现，动画效果更好，使用也简单些，缺点存在平台兼容问题实现2是通过监听滚动，控制显示与隐藏，所以兼容性很好，缺点就是动画效果需要自己实。...

2022-08-26 15:02:55 2778 4

Astro 是一个多合一的 Web 框架，用于构建快速、以内容为中心的网站。以内容为中心：Astro 专为内容丰富的网站而设计。服务器优先：网站在服务器上呈现 HTML 时运行速度更快。默认快速：在 Astro 中构建慢速网站应该是不可能的。易于使用：您无需成为专家即可使用 Astro 构建某些东西。功能齐全，但灵活：超过 100 多种 Astro 集成可供选择。Vercel 是一个用于前端框架和静态站点即时部署的平台。个人免费。

2022-08-23 10:40:12 3802 8

原创【状态管理器】react状态管理器redux-toolkit简单介绍

Redux Toolkit旨在成为编写Redux逻辑的标准方式。

2022-08-19 10:05:53 823 6

原创【造轮子】基于commander打造自己业务的脚手架

可以封装自己的业务，集成基础服务，提升开发效率

2022-08-17 11:02:40 331 10

原创【前端入门基础】CSS 结构与布局

css结构与布局，一个案例多种布局方式实现，充实基础，值得学习！

2022-08-16 14:56:15 302 4

原创【项目路由】移动端h5项目，模拟移动端栈路由

移动端打开页面其实是栈的入栈操作，关闭页面是栈的出栈操作，而传统的h5路由，如react-router是不具备栈这个特性的，满足不了移动端的需求。

2022-08-16 11:35:34 637 6

转载【javascript】Js 的事件循环(Event Loop)机制

大家都知道js是单线程的脚本语言，在同一时间，只能做同一件事，为了协调事件、用户交互、脚本、UI渲染和网络处理等行为，防止主线程阻塞，Event Loop方案应运而生…

2022-08-15 10:08:40 396 4

原创【android】RecyclerView + StaggeredGridLayoutManager 实现瀑布流

瀑布流，又称瀑布流式布局。是比较流行的一种页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这类风格。1、琳琅满目：整版以图片为主，大小不一的图片按照一定的规律排列。2、唯美：图片的风格以唯美的图片为主。3、操作简单：在浏览网站的时候只需要轻轻滑动一下鼠标滚轮，一切的美妙的图片精彩便可呈现在你面前。..................

2022-08-12 11:29:38 1690 7

原创【android】安卓高仿京东分类页

android 实现商城类app的分类页，高仿哦

2022-08-11 16:50:10 1924 7

原创【react-native】react-native如何实现瀑布流列表

在之前的react-native项目中，有瀑布流列表的需求，查阅了很多资料、网上看了很多种实现，其中看到了一个思路：用ScrollView嵌套VirtualizedList实现，如图红色表示ScrollView,蓝色表示VirtualizedList，看上去是一个列表，实则是3个列表，VirtualizedList的滚动事件全部委托给ScrollView进行处理!.....................

2022-08-11 11:01:06 1698 4

原创【微信小程序】5分钟实现微信小程序海报

随着业务需求的不多发展，小程序开发必不可少，而经常遇到需要用canvas画海报，如何我们裸用canvas的api去画海报，在可读性、后期维护性方面比较差，给大家推荐一个非常好用画小程序海报的库，让canvas的api下沉下去，开发者不用关心api，专心于业务即可。.....................

2022-08-08 09:47:19 1987 5

GuoguoDad的博客

原创高仿某东商城flutter版本，个人学习flutter项目

原创【vite3体验篇】vite3 + react18 + antd + redux toolkit + react-router6 搭建React项目

原创【webpack插件篇】webpack-plugin-mock 一款mockjs的webpack插件，配置简单、易用

原创【前端规范篇】 eslint + stylelint + prettier + husky + lint-staged + commitlint 统一前端代码规范及commit规范

原创【android】高仿京东商城App，集成react-native热更功能

原创【Demo】教你实现下拉刷新

原创【问题记录】文件上传遇到的问题

原创【CSS】分享纯CSS实现Rain效果

原创【CSS】4步教你绘制爱心图案

原创【react-card-slider】教你实现滑动卡片

原创 React Native 如何实现吸顶效果

原创【个人博客】Astro 快速搭建个人博客