上一章讲了后端部分的代码逻辑，传送门：在微信小程序上做一个「博客园年度总结」：后端部分
前几日在利用JQuery做菜单滑动标记这个效果的时候，最后发现滑动条在我用鼠标快速滑动的时候，会出现滑动条延迟滑动，并且有卡顿的现象,相当影响体验感受。不完美～
一直想着用bootstrap搭建网站，它的自适应、元素封装完善、现成的Glyphicons字体图标，省去很多的css、js、ui的工作，可以快速搭建一个客户需要的站点。ytkah自己有一些div+css的基础知识，所以上手bootstrap相对会比较快一些，从入手到完成项目只用了两周“学会”bootstrap搭建一个企业站，中间还有其他的一些事需要处理。当然做得比较粗糙，效果图在文章尾部。 国内的企业站一般都喜欢这样的版式：头部导航、幻灯片banner、次导航、文章列表、tag标签、转化引导、主业分
前言 今天这篇文章的标题，显然是要搞事情。一个JS交互效果，居然花费了一天的宝贵时间才研究出来，我是不是不太适合做前端？ 别急，搬好小板凳，正文从这开始～ 本来今天下班回来感觉有点累，想着今天就别学了吧，正好看见停播了好久的《极限挑战》在网上放出了最新的一期。但是，今天发生在公司的一件小事儿，在我心里产生了不小的波澜，正好拿这个话题跟同行们聊聊..... 今天早晨我按时去了公司，坐在我的工位上，习惯性地点开了编辑器SublimeText（我宠幸了它三年之久～），一天的编码工作正式开始。 我的大脑高速运转
通过 this.createSelectorQuery() 方法创建一个选择器对象。
在移动端导航的功能太常见了，很多时候还需要可滑动，点击的时候还需要当前动画到中间。实现的方法很多，今天分享一个本人最近开发所用的方法。
前言 本系列是基于React Native版本号0.44.3写的。我们都知道，一个App不可能只有一个不变的界面，而是通过多个界面间的跳转来呈现不同的内容。那么这篇文章将介绍RN中的导航。 导航 什么是导航？ 其本质就是视图之间的界面跳转，例如首页跳转到详情页。 在RN中有两个组件负责实现这样的效果，它们是: NavigatorIOS React Navigation 你可能在很多地方听说过Navigator，这个老组件会逐渐被React Navigation代替。笔者在最后也会讲解一下Navigator
上一篇主要讲了如何动态添加导航栏的tab，那么本篇将会写如何关闭tab、实现滑动块已经一些细节上的操作。
前言 由于业务需要做成类似腾讯课堂课程详情滚动的效果，考虑到后面有可能有新的呈现方式，RN提供的组件没有这种滚动控件，不如自己封装，其实去年已经写了一篇但是写的比较乱，周末花了点时间重写梳理下做的东西
本文需要实现的页面如下，点击左侧导航栏按钮，右侧自动滑动到对应位置。当滑动右侧内容，左侧导航栏也要做出相应变动。
HTML5学堂：今天要与大家分享一个当前移动端很常见的效果，类似于手机联系人的快速导航功能，即当触摸a~z的字母时，能够相对应的显示文字。有些手机的音乐导航也类似，具体可详见下图： touchmove
nuxtjs是一个基于vue.js构建的服务端渲染框架。让你的网页也拥有SEO能力。只要是会vue，上手及非常简单了。
网页上的空间是寸土寸金，虽然显示器的分辨率越来越大，可是直到今天，网页设计中仍然是以至少1024×768 像素的支持为主，也就是说，每一屏页面只有区区 955×600像素 的安全尺寸可以用而已。于是，为了在有限的空间里容纳更多的内容，滑动门式的标签切换（Tabs）方式越来越受欢迎。通过滑动门技术，可以在同一块页面区域内放置数倍的内容。根据用户的选择来决定显示哪一部分。最近我在实际应用中，逐步完善出一种基于 jQuery，但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。 最早的
150集的视频终于看完了，表示晕晕哒。最开始比较基础的，能和之前学的内容联系上的感觉还比较简单，到后来的BOM，DOM就完全不明白了。还好最后有一个实例，对学完的东西进行运用，这就验证了学完的东西总是会给自己留下印象，下次再看到就会熟悉一点。
用vue编写项目接近尾声，需要集成到移动端中，在webstorm上界面，运行效果都很完美，但是在苹果手机上各种问题都出现了，原生项目一向滑动流畅，事件响应迅速，可是苹果手机打开这个项目有两个问题，(1).滑动页面卡顿，(2).点击事件响应缓慢，百度才发现在苹果手机上有300ms的延迟。
我们平时在逛一些电商网站时,无论是首页还是详情页,通常会有一个导航菜单石红跟随着页面,无论是页面滚动到中间还是底部
├── app.js 应用程序逻辑 ├── app.json 页面路径(默认显示第一个)，全局应用程序配置 ├── app.wxss 应用程序公共样式 ├── pages 页面目录 │ ├── index index 页面 │ │ ├── index.js 页面入口，index页面逻辑 │ │ ├── index.wxml index页面结构 │ │
如果仅仅想把导航栏固定，添加以下属性即可： style="position: sticky;" 注：前提是你已经写好了导航栏。 如果想将导航栏下滑悬浮透明，请参照如下方式： 给 header盒子(整个导航的盒子)添加 id="headerTop" 并添加以下css样式： #headerTop{ /*使导航栏固定在顶部*/ position: fixed; top:0; left: 0px; z-index: 1000; /*一开始就不给导航栏设置背景色*/
上一篇：微信小程序电商实战-入门篇 嗨，大家好！经过近两周的精心准备终于开始微信小程序电商实战之路喽。那么最终会做成什么样呢？好了，不啰嗦了 我们先看首页长什么样吧！ 首页效果图.gif 为了能够更好的表达出来，首页准备分成两次写完。 第一部分先实现如下的功能 Hi.World-home_top.gif 划分模块 大家都知道电商平台一般分为首页、商品分类、购物车和个人中心4个核心模块，那么我们先在app.json的page里添加如下代码 一、设置头部 背景颜色为白色，名称是Hi.World 二、首页
平时浏览网站的时候要是网站很长，滑下来后还要返回到开头部分的header来点击导航就显得很不方便，在这里使用JQ来实现右侧的滑动导航条，先来看看效果图吧： 使用jq其实也比较简单啦:你先弄好相应的cs
简单介绍: iView admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案。
演示效果 自带引用bug.png 把Dn()函数注释掉即可.png 安装 npm install vue-fullpage.js 引用 // 引用fullpage 插件 import 'fullpage.js/vendors/scrolloverflow'; import VueFullPage from 'vue-fullpage.js'; Vue.use(VueFullPage); 在组件中使用 <full-page :options="options" ref="page">
在2017年1月，新开源的react-navigation库备受瞩目。它有类似于原生版性能的体验效果，可能会成为未来RN导航组件中的主力军。该库包含三类组件： （1）StackNavigator：用
实现的目标MUI的off canvas效果 点击列表 ---- 右侧展示页面不动，左侧导航滑动 ---- 点击右侧遮罩层或者左侧选项 ---- 左侧还原，右侧去掉遮罩层 实现方案2：左右分上下两
周末看Ziv小威的博客《制作滑动条菜单，如何延时处理滑动效果，避免动画卡顿》，参见地址：http://www.cnblogs.com/zivxiaowei/p/3462964.html。是通过jQury的animate方法来写的一个交互效果，当然他 觉得动画有一些卡，所以他用延时处理的方法，避免动画卡，方法可以值得借鉴。我自己用hover方法，然后动画时间设置的更短，为100毫秒，动画运行起来，速度还行。 正好自己最近需要完成一个系统的导航条的滑动效果，具体是说，hover上导航条的一个选项，此时有一个背景
代码里注释很明白了，大家自己跟着多敲几遍就可以了。后面会更新更多小程序相关的知识，请持续关注。
之前发表过一种样式的“返回顶部、返回底部、评论”效果，今天在这里分享Devework.com目前使用的效果：一个博客侧边滑动，返回顶部，查看评论的小工具，作为WordPress等博客专用。说到这个小工具，可是小有来头啊，据说（强调是“据说”）这原来是一位WordPress高手林木木首创的（人家称之为“滑动导航”），然后被某人改进做成了WordPress 插件，并且成功提交到WordPress官方去了。所以说不是自己的一定要说明来源，不然...；最后说一句，这个挺像插件wp-auto-top，姑且当做是wp-
ionic是一个强大的混合式/hybridHTML5移动开发框架，特点是使用标准的HTML、 CSS和JavaScript，开发跨平台（目前支持：Android、iOS，计划支持：Windows Phone、Firefox OS） 的原生App应用：
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。 1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。 主要功能有： 支持鼠标滚动。 支持前后退和键盘控制。 多个回调函数。
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例
接触前端一年时间，开始还能感觉到自己的进步，随着时间的推移，开始不知道方向。因为各种前端的框架和插件在网上都能够找到现成的，直接下载下来用就好了。
下载gt文件，官网地址，下面我们就来完成一下基于geetest的滑动验证怎么做：
开篇 笔者刚刚结束淘宝的工作，现在加入了一家有青春活力的垂直电商公司，正对着阿里巴巴的西溪园区，最近一直在熟悉新的工作环境和规范，因此博客有好些时间没有更新了，在此抱歉！ 在忙碌完公司的发布系统之后，逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position：sticky属性的兼容。 问题 目前前端的h5有个需求，就是“当页面上的若干个标题被拖动到视口的顶部时，则显示一个被定位到视口的顶部的tab标签，可对这个tab标签进行点击导航，并在某个特殊的情况下隐藏”。最简单粗暴的做法就是针对doc
所以我们知道，我们可以通过vertical-align 控制图片和文字的垂直关系了。 默认的图片会和文字基线对齐。
如果你要制作一个全屏的网页，使用这个插件在合适不过，如QQ浏览器官方网站 直接下载 使用方法 1.引入fullpage.css文件 <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"> 2.引入jq 和 fullpage.js文件 <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script
swiper是一款轻量级以及免费的移动设备触控滑块的js框架，主要运用于移动端的操作，但也可以用于pc端页面效果制作，完全的开源免费，
现如今，我们处于一个信息碎片化的信息时代，遇到好的文章都有随手收藏的习惯。但过一段时间，当你想要重新查看这篇文章的时候，发现文章已经被移除或莫名其妙地消失了。
滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。 属性表如下
1，由于位置是我们指定，所以需要用一个input输入，因此允许的输入值范围提示，输入框，触发事件按钮采用的是浮窗，漂浮在最顶部，类似一个导航。
我们需要实现两个功能，一是点击电影资讯页面上的 “更多” 时，跳转到更多电影页面中，二是跳转时要获取相应的电影类型。
最早小程序在微信平台上成名，手握 10 亿月活用户的微信，很快成为小程序创业者的掘金之地。巨头的嗅觉敏锐，支付宝、百度随即跟进，今日头条也开始内测小程序，几大平台纷纷出手，让小程序赛道更加拥挤，小程序生态多元化的背后，是巨头新一轮跑马圈地。
移动端中需要使用swiper插件实现tab切换和手势滑动的，在各种APP上我们可以很常见，但在小程序上实现这个看起来有点难，因为swiper插件滑动到下一屏的时候位置总是会回到跟上一屏相同的位置。我记得微信刚出来不久，有一个这样子的需求，那时候是另外一个同事在跟，跟我说到过这个功能无法实现。最近我也接到这个需求，于是我认真的看了一下微信组件文档，发现swiper+scroll-view组件结合是可以实现这个功能。
小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。
今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架，能够帮助开发者更加高效的开发移动Web应用。.
支持响应式 浏览器支持 CSS3 时，则使用 CSS3 过度/动画 支持移动设备滑动 支持桌面浏览器鼠标拖动 支持循环 支持左右控制 支持动态添加、删除、过滤 支持自动播放、圆点、箭头、回调等等 兼容
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
