1、 keys 的作用是什么？
Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。
render () {
return (
<ul>
{this.state.todoItems.map(({item}) => {
return <li key={item.id}>{item.name}</li>
})}
</ul>
)
}
2024年11月11日
Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。
render () {
return (
<ul>
{this.state.todoItems.map(({item}) => {
return <li key={item.id}>{item.name}</li>
})}
</ul>
)
}
2024年11月11日
接着来。
地址: https://github.com/sofish/typo.css/
在head中引用
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typo.css@2.1.2/typo.min.css">
2024年11月11日
之前大家都写过轮播图吧，相信在写轮播图的过程中也因为当中的某些细节烦恼过吧，接下来我给大家讲述一个方便快捷的轮播图吧！
1.第一步先引入css—-swiper.css插件和JQ—-swiper.js 插件
然后呢就开始写轮播图了
<div class="swiper-container">--首先定义一个容器
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="" /></div> --添加图片
<div class="swiper-slide"><img src="" /></div>
<div class="swiper-slide"><img src="" /></div>
</div>
<div class="swiper-pagination"></div>--小圆点分页器
<div class="swiper-button-prev"></div>--上一页
<div class="swiper-button-next"></div>--下一页
</div>2024年11月11日
接受众多前端项目的前端工程师来说，常常用到PC、移动端的鼠标和触屏事件，这对于前端来说是必需了解的事情。今天，我就简单的介绍：
1、Touch事件简介
pc上的web页面鼠
标会产生onmousedown、onmouseup、onmouseout、onmouseover、onmousemove的事件，但是在移动终端如iphone、ipod 、Touch、ipad上的web页面触屏时会产生ontouchstart、ontouchmove、ontouchend、ontouchcancel
2024年11月11日
目录：在我们日常的开发过程中应该都会遇到这样的要求；《一个商品盒子在左滑以后出现删除按钮》；最开始我是在vant里面的组件中发现这个；但是针对公司的一些要求在布局上感觉不是那么好；后来去看了那些大佬写的文章以后感觉也不是那么难；如果今天在这儿写一个简单的dome；做一哈记录；也让大家相互学习学习；如果表达的不对的；希望大佬们多多提出意见；
2024年11月11日
很久以前，手机上的交互依赖键盘和触控笔。我们要查看一个很长很长的列表，必须使用非常难用的触控笔或键盘的上下左右键。后来黑莓发明了滚动球，缓解了大拇指按出茧的问题。
2007年，苹果推出iPhone。iPhone只有一个玻璃屏，没有触控笔，直接用手指操作，支持多手指。Multi-Touch这项技术在推出时被誉为和Mouse（Mac），Click wheel（iPod）一样革命性的发明。当然最近的3D Touch（Apple watch）也是革命性的。在推出iPhone之前，苹果已经做了多年的铺垫。2005年收购的小公司finger works就是专门做手势识别的团队，用macbook的人几乎是脱离鼠标的，因为其触控板非常好用，所用技术来自这家公司。