最近ytkah在学习用bootstrap搭建网站，Bootstrap能自适应pc端和手机端，并且移动设备优先，适合现如今移动营销。bootstrap是封装好的框架，需要某些功能只需调用相应的组件就可以，但有些还是没加入，比如幻灯轮播触屏左右滑动手势就不支持，大家用的设备基本是触屏的了，能用滑动交互在小屏幕上体验会更好，那么如何实现呢？一个比较简单的方法是增加一个滑动手势js插件：hammer.js，网上有很多cdn调用地址，像//cdn.bootcss.com/hammer.js/2.0.8/hamme
关于验证码的使用场景还是非常多的，很多网站上的验证码可谓是五花八门，下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。
1：GMU:http://cloudajs.org/ui/brand/gmu GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! http://gmu.b
Contrast.js插件主要用于检验移动端Web重构还原度，由于大部分设计稿是基于iPhone6以上（1334 x 750）设计的，所以该插件比较适合用iPhone6、iPhone7、iPhone8检查设计还原情况。
“bxSlider”就是一款响应式的幻灯片js插件 bxSlider特性 充分响应各种设备，适应各种屏幕； 支持多种滑动模式，水平、垂直以及淡入淡出效果； 支持图片、视频以及任意html内容； 支持触摸滑动； 支持Firefox，Chrome，Safari，iOS，Android，IE7+ bxSlider使用方法： 加载jQuery库，加载bxSlider插件文件和相关CSS文件； <link href="jquery.bxslider
pushbar.js是一款带模糊效果的js隐藏滑动侧边栏插件。pushbar.js能制作上下左右四个方向的滑动侧边栏效果，并且在侧边栏菜单显示的时候，主页面会带有炫酷的模糊特效。
网上看了很多解决办法，几乎本质都是一样的，都是引入一个滑动的js插件，加入一段js代码，即可生效，但是我试了hammer.js 和 touchSwipe.js 都不生效，也找不到原因是什么，目前在网上就找到 toucher.js 可以实现，贴到博客，留作备用： 1 <script> 2 $(function(){ 3 var myTouch = util.toucher(document.getElementById('carousel-index')); 4
jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。
jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。 这些插件也是依赖于jQuery来完成的，所以必须要先引入
jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。 这些插件也是依赖于jQuery来完成的，所以必须要先引入
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。 1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。 主要功能有： 支持鼠标滚动。 支持前后退和键盘控制。 多个回调函数。
猫头虎博主欢迎你来到本篇博客！在这里，我们将深入探讨如何开发Vue.js插件，为Vue.js应用添加自定义功能。本文提供了详细的步骤和示例代码，以帮助你轻松入门，同时优化你的插件以获得更好的可维护性和SEO表现。
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例
在编写前端代码时，有些文件作为单独的文件引用会更便于维护，但是有些文件却必须要内联。
QueryList使用jQuery的方式来做采集，拥有丰富的插件。下面来演示QueryList使用PhantomJS插件抓取JS动态创建的页面内容。
ScratchCard是一款支持移动手机的HTML5 canvas刮刮卡JS插件。该刮刮卡JS插件支持移动触摸事件，提供刮卡的回调函数，简单易用，效果非常不错。
由于移动设备的显示屏幕相对于桌面显示器来说小很多，在桌面显示器上能够正常显示的内容，到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转，我们可以通过JavaScript来判断当前的设备是否是移动设备，然后执行相应的代码。
element：饿了么出品的Vue2的web UI工具套件 Vux：基于Vue和WeUI的组件库 mint-ui：Vue 2的移动UI元素 iview：基于 Vuejs 的开源 UI 组件库 Keen-UI：轻量级的基本UI组件合集 vue-material：通过Vue Material和Vue 2建立精美的app应用 muse-ui：三端样式一致的响应式 UI 库 vuetify：为移动而生的Vue JS 2组件框架 vonic：快速构建移动端单页应用 eme：优雅的Markdown编辑器 vue-multiselect：Vue.js选择框解决方案 vue-table：简化数据表格 VueCircleMenu：漂亮的vue圆环菜单 vue-chat：vuejs和vuex及webpack的聊天示例 radon-ui：快速开发产品的Vue组件库 vue-waterfall：Vue.js的瀑布布局组件 vue-carbon：基于 vue 开发MD风格的移动端 vue-beauty：由vue和ant design创建的优美UI组件 vue-blu：帮助你轻松创建web应用 vueAdmin：基于vuejs2和element的简单的管理员模板 vue-syntax-highlight：Sublime Text语法高亮 vue-infinite-scroll：VueJS的无限滚动指令 Vue.Draggable：实现拖放和视图模型数组同步 vue-awesome-swiper：vue.js触摸滑动组件 vue-calendar：日期选择插件 bootstrap-vue：应用于Vuejs2的Twitter的Bootstrap 4组件 vue-swipe：VueJS触摸滑块 vue-amap：基于Vue 2和高德地图的地图组件 vue-chartjs：vue中的Chartjs的封装 vue-datepicker：日历和日期选择组件 markcook：好看的markdown编辑器 vue-google-maps：带有双向数据绑定Google地图组件 vue-progressbar：vue轻量级进度条 vue-picture-input：移动友好的图片文件输入组件 vue-infinite-loading：VueJS的无限滚动插件 vue-upload-component：Vuejs文件上传组件 vue-datetime-picker：日期时间选择控件 vue-scroller：Vonic UI的功能性组件 vue2-calendar：支持lunar和日期事件的日期选择器 vue-video-player：VueJS视频及直播播放器 vue-fullcalendar：基于vue.js的全日历组件 rubik：基于Vuejs2的开源 UI 组件库 VueStar：带星星动画的vue点赞按钮 vue-mugen-scroll：无限滚动组件 mint-loadmore：VueJS的双向下拉刷新组件 vue-tables-2：显示数据的bootstrap样式网格 vue-virtual-scroller：带任意数目数据的顺畅的滚动 DataVisualization：数据可视化 vue-quill-editor：基于Quill适用于Vue2的富文本编辑器 Vueditor：所见即所得的编辑器 vue-html5-editor：html5所见即所得编辑器 vue-msgbox：vuejs的消息框 vue-slider：vue 滑动组件 vue-core-image-upload：轻量级的vue上传插件 vue-slide：vue轻量级滑动组件 vue-lazyload-img：移动优化的vue图片懒加载插件 vue-drag-and-drop-list：创建排序列表的Vue指令 vue-progressive-image：Vue的渐进图像加载插件 vuwe：基于微信WeUI所开发的专用于Vue2的组件库 vue-dropzone：用于文件上传的Vue组件 vue-charts：轻松渲染一个图表 vue-swiper：易于使用的滑块组件 vue-images：显示一组图片的lightbox组件 vue-carousel-3d：VueJS的3D轮播组件 vue-region-picker：选择中国的省份市和地区 vue-typer：模拟用户输入选择和删除文本的Vue组件 vue-impression：移动Vuejs2 UI元素 vue-datatable：使用Vuejs创建的DataTableView vue-instant：轻松创建自动提示的自定义搜索控件 vue-dragging：使元素可以拖拽 vue-sli
Bootstrap简介什么是Bootstrap？框架：库 lib libraryjQuery作为一个框架来讲，提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件 这就是一个框架Bootstrap 让我们的 Web 开发更简单，更快捷；注意是 Bootstrap 不是 BootStrap！这是一个词，不是合成词，其含义为：n. 引导指令,引导程序Bootstrap 是当下最流行的前端框架（界面工具集）；特点就是灵活简洁，代码优雅，美观大方；其目的是为了让 Web 开发更敏捷；是 Twitt
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。
上海疫情泛滥，很多人都抢不到菜，我也是其中一员，每天早上要五点半起来上叮咚买菜抢菜，每次手速慢就抢不到了，所以就只能挨饿了。作为一个程序猿，能通过技术手段抢就绝不动手。我通过这个方法连续两天抢到菜，可能也有一部分运气原因，毕竟本人运气一直都不错。
GitHub，一个世界最大的面向开源及私有软件项目的托管平台，你没事的时候刷刷微博、抖音，人家没事的时候刷刷 GitHub ，看看最近有哪些流行的项目，久而久之，这差距就越来越大，这篇文章我就来给大家推荐下我收藏的一些开源类库，不定期更新。
同一套页面可以兼容不同分辨率的设备，Bootstrap的响应式布局依赖于栅格系统实现，将一行分为12各格子，通过指定控件在不同分辨率设备上所占各自的数目实现兼容
ruda 是手机浏览器中的开发者工具，是一个JS插件，在自己的页面中引入即可 Eruda 的由来 Eruda 的作者以前在手机中进行页面开发时，感觉日志输出非常麻烦，经常使用类似 window on
在Vue中，通常我们引入一个js插件都是使用npm 方式下载然后import使用的。但是我现在本地有了js文件或者是一个远程js文件链接，我不想使用npm install xxx 的方式，有什么办法吗？
在hexo框架中使用3-hexo主题时，会遇到这样一个问题：在markdown中嵌入html代码，这些嵌入的html代码无法正常显示。
本文写的二维码生成是基于jQuery和jquery.qrcode.min.js插件的，本文将介绍两种方法和方式，仅供朋友选择和取舍。本文最下面附有插件的下载地址！ 方式1： 基于jquery.qrcode.min.js插件生成，代码如下： <html> <head> <title>生成二维码</title> <meta name="author" content="Stone(at)游久网,Blog" /> <script type="text/javascript" src=
有些事情经历过之后才会发现，原来再次之前我是如此的啥，因为是第一次做，毫无头绪，有时会想假如有个一demo就好了，那么就不会花费这么多的无用功了。今天使用mui 的webview实现了一个H5页面的上拉加载下拉刷新的效果，拿出来和大家一起分享一下，希望各位博友有用，当然啦有的时候坑会很多，但是只要我们学会用思考的方式去找问题，不管是什么问题我们都是可以解决的。小弟的文采不好，有错误请指出来，一定虚心接受
http://www.bootcss.com/p/chart.js/docs/
打开idea --> File --> settings --> Plugins ,然后再搜索框中输入Node.js并安装。
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
用 JavaScript 处理图像可能非常困难且繁琐。 幸运的是，有许多库可以让这些变得简单得多。 下面介绍一些图像处理的库。
本质是监控文件修改，实时刷新浏览器，需要安装livereload插件和node.js插件，全局刷新
前言 什么是m3u8？ 效果 效果地址 m3u8视频切换 效果图片 解决方法 采用video.js插件！ 引入 引入videoJS插件样式文件； 引入videoJS插件JS文件； 引
摘要： 各位Fundebug老用户，请尽快更换JS插件域名！！！将og6593g2z.qnssl.com替换为js.fundebug.cn。
源码分析： Dropdowns.scss：下拉框模块 Javascripts/bootstrap/dropdown.js：实现下拉框响应 实现功能及原理： 下拉选项卡，默认不能实现显示选中项的功能 原理： 1、利用dropdown类作为定位点，然后让子级的列表dropdown-menu绝对定位实现，还需要加一个单击点作为设置data-toggle=”dropdown”才能做关联。 2、 需要js插件的支持 源码分析： 1、caret：实现向下的三角形，利用边框实现的 1.1、边框颜色默认是字
今天想登录博客后台的时候，突然发现博客的管理后台的按钮动不了了，同时间用手机和自己的iPad还有不同的浏览器试了一下还是不行，没反应。去云服务器提供商——滴滴云看了后台，inode使用率和使用量居高不下，如下图。
这两种格式都能保证函数立马执行，这也是立即函数的基础常见的格式，()运算符加上匿名函数，还有另外几种格式也能立即执行：
今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的wcPop.js插件；编辑器部分由原先的单一表情新增为动图表情，实现了消息、表情发送 | 大图、视频效果预览 | 仿微信红包、打赏等微交互功能。
微信日前官宣小程序支持AR功能。欧莱雅集团旗下阿玛尼美妆的官方微信小程序——“阿玛尼美妆官方精品商城”成为首个支持动态AR试妆的小程序，标志着全新的线上零售体验。
注意：把css文件放在head中，js文件放在body的最下面，jquery在BP上面。
因为普通注册事件方法的不足，jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等，其中最好用的是: on()
请注意，本文编写于 2071 天前，最后修改于 173 天前，其中某些信息可能已经过时。
我们在设计网站的时候，有些效果需要不断的提高用户体验。比如我们在页面中的微信号、电话号码、优惠码等信息，最好不要用户直接复制。如果能直接点击按钮直接复制效果还是比较好体验的。这里我们可以使用clipboard.js复制粘贴JS插件实现。
有些动画是页面一加载就要的，还有一些动画是需要页面滚动到那个元素才要展示的。
对于编程技术类的小程序来说，在文章会有很多代码，那么代码高亮就是一个文章显得很出色的需求了。代码高亮功能的实现，主要是依靠小程序里对富文本内容的解析。对于富文本解析，微慕小程序专业版以前采用的开源的wxParse组件，但这个组件不支持代码高亮，且二次开发的难度较大。从微慕小程序专业版v3.8.0开始引入了mp-html组件，该组件提供对代码高亮显示的支持。
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。但若是一个元素需要两个甚至多个动画等样式时，原本的动画特效便难以满足需求了，毕竟一个元素只能加一个特效，对于多余的，后者会把前者覆盖。
请注意，本文编写于 2082 天前，最后修改于 173 天前，其中某些信息可能已经过时。
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
