开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

WordPress评论滑动/拉链解锁myQaptcha修改为自动提交的方法

自从肉牛、钢材等垃圾评论泛滥，很多朋友都用上了各种评论验证方案，其中一个比较惹眼的就是张戈博客目前在用的 myQaptcha 滑动解锁。很久之前张戈博客已经分享了这个滑动解锁的代码部署教程。不过还是

05

在微信小程序上做一个「博客园年度总结」：小程序部分交互效果实现

上一章讲了后端部分的代码逻辑，传送门：在微信小程序上做一个「博客园年度总结」：后端部分

04

您找到你想要的搜索结果了吗？

是的

没有找到

Ionic 2 ：如何实现列表滑动删除按钮1.创建Ionic2应用2.准备列表数据3.修改主页（HOME）的模版4.创建方法删除数据5.添加一个编辑按钮总结

使用Ionic这种框架伟大的地方在于用户界面元素默认准备好了，意味着你可以设计更好的app而不需要很强的用户体检设计背景，而且让你可以更容易实现这些模式。这篇教程将展示如何使用Ionic2添加一个简

微信小程序开发教程第六章：「我」的页面开发

微信小程序「我」的页面效果图与需求：用户有多张名片，需要左右切换查看，往下切换是菜单按钮。这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展

04

微信小程序之列表左滑删除功能

介绍第一次写小程序，记录一下遇到的需求以及解决方法。可能功能不是很难，主要是做下记录。为以后遇到相同的需求做铺垫。什么是左滑删除用过QQ的人都知道，消息列表内，左滑单个聊天可以删除、置顶的操作。

04

【HTML插件】帮你100%还原设计

Contrast.js插件主要用于检验移动端Web重构还原度，由于大部分设计稿是基于iPhone6以上（1334 x 750）设计的，所以该插件比较适合用iPhone6、iPhone7、iPhone8检查设计还原情况。

02

微信小程序之列表左滑删除功能

介绍第一次写小程序，记录一下遇到的需求以及解决方法。可能功能不是很难，主要是做下记录。为以后遇到相同的需求做铺垫。什么是左滑删除用过QQ的人都知道，消息列表内，左滑单个聊天可以删除、置顶的操作。对于移动端窄小的屏幕来说，这种交互可以说是非常的节省地方。故受到了众多产品狗的喜爱。 [image] 实现原理最外层一个view水平方向排列，里面包含一个内容区view,一个操作区view 让你要展示的布局充满屏幕，通过css样式让超出的删除按钮隐藏监听touch事件，平移布局显示和隐藏删除按钮(列表每一项

03

微信小程序（二）学妹问我微信小程序左滑删除怎么实现

上篇文章记录了小程序的自定义导航栏的实现过程和小程序基础组件 cover-image 中使用 fiexd 失效的坑。前天突然在qq上看到一个学妹在群里@我问我小程序怎么实现左滑删除，今天正好周末有空，于是就在掘金上写了这篇文章。

03

【JavaScript】给你的网站加一个简单的返回顶部

工具:灵巧的小手要实现的功能分别为: 1.当滑动到一定位置，返回顶部按钮的显示与消失。(用if判断) 2.点击返回顶部按钮，返回到顶部。(使用window.scroll(0,0))

01

JavaWeb——JQuery之高级操作应用及实践案例总结（动画、遍历、事件绑定）

【注意】：如果遍历中加判断条件，当前function返回为false，则结束循环(相当于js中使用的break)，如果返回为true，则结束本次循环，继续下次循环(相当于js中使用的continue)；

02

微信小程序左滑删除效果的实现

今天我们说下微信小程序左滑删除效果的实现，现在市场上很多APP都在使用这个效果，一个listView页面，向左滑动一条item时，右侧会出现一个删除或者其他的选项，用户体验非常好，操作起来十分方便，今天我们使用微信小程序来实现这个效果....... 先看效果先看效果 1、当向左滑动时，item跟随手指像左移动，同时右侧出现两个可点击的按钮 2、当滑动距离大于按钮宽度一半松开手指时，item自动滑动到左侧显示出按钮，小于一半时item自动回到原来的位置，隐藏按钮。思路 1、首先页面每个item分为上下两

03

jQuery框架实现元素显示及隐藏动画【附案例分析】

我之前也和小伙伴们讲过使用jQuery框架可以很好的对html中元素的属性等进行操作，所以上面显示和隐藏的也只是一个div，而并不是一个图片。下面我就来和小伙伴们讲一个如何对元素的属性进行操作，使其显示或者隐藏！

02

接口测试平台代码实现64: 多接口用例-4

首先打开P_cases.html,找到这个设置按钮，给它加入onclick：

03

bxslider使用帮助

“bxSlider”就是一款响应式的幻灯片js插件 bxSlider特性充分响应各种设备，适应各种屏幕；支持多种滑动模式，水平、垂直以及淡入淡出效果；支持图片、视频以及任意html内容；支持触摸滑动；支持Firefox，Chrome，Safari，iOS，Android，IE7+ bxSlider使用方法：加载jQuery库，加载bxSlider插件文件和相关CSS文件； <link href="jquery.bxslider

02

滚动穿透的6种解决方案【已自测】

在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。

03

JQuery高级应用

toggle([speed],[easing],[fn]) ：切换，显示则隐藏，隐藏则显示

03

项目小结：日立OA系统（Asp.net）

前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　进入公司6个月后被安排到该项目中，据说该项目规模很大，而拆分到公司的就只是二十来个页面，而我就负责其中的3个页面和其他页面的脚本代码，后来负责项目的性能优化工作。至于业务逻辑方面确实没什么可说的，就是CRUD。由一个很好沟通的前辈和我们6个新人一起来搞。这里有两项内容很值得总结，它们都让我技术上增进不少。目录　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 1.页面控件数庞大，页面加载极慢，一步

05

React Native 系列(八) -- 导航

前言本系列是基于React Native版本号0.44.3写的。我们都知道，一个App不可能只有一个不变的界面，而是通过多个界面间的跳转来呈现不同的内容。那么这篇文章将介绍RN中的导航。导航什么是导航？其本质就是视图之间的界面跳转，例如首页跳转到详情页。在RN中有两个组件负责实现这样的效果，它们是: NavigatorIOS React Navigation 你可能在很多地方听说过Navigator，这个老组件会逐渐被React Navigation代替。笔者在最后也会讲解一下Navigator

08

简单、通用的JQuery Tab实现

网页上的空间是寸土寸金，虽然显示器的分辨率越来越大，可是直到今天，网页设计中仍然是以至少1024×768 像素的支持为主，也就是说，每一屏页面只有区区 955×600像素的安全尺寸可以用而已。于是，为了在有限的空间里容纳更多的内容，滑动门式的标签切换（Tabs）方式越来越受欢迎。通过滑动门技术，可以在同一块页面区域内放置数倍的内容。根据用户的选择来决定显示哪一部分。最近我在实际应用中，逐步完善出一种基于 jQuery，但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。最早的

05

微信小程序之组件（一）

组件是视图层的组成单元，具有UI风格样式及特定的功能效果。当打开某款小程序后，界面中的图片，文字等多需要使用组件，小程序组件使用灵活，组件之间通过相互嵌套进行界面设计，开发者可以通过组件的选择和样式属性设计出不同的界面效果，一个组件开始包括标签和结束标签，属性用来装饰这个组件的样式。

03

小程序中带图片modal的实现

前言：做小程序经常会遇到弹框提示，大家应该首选wx.showModal，标题、内容、button内容和颜色都可以自己定义，可以说是满足90%的dialog需求。但是，只支持文本内容，没办法插入图片素材。先来看看wx.showModal的用法： wx.showModal({ title: '温馨提示', content: '提示内容。。。', confirmText: '确定', confirmColor: '#1677d2', cancelText: '取消', cancelCo

09

Swiper开篇

swiper是一款轻量级以及免费的移动设备触控滑块的js框架，主要运用于移动端的操作，但也可以用于pc端页面效果制作，完全的开源免费，

02

day 88 Vue学习之八geetes

下载gt文件，官网地址，下面我们就来完成一下基于geetest的滑动验证怎么做：

03

使用pyppeteer淘宝登录

现在淘宝的商品搜索页必须要登录才能见，所以必须要cookies才能进行下一步操作。本期介绍如何使用pyppeteer登录淘宝，获取Cookies。

02

WEB安全新玩法 [2] 防范前端验证绕过

用户登录，几乎是所有 Web 应用所必须的环节。Web 应用通常会加入一些验证手段，以防止攻击者使用机器人自动登录，如要求用户输入图形验证码、拖动滑动条等。但是，如果验证的逻辑仅仅在前端执行，是很容易被攻击者绕过的。iFlow 业务安全加固平台可以为只使用前端验证的应用打上动态虚拟补丁，使之成为需要前后端配合执行的验证逻辑，大幅度提高攻击者的攻击难度。

01

微信小程序常用表单组件

<button>为按钮组件，是常用的表单组件之一，用于事件的触发以及表单的提交。其属性表如下所示。

01

左右滚动，带控制按钮

今天需要一个左右滚动图的js，从网上着了半天，修改调试了半天才弄好，于是就收藏了。不过以后真得看看js了关键代码有注释：（红色部分是我加的注释）

06

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。

08

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。双击缩放的原理就是，当用户click一次之后，浏览器会经过约300ms之后检测是否再有一次click，如果有的话，

07

jQuery的弹出窗口插件colorbox

支持照片，照片组，幻灯片，ajax，内联和 iframe 框架。通过CSS 控制外观，使用用户可以很容易重新定制外观。不需要更改 ColorBox 的 javascript 文件就可以重新设定其行为。可以依靠 callback & event-hooks 进行拓展，不需要修改源代码。非常友好，不需要修改现有的 HTML，所有的选项都通过 JS 设置。

04

JQuery选择器

jQuery常用的事件： load：当文档加载时运行脚本 blur：当窗口失去焦点时运行脚本 focus：当窗口获得焦点时运行脚本 change：当元素改变时运行脚本 submit：当提交表单时运行脚本 keydown：当按下按键时运行脚本 keypress：当按下并松开按键时运行脚本 keyup：当松开按键时运行脚本 click：当单击鼠标时运行脚本 dblclick：当双击鼠标时运行脚本 mousedown：当按下鼠标按钮时运行脚本 mousemove：当鼠标指针移动时运行脚本 mouseout：当鼠标指针移出元素时运行脚本 mouseover：当鼠标指针移至元素之上时运行脚本 mouseup：当松开鼠标按钮时运行脚本 abort：当发生中止事件时运行脚本

01

利用JQuery实现从底部回到顶部的功能

本文介绍了如何利用JQuery实现从底部回到顶部的功能，包括两种实现方式。第一种是通过超链接实现，第二种是通过JavaScript代码实现。两种方法都可以实现滑动回到顶部的效果，可以根据需求选择合适的方法。

07

uni-app支持微信wxs，性能大幅提升

很多开发者都不明白为什么要造这种语言脚本的轮子出来，甚至很多开发者根本不知道它们的存在。

01

一个侧边栏导航组件实现思路

翻译：布兰作者：Adam Argyle 来源：https://web.dev/building-a-sidenav-component/

04

【原创】抖音关键词搜索

https://download.csdn.net/download/qq_38154948/87245284

00

HTML- white-space 和 overflow 两个重要的 CSS 属性

CSS的作用是给 HTML 元素添加样式和布局，接下来利用CSS的 white-space 和 overflow 这两个属性让元素实现左右滑动，效果如下：

02

两万字：讲述微信小程序之组件

6.cover-image目前原生组件均已支持同层渲染，建议使用 image 替代

02

小程序开发基础-swiper 滑块视图容器

参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/

02

两周“学会”bootstrap搭建一个移动站点

一直想着用bootstrap搭建网站，它的自适应、元素封装完善、现成的Glyphicons字体图标，省去很多的css、js、ui的工作，可以快速搭建一个客户需要的站点。ytkah自己有一些div+css的基础知识，所以上手bootstrap相对会比较快一些，从入手到完成项目只用了两周“学会”bootstrap搭建一个企业站，中间还有其他的一些事需要处理。当然做得比较粗糙，效果图在文章尾部。　　国内的企业站一般都喜欢这样的版式：头部导航、幻灯片banner、次导航、文章列表、tag标签、转化引导、主业分

06

【原创】Python 网易易盾滑块验证 ------

话不多少，借助之前写阿里云盾滑块和极验滑块的经验，直接上代码，详细可参考：阿里云盾滑块验证(https://cenjy.blog.csdn.net/article/details/124664094)(https://cenjy.blog.csdn.net/article/details/124357598)

03

WordPress免插件仅代码实现“返回顶部、返回底部、评论”效果（样式二）

之前发表过一种样式的“返回顶部、返回底部、评论”效果，今天在这里分享Devework.com目前使用的效果：一个博客侧边滑动，返回顶部，查看评论的小工具，作为WordPress等博客专用。说到这个小工具，可是小有来头啊，据说（强调是“据说”）这原来是一位WordPress高手林木木首创的（人家称之为“滑动导航”），然后被某人改进做成了WordPress 插件，并且成功提交到WordPress官方去了。所以说不是自己的一定要说明来源，不然...；最后说一句，这个挺像插件wp-auto-top，姑且当做是wp-

09

picker-extend 移动端级联选择插件

picker-extend.js

01

使用GSAP库打造酷炫网页文字动画效果

GSAP，全称GreenSock Animation Platform，是一个高性能的JavaScript动画库。它可以让你在网页上轻松创建高效、流畅的动画效果。GSAP的优势在于它的简洁性、灵活性和强大的功能，可以兼容各种浏览器，并且有丰富的文档和示例。

01

jQueryMobile快速入门

jQuery Mobile是jQuery 在手机上和平板设备上的版本。它不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。

02

使用Selenium执行JavaScript脚本：探索Web自动化的新领域

在我们使用selenium进行自动化测试的时候，selenium能够帮助我们实现元素定位和点击输入等操作，但是有的时候，我们会发现，即使我们的元素定位没有问题，元素也无法执行操作；也有部分情况是我们无法直接定位滚动条河时间控件来进行操作，这个时候，我们就需要借助JavaScript来解决问题。本文就来给大家介绍一下selenium如何执行JavaScript脚本，以及这种方法的一些常见应用场景和最佳实践。

01

鸿蒙 DevEco Studio升级更新、新特性（新设备、布局预览）

近来一段时间在忙工作上的事，对鸿蒙的文章很久没有更新了，而鸿蒙之前的开发者文档中说明了会在近期更新DevEco Studio的版本，当版本更新之后肯定会增加一些新的内容，下面来看看吧。

02

如何使用 chrome 开发者工具来调试程序以及相关技巧

很多人看了我之前写的文章，都说不会如何去调试，那今天就和大家分享是我如何去使用 chrome 开发者工具进行调试的。

04

一文深入JQuery

hide([speed,[easing],[fn]]) toggle([speed],[easing],[fn])

03

为了追到小姐姐，我用 Python 制作了一个机器人

最近发现有一个微信好友，我的每一条朋友圈动态，无论什么时候发布，发布的什么内容，点赞列表总有它的身影。

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭

<!–向左按钮，其中src是向左的按钮图片，其中id的值不要改变–> <input id=”idPre” type=”image” src=”l.gif” onFocus=”this.blur()” />