在JS30挑战中，有不少项目都存在bug，其中第四个项目弹性布局照片墙项目，当连续双击点击某一个板块时，将出现照片不变大但两侧字已经滑进来的情况，如图：
左右切换的做法基本步骤跟 上一篇文章 淡入淡出 类似，只不过修改了一些特定的部分
TableView- 数据刷新 数据刷新 添加数据 删除数据 更改数据 全局刷新方法(最常用) [self.tableView reloadData]; // 屏幕上的所有可视的cell都会刷新一遍 局部刷新方法 添加数据 NSArray *indexPaths = @[ [NSIndexPath indexPathForRow:0 inSection:0], [NSIndexPath indexPathForR
操作滚动条可以通过锚点跳转，JS操作滚动条，与scrollIntoView等方法。对此，我来考古一下。
双 11 光棍节，我在博客发布了一篇给博客部署一个友好对话框的教程，用了几天感觉非常不错！就进一步折腾了一下，目前这个 js 已实现以下多种功能： 一、功能描述 ①、能够取得访客的搜索来路和搜索关键词
此案例实现的是侧边栏的滑入与滑出，主要用定时器来实现物体滑动时速度的控制，从而实现滑入滑出效果，下面是效果图：
本文实例为大家分享了微信小程序自定义底部弹出框的具体代码，供大家参考，具体内容如下
图片轮播(淡入淡出)--js原生和jquery实现 图片轮播有很多种方式，这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现，jquery因为封装了很多用法，所以用起来就简单许多，转换成js使用，其实也就是用js原生模拟出这些用法。 但不管怎样，构造一个最基本的表现层是必须的
三组基本动画 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title>
jquery一.筛选 筛选与之前的选择器雷同,筛选提供的都是函数. 1. 过滤 eq(index|-index):获取指定索引的元素.如果是正数,索引从0开始;若是负数,倒着数从1开始. first():第一个 last():最后一个 hasClass(...):判断元素是否含有特定的样式 filter(...):筛选出与指定表达式匹配的元素集合 is(...):判断元素是否符合指定的选择器 has(...):含有特定后代的元素 not(...):删除与指定表达式匹配的元素 slice(start
不知各位遇到特别长的图片时是怎么处理的？ 是 截取符合长宽的部分做临时展示？ 还是 硬要长宽100%模糊（啥也看不清）展示？ 还是 先拿一个压缩的图片做占位，在鼠标移入或点击时放大预览？
最近在做产品复盘和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了我的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候我发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享类PPT的要求, 所以决定采用该方案来实现我的网页版PPT. 这里列一下我用的技术调研:
本文实例讲述了Android编程实现列表侧滑删除的方法。分享给大家供大家参考，具体如下：
RecyclerView性能和自由度相比ListView强大很多,但很恼人的是它没有像ListView一样默认提供分割线。
github地址：https://github.com/shuaijia/MaterialDesignProject 在做抽屉菜单的时候，测滑出来的布局都是由我们自己来定义的，自己写的话，花点时间
要使用 DrawerLayout，可以在 layout xml 文件中将 DrawerLayout 设置为根视图。
DrawerLayout是android.support.v4中提供的控件，用于实现边栏和侧滑效果。大家在各种 APP 中看到的左侧边栏就是这个控件。
我们平时在逛一些电商网站时,无论是首页还是详情页,通常会有一个导航菜单石红跟随着页面,无论是页面滚动到中间还是底部
最近在学React Native，了解了一个原本iOS中非常重要的导航控件的使用方法。不过在React Nativa中，这个导航控件是不会自带顶部的导航栏的，也不会自动生成返回按钮之类的，只是提供了类似的导航功能，且原理也是出栈入栈的方式，也就是说同样是有着push和pop方法的。这里不讲React Native的基础了，直接讲一讲Navigator这个组件的基本使用方法。
react-navigation分为三个部分 StackNavigator类似顶部导航条，用来跳转页面和传递参数。 TabNavigator 类似底部标签栏，用来区分模块。 DrawerNavigator 抽屉，类似从App左侧滑出一个页面，具体我没有使用过，在这里不做讲解。 TabNavigator的基本用法 const TabNav = TabNavigator( { MainTab: { screen: HomePage, path: '/', navi
最近在做季度总结和技术分享,所以需要做个PPT, 来回顾这半年来的技术贡献. 但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候笔者发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web 框架，支持插入多种格式的内容，并以类似 PPT 的形式呈现. 花了15分钟系统的调研了一下, 觉得基本满足技术分享类PPT的要求, 所以决定采用该方案来实现我的网页版PPT. 这里列一下笔者的技术调研方法论, 供大家参考:
我也不会发现第一篇中关于“充血实体”的错误说法（至少~我写文章的时候~内心的想法是错的~）
iOS从07年第一代iPhone发布时的iPhone OS，已发展到今天的iOS10，这些年来，iOS从最初的一个简单、粗糙的ROM，发展成现在手机ROM中体验标杆的操作系统。设计风格走过了拟物化，扁平化，今年已发布的iOS10，设计风格也开始偏向卡片式风格，随着新的交互方式3D Touch的加入，开始脱离单调的扁平化设计，卡片式风格让设计语言更加符合用户的操作认知（卡片式的内容，对人有更强的按压操作暗示）。 iOS10锁屏Widget界面 手机友商的跟进 苹果的设计，给大家的印象，总能精准的发现用户的痛点
Snackbar和Toast相似，都是为了给用户提供交互信息，Snackbar是固定在底部的，显示时从下往上滑出
记得去年做一个聊天项目需要实现类似QQ的下拉刷新并且有侧滑删除的功能，在网上找了很久都没有QQ的完美，多多少少存在各种的问题，最后把下拉刷新的功能去掉后，只保留了侧滑删除的功能才找到个完美的。回去后和一朋友讨论，朋友找了以后说了一句，这种功能没有8K以上的是写不出来的(⊙﹏⊙)b。现在看来当时真的太天真了。而如今自己也没有8K还是尝试去写写，顺便当练练手。
本文实例为大家分享了DrawerLayout结合Tollbar实现菜单侧滑的具体代码，供大家参考，具体内容如下
Flutter开发过程中，Drawer控件的使用频率也是比较高的，其实有过移动端开发经验的人来说，Flutter中的Drawer控件就相当于ios开发或者Android开发中的“抽屉”效果，从侧边栏滑出导航菜单。对于Flutter中的Drawer控件的常规用法就不多介绍，网上大把的教程。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。
本次作为总览的真·最后一节（因为线上监控这几天才开发出来。）所以明天才会对源码进行解读。
1.首先可以滑出菜单2.菜单滑动到一定距离完全滑出，未达到距离回滚3.菜单数量、样式随意定制4.菜单点击回调5.菜单展开时，点击 item 收回菜单（见QQ）
之前写过很多 App 端自动化的文章，大都基于 Appium、Airtest、无障碍服务等技术来实现的
一直以来，我对自已做的微信小程序界面很不满意，但苦于对样式wxss一窍不通，只好默默忍受。俗话说的好，不在沉默中爆发就在沉默中灭亡，最近实在看不下去了，就想找个美工来帮忙，结果美工师傅没有理睬我，乍办。。。？之前就听说WeUI是微信官方为小程序量身设计的样式库，但对于年龄较大的我来说，还没有充分的胆量去尝试学习新知识，所以之前如果不是猫老师一步一步的教，一堂课一堂课的引导，估计我也早已放弃了程序设计。没有美工师傅，怎么办，那只好逼上梁山，上百度搜，结果发现其实也没那么难，因为很多好心的博主都把经验上传分享了。而且之前上过猫老师VUE的课，知道Nodejs和npm，而且微信官方的Demo也很清楚明了，那就水到渠成了。
实现原因 其实侧滑关闭activity在网上也有大量的文章去介绍他，我也有去看，要么是代码实在太多看不下去，要么就是跑了项目没有反应的。唯一的方法还是自己随手鲁一个~，侧滑这个东西在android中是比较少见的，ios是最常见不过了，因为毕竟他们没有物理返回键。还有UIScrollView那些。然而我们用的最多的QQ也只是有个功能，并没有真正的滑动效果。至于微信的，我记得N久以前滑出了一个bug。也没什么印象了。估计也是极小的概率事件。于是，当初我就强行的鲁了一个。下面我们一步步分析实现的思路以及代码。
今天还是给大家带来自定义控件的编写，自定义一个ListView的左右滑动删除Item的效果，这个效果之前已经实现过了，有兴趣的可以看下Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果，之前使用的是滑动类Scroller来实现的，但是看了下通知栏的左右滑动删除效果，确实很棒，当我们滑动Item超过一半的时候，item的透明度就变成了0，我们就知道抬起手指的时候item就被删除了，当item的透明度不为0的时候，我们抬起手指Item会回到起始位置，这样我们就知道拖动到什么位
第一次进入探探软件界面，就被这种通过卡片式滑动来选择“喜欢/不喜欢”的设计所吸引了。当时就非常想通过自己来实现这种仿探探式的效果，然而却没什么思路。不过毋庸置疑的是，这种效果的原理肯定和 ListView / RecyclerView 类似，涉及到 Item View 的回收和重用，否则早就因为大量的 Item View 而 OOM 了。
最早可以追溯到我试玩探探这个 APP 。第一次进入软件界面，就被这种通过卡片式滑动来选择“喜欢/不喜欢”的设计所吸引了。当时就非常想通过自己来实现这种仿探探式的效果，然而却没什么思路。不过毋庸置疑的是，这种效果的原理肯定和 ListView / RecyclerView 类似，涉及到 Item View 的回收和重用，否则早就因为大量的 Item View 而 OOM 了。
上节我们讲到了tab选项卡的手动切换效果和手动延迟切换效果，在延迟切换效果中，我们使用到了setTimeout函数，这节我们要实现手动自动选项卡的效果。
以前遇到过jQuery实现列表自动滚动，这次的图片轮播在原理上与之相同，只有一些细微的差别，就是需要在图片的右下角显示当前图片的序号。
版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/FE_dev/article/details/87022028
目前视频播放平台弹幕几乎都是使用js操作dom的方式实现，由于篇幅的原因这次只展示js操作dom的实现方案。
在最近的时间里，短视频流行了起来，随着这股潮流，一种动图封面的设计也被很多短视频app采用：
drawerLayout其实是一个布局控件，跟LinearLayout等控件是一样的，但是drawerLayout带有滑动的功能。只要按照drawerLayout的规定布局方式写完布局，就能有侧滑的效果。
原文:https://www.jianshu.com/p/8ddb16902ce6
最近项目进行适配的时候发现部分（如华为手机）存在底部虚拟按键的手机会因为虚拟按键的存在导致挡住部分界面，因为需要全屏显示，故调用虚拟按键隐藏方法使之隐藏，然而发现出现如下问题：
shopify Ira主题专为讲品牌视觉故事而设计，用大图带来强烈的震撼效果，非常适合时尚类产品使用，如精致茶饮、化妆品、太阳眼镜、婚纱礼服高端服装等
项目中要实现仿抖音直播间滑动清屏，侧滑列表的功能，在此记录下实现过程和踩坑记录希望避免大家走些弯路，也当作自己的一个总结
其实侧滑关闭activity在网上也有大量的文章去介绍他，我也有去看，要么是代码实在太多看不下去，要么就是跑了项目没有反应的。唯一的方法还是自己随手鲁一个~，侧滑这个东西在Android中是比较少见的，iOS是最常见不过了，因为毕竟他们没有物理返回键。还有UIScrollView那些。然而我们用的最多的QQ也只是有个功能，并没有真正的滑动效果。至于微信的，我记得N久以前滑出了一个bug。也没什么印象了。估计也是极小的概率事件。于是，当初我就强行的鲁了一个。下面我们一步步分析实现的思路以及代码。
与其他开发人员不同的是，前端开发都是在端上游走舞者，直接与用户交流沟通，这就需要前端开发具有更敏锐的交互体验思考，或者能更精准地理解设计师们意图，将最佳的用户体验带给用户。优质的交互体验对于用户来说学习成本应该是极低的，都是非常自然的操作，却可以让用户感到畅快愉悦，甚至惊喜。本文将通过一个看似简单的 poplayer 来分析我在这其中通过思考做的体验优化，获得类似 native 的体验感。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
