首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Dynamite0707
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
24
文章 24
沸点 0
赞
24
返回
|
搜索文章
最新
热门
icon自动化交付
加强设计人员对icon 库的管理能力,降低icon库增删查改时,开发人员的手工重复操作,提升开发效率
前端配置化开发
背景: 工作中有许多逻辑冗杂、迭代频繁的业务代码,随着迭代将越来越难以维护,一些场景适合通过配置化的方式来处理便于维护。 eg. 表单项非常多并且需要跟随用户选中条件动态切换的场景: 当选中设备类型
vue封装通用Tooltip组件
在使用 vue 搭建的项目中需要实现 ToolTip 文字提示功能,但是使用的 vue 的 UI 库中没有符合需求的组件。于是自己实现一个公共组件 其中Popup组件内使用了策略模式将 placement 为上/ 下/ 左/ 右/居中时对应的 popup 位置返回;拿到 pop…
图片过大或过多显示优化方案
采用懒加载:只加载可视区域的图片,即滚动到可视区域时再加载图片。 1. 解决图片过大显示问题 图片读取的顺序与存储顺序一致,如果文件较大或者网络下载速度较慢,使用baseline-jpeg就会看到图片被一行行加载的效果,而使用preogressive-jpeg,会先显示整个图片…
移动端1px细线和图片高清显示方案
1. 移动端1px细线高清显示。 对于CSS而言,多倍屏下能显示的最小单位可以认为是border: 0.5px。然而,并不是所有手机浏览器都能识别border: 0.5px,在有的系统里,0.5px会被当成为0px处理,那么我们需要做的就是实现这0.5px。 方案1: 构建1个…
React 动态加载组件方案
还需要改变map代码。 所以这里我们使用动态加载的方式,将所有的设备详情组件都放到同一个文件夹中,根据设备类型动态决定要显示哪个组件。 解决根据条件从文件夹中渲染其中一个文件时需要import 所有文件的问题,对项目代码进行分割,只有当组件被加载,内部的资源才会导入,并且新增设…
有限列表无限循环滚动方案
手指向下滑动时只考虑a,当a进入视窗,判断当前列表长度是否为2倍list.length,如果是,删除后一个列表,否则不用操作,然后在前面插入一个列表。 方案二: 利用css3 transform-style:preserve-3d;perspective: number;这两个…
解决服务端渲染首屏渲染自适应浏览器窗口大小
在某些情况下, 使用服务端渲染的应用需要在首屏渲染时获取客户端的某些参数,比如需要拿到window.innerWidth值,然后与设计稿宽度计算得到根元素的font-fize值,与px2rem配合使用,这样我们就不再需要人工计算rem值了,从而使服务端首屏渲染能够自适应窗口大小…
解决BizCharts偶尔会有两个tooltip问题
其中,G2是以数据驱动,具有高度的易用性和扩展性的可视化图形语法。而BizCharts是基于antv的G2进行了一层封装,并且实现按需加载,使得图表可以以组件的形式进行调用,方便我们在 React 环境下使用 G2。 有bizCharts-tooltip情况下,只有在图表未加载…
react解决input 限制中文输入长度问题(中文计算为2个字符)
不能直接使用input 的maxLength, 因为它会将中文计算为一个字符长度。 为了实现将中文计算为2个字符长度+输入框中最多只能有maxLength 个字符的效果,我们需要实时监听用户输入的长度,其中中文计算为2个字符,非中文计算为1个字符。 1. 判断是否输入中文 当用…
下一页
个人成就
文章被点赞
18
文章被阅读
15,321
掘力值
348
关注了
2
关注者
2
收藏集
8
关注标签
0
加入于
2021-03-01