/plugins/jQuery/jQuery-2.1.4.min.js"> jQuery(".weather-box"
jQuery是目前流行的JS封装包,简化了很多复杂的JS程序,JQuery讲浏览器DOM树定义为$,通过$来获取各个子节点。JS插件还有prototype.js 等,它们也算比较好的插件,也使用$。...所以有时候同时使用这个两个JS插件的时候,就会出现$的使用权冲突问题。两个js冲突怎么解决?...文件顺序 最后推荐一个开源jQuery插件SuperSlide,他在官网上的介绍是这样的:SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。 ...网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决! ...从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide! 还可以多个SuperSlide组合创造更多效果哦~
flyway5.2.1: 主要用于在你的应用版本不断升级的同时,升级你的数据库结构和里面的数据 前端 npm:node.js的包管理工具,用于统一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护...利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。 vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。...用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动 vue-echarts: vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+ 开发 vue-superslide...: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本 vuedraggable: 是一款基于Sortable.js实现的vue拖拽插件。
SuperSlide 是一款比较实用的轮播插件,网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等都能实现,兼容包括 IE6 的绝大部分浏览器。...问题原因: 因为 SuperSlide 初始化后会自动计算(重置)li 的宽度和高度(左右滑动是宽度,上下滚动是高度)。所以 li 不能有 padding 属性值和 border 属性值。...border-radius: 50px; overflow: hidden; height: 100%; } .slideTxtBox ul li img{ width: 100%; } JS... effect: "left", autoPlay: true, vis: 3 }); 声明:本文由w3h5原创,转载请注明出处:《SuperSlide
flyway5.2.1: 主要用于在你的应用版本不断升级的同时,升级你的数据库结构和里面的数据 前端 npm:node.js的包管理工具,用于统一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护...利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。 vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。...vue-superslide: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本。...vuedraggable: 是一款基于Sortable.js实现的vue拖拽插件。 luckysheet: Luckysheet ,一款纯前端类似excel的在线表格,功能强大、配置简单、完全开源。...、jdk [Apache Maven] 3.5 [Node.js] v14.16.0 [Jdk] 1.8 git clone https://gitee.com/anji-plus/report.git
2、技术栈 前端 npm : node.js的包管理工具,用于统一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护。...利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。 vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。...用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动 vue-echarts : vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+ 开发 vue-superslide...: Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本 vuedraggable : 是一款基于Sortable.js实现的vue拖拽插件。
2技术栈 前端 npm:node.js的包管理工具,用于统一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护。...利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。 vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。...用该组件包裹后可以变成拖拽组件,采用相对于父类绝对定位;用键盘的上下左右也可以控制移动 vue-echarts:vue-echarts是封装后的vue插件,基于 ECharts v4.0.1+ 开发 vue-superslide...:Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本 vuedraggable:是一款基于Sortable.js实现的vue拖拽插件。
JS 插件是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小。...其他移动端常见插件 lsuperslide: http://www.superslide2.com/ l iscroll: https://github.com/cubiq/iscroll 1.5....我们可以通过 JS 修改元素的大小、颜色、位置等样式。 2. 移动端常用开发框架 2.1....既能开发PC端,也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。 框架: 大而全,一整套解决方案 插件: 小而专一,某个功能的解决方案 2. 2....它能开发PC端,也能开发移动端 Bootstrap JS插件使用步骤: 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数
stylesheet" type="text/css" href="css/swiper-bundle.css"> 2.复制demo的html结构我使用的是30 4.复制样式和定义自己的样式 html, body { position: relative..., pagination: { el: '.swiper-pagination' }, }); 最终效果 与他相似的插件还有 superslide...http://www.superslide2.com/ iscroll http://github.com/cubiq/iscroll
backgroundPosition 兼容插件 可用于视差效果 http://www.helloweba.com/demo/totalnum/animateBackground-plugin.js...Lib/429.jsp 图表插件----http://echarts.baidu.com/ 时间轴代码-http://www.198zone.com/othercode/201404999.html superslide...--tab切换 焦点图 图片滚动 文字滚动 地址:http://www.superslide2.com/demo.html 滚动条插件--http://manos.malihu.gr/jquery-custom-content-scroller
既能开发PC端,也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。...它能开发PC端,也能开发移动端 Bootstrap JS插件使用步骤: 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数
JS 插件是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小。...插件的使用 引入 js 插件文件。 按照规定语法使用。 fastclick 插件解决 300ms 延迟。...其他移动端常见插件 lsuperslide: http://www.superslide2.com/ l iscroll: https://github.com/cubiq/iscroll 5....移动端视频插件 zy.media.js H5 给我们提供了 video 标签,但是浏览器的支持情况不同。 不同的视频格式文件,我们可以通过source解决。...我们可以通过 JS 修改元素的大小、颜色、位置等样式。
一个好的插件地址:http://www.superslide2.com/demo.html js
触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。...JS 插件是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小。...其他移动端常见插件 lsuperslide: http://www.superslide2.com/ l iscroll: https://github.com/cubiq/iscroll 1.5.5....既能开发PC端,也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。 框架: 大而全,一整套解决方案 插件: 小而专一,某个功能的解决方案 1.6.2....它能开发PC端,也能开发移动端 Bootstrap JS插件使用步骤: 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数 1.7.
触屏事件 1.1.1 触屏事件概述 移动端浏览器兼容性较好,我们不需要考虑以前 JS 的兼容性问题,可以放心的使用原生 JS 书写效果,但是移动端也有自己独特的地方。...JS 插件是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小。...其他移动端常见插件 lsuperslide: http://www.superslide2.com/ l iscroll: https://github.com/cubiq/iscroll 1.5.5....既能开发PC端,也能开发移动端 前端常用的移动端插件有 swiper、superslide、iscroll等。 框架: 大而全,一整套解决方案 插件: 小而专一,某个功能的解决方案 1.6.2....它能开发PC端,也能开发移动端 Bootstrap JS插件使用步骤: 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数 1.7.
, 表单提交, 点击事件等等(个别网页中运用到js代码)。...="text/javascript" src="/staticRes/js/respond.min.js"> $(function()...scroll",backToTopFun); backToTopFun(); }); $(function(){ //幻灯片 jQuery(".slider_main .slider
领取专属 10元无门槛券
手把手带您无忧上云