首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
移动端适配
订阅
猛虎不落泪_
更多收藏集
微信扫码分享
微信
新浪微博
QQ
12篇文章 · 0订阅
React实现滚动加载
项目中有两个页面有很多Echarts画的图,进去的时候特别卡,使用了滚动加载之后流畅很多,用户体验大幅提升。 另外滚动加载还有很多其他用途,比如:滚动翻页,无线翻滚,图片出现在视口才请求。。。 1. 传统方案 在滚动加载的组件中我们需要在state中添加一个字段表示正在加载中,…
基于 React 的滚动条方案
这两个库都是跨平台的,都是直接操作 dom 的,跨平台不是不好,肯定是好,但是在 React 的世界,要处理状态的同步,通常都是通过状态或属性来控制,虽然可以用个 React 包裹上面两个库,提供 React 版本,但是总是觉得不那么完美。 查了一下,PC 触摸板可以出发 on…
基于react/vue的移动端终极适配方案(更新css-modules配置)
2018-4-16日更新css-modules配置,前面步骤不变,可直接跳到第七步。 移动端适配最接近完美的解决方案在react中的使用方式。本文只讲create-react-app创建的项目如何配置,具体每个插件的用途和使用方法请先查阅大漠先生的文章,我相信大漠先生的文章已经…
移动端适配问题解决方案
随着时间的发展,现在基本上人手一部手机的低头族。做为前端开发的程序猿,在开发移动端web应用的时候,对面一堆各色尺寸不一样的屏幕,就有点淡淡的忧伤。 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏幕的适配…
Node 爬虫入门
边做边学效率更高,爬虫是node的适用场景之一,关于爬虫的另一篇文章为了验证“简书上,经验总结、资料归集类技术文章更容易上热榜”的猜想,可以做一个爬虫:爬取简书程序员专题热门文章前999篇,统计每篇文章的代码块数量(为什么是统计代码块数量,对于人来说,通过一篇文章的标题内容来判…
50行代码,Node爬虫练手项目 🕷️
项目中基本每一个操作都写有注释,适合对 Node 爬虫感兴趣的同学对其有基础的了解。 50 lines, minimalist node crawler for Github Trending. 一个50行的 node 爬虫,一个简单的 axios, express, chee…
【前端词典】5 种滚动吸顶实现方式的比较[性能升级版]
这篇文章是三天前写就的,有大佬给我提了一些修改意见,我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到 GitHub 了。 我入职第二家公司接到的第一个需求就是修复之前外包做的滚动吸顶效果。我当时很纳闷为何一个滚动吸顶会有 bug,后来我查看代码才发现直接用的…
讲讲吸顶效果与react-sticky
之前项目里的头部导航需要实现吸顶效果,一开始是自己实现,发现效果总是差那么一点,当时急着实现功能找来了react-sticky这个库,现在有空便想着彻底琢磨透这个吸顶的问题。 1. 粘性定位 吸顶效果自然会想到position:sticky, 这属性网上相关资料也很多,大家可以…
关于移动端适配,你必须要知道的
... 上面这些问题可能我们在开发中已经知道如何解决,但是问题产生的原理,以及解决方案的原理可能会模糊不清。在解决这些问题的过程中,我们往往会遇到非常多的概念:像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等,你真的能分清这些概念的意义吗? 本文将从移动端适配的基础…