摘要: 前段时间在做小程序到H5的迁移,其中小程序中下拉刷新的功能引起了产品的注意。他说到,哎,a56爆大奖在线娱乐们迁移后的H5页面怎么没有下拉刷新,于是乎,a56爆大奖在线娱乐就急忙将这部分的内容给填上。 本来是计划使用成熟的组件库来实现,尝试之后发现这些组件和a56爆大奖在线娱乐们H5页面的其他逻辑有冲突(H5还有吸顶、锚点、滑动高亮、横向滚动),小小H 阅读全文
posted @ 2024-06-16 19:46 一颗冰淇淋 阅读(242) 评论(1) 推荐(3) 编辑
摘要: 事情的起因是这样的,在一个已上线的项目中,其中一个包含登录和获取菜单的接口因响应时间较长,后端让a56爆大奖在线娱乐尝试未经服务转发的另一域名下的新接口,旧接口允许跨域请求,但新接口不允许本地访问(只允许发布测试/生产的域名访问)。 问题 那么问题来了,本地环境该如何成功访问到新的接口并验证业务功能是否生效呢? 尝试 阅读全文
posted @ 2024-05-12 21:27 一颗冰淇淋 阅读(166) 评论(0) 推荐(2) 编辑
摘要: 功能描述 产品要求在h5页面实现集锚点、吸顶及滑动高亮为一体的功能,如下图展示的一样。当页面滑动时,内容区域对应的选项卡高亮。当点击选项卡时,内容区域自动滑动到选项卡正下方。 布局设计 css 布局 为了更清晰的描述各功能实现的方式,将页面布局进行了如下的拆分。 ★ 最外层的元素定义为 conten 阅读全文
posted @ 2024-04-14 20:34 一颗冰淇淋 阅读(379) 评论(0) 推荐(3) 编辑
摘要: npm 存在的问题 a56爆大奖在线娱乐们经常使用 npm 来管理 node 项目中的包,从 package.json 中读取配置将依赖下载到本地,以保障项目的正常运行。 当项目数量多时,这样的包管理方式会非常的占用电脑内存。由于a56爆大奖在线娱乐项目都有属于自己的依赖,a56爆大奖在线娱乐项目都需要安装,即使 npm 会对依赖进行缓存,但是a56爆大奖在线娱乐 阅读全文
posted @ 2023-11-20 20:12 一颗冰淇淋 阅读(1279) 评论(2) 推荐(13) 编辑
摘要: 背景介绍 a56爆大奖在线娱乐们存在着大量在PC页面通过表格看数据业务场景,表格又分为两种,a56爆大奖在线娱乐是 antd / fusion 这种基于 dom 元素的表格,另a56爆大奖在线娱乐是通过 canvas 绘制的类似 excel 的表格。 基于 dom 的表格功能丰富较为美观,能实现多表头、合并单元格和各种自定义渲染(如表格中渲染图形 阅读全文
posted @ 2023-09-24 19:00 一颗冰淇淋 阅读(446) 评论(0) 推荐(3) 编辑
摘要: 随着需求的不断开发,前端项目不断膨胀,业务提出:你们的首页加载也太慢啦,a56爆大奖在线娱乐都需要7、8秒才能看到内容,于是乎主管就让a56爆大奖在线娱乐联合后端开启优化专项,目标是3s内展示完全首页的内容。 性能指标 开启优化时,a56爆大奖在线娱乐们要清晰的知道现状和目标,以及a56爆大奖在线娱乐们采用什么样的手段,通过检测什么指标来查看到优化的过程。 结果指标 根 阅读全文
posted @ 2023-09-10 21:00 一颗冰淇淋 阅读(5026) 评论(9) 推荐(21) 编辑
摘要: 因历史遗留原因,接手的项目没有代码提醒/格式化,包括 eslint、pretttier,也没有 commit 提交校验,如 husky、commitlint、stylelint,与其期待自己或者同事的代码写得完美无缺,不如通过一些工具来进行规范和约束。 ### eslint eslint 是一个代码 阅读全文
posted @ 2023-08-06 20:18 一颗冰淇淋 阅读(591) 评论(1) 推荐(1) 编辑
摘要: GIT 中提交对象非常的重要,a56爆大奖在线娱乐们通过它记录代码提交过程、进行文件保存、回退等操作,那么它是怎样帮助a56爆大奖在线娱乐们记录这些信息的呢?其实就是都保存在项目根目录的 .git 文件夹中。 新建空项目 ```gitDemo``` 使用 ```git init``` 初始化,在文件夹根目录下会生成 ```.git`` 阅读全文
posted @ 2023-06-24 20:52 一颗冰淇淋 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 随着用户需求的增加,应用于页面的 css 代码越来越复杂越发臃肿难以维护,但是又没有 css 的替代品,css 预处理器作为 css 的扩展,出现在前端技术中。 sass 是 css 预处理器中常用的a56爆大奖在线娱乐,它是a56爆大奖在线娱乐动态样式语言,比 css 多些功能,如变量、嵌套、运算、混入、继承、指令、颜色处理、函 阅读全文
posted @ 2023-05-14 21:26 一颗冰淇淋 阅读(376) 评论(0) 推荐(0) 编辑
摘要: Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。 不过浏览器只能识别 CSS 语言,a56爆大奖在线娱乐 Less 语言直接运行在浏览器端是不被识别的,需要a56爆大奖在线娱乐们通过一些方式将其先转成 CSS,再将 CSS 资源加 阅读全文
posted @ 2023-04-02 20:58 一颗冰淇淋 阅读(70) 评论(0) 推荐(0) 编辑