摘要:
点击预览大图并滑动观看,支持手机端和pc端,具体功能如下图: 一. touchTouch 的js和css 以及jquery依赖库 二.写入html结构,注意,此处图片需要以background-image的形式插入,a 的href值也是图片地址。 三.给结构加入自己想要的样式。 四.在script中 阅读全文
摘要:
其实在react中实现倒计时的跳转方法有很多中,其中我认为较为好用的就是通过定时器更改state中的时间值。 首先在constructor中设置10秒的时间值: 然后在componentDidMount中添加定时器: 然后在render中添加判断跳转 这种就可以完成倒计时跳转了! 阅读全文
摘要:
开发前端页面,经常会有很多共用的图标icon,那么我们把它单独做成组件,以便后期重复调用! 首先在components 的icons文件夹下创建BaseIcon.js文件。 我们需要先在命令行安装glamorous 和 prop-types npm install glamorous 或者 yarn 阅读全文
摘要:
其实,在我们日常的编程当中,经常会碰到tab切换的模块,那么,实现他的方法也有很多中,下面是一款简单,容易理解的react tab切换方法。 通过设置state中的current 属性去控制tab 和 内容模块。 定义一个tab onClick 事件的方法 itemNav,并接收当前点击的index 阅读全文
摘要:
今天简单写了一个jq版购物车计算金额总和的例子,如图: 整体页面代码如下: 阅读全文
摘要:
日常编程中,我们可能会碰到项目中的分享功能,各大平台都有分享接口和文档说明,当然也有一些一键分享插件,例如:sosh,iShare.js等等 但有些同学不想引用插件,那么我整理了一些常用的分享至平台功能,以供参考。 html结构: 注:分享至微信 您需要在css中将二维码隐藏,通过hover 微信图 阅读全文
摘要:
在我们平时的开发过程中,经常使用到Ajax数据交互,相信有很大一部分人会使用,可能没太详细了解过Ajax的工作原理。下面我们一起看一下吧! ( 一 ) 什么是Ajax Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创 阅读全文
摘要:
今天在看文章时,看到了这篇文章。自己对搜索引擎优化了解并不是深入,以此分享给大家。 向搜索引擎提交网站地址:http://www.runoob.com/web/web-search.html 文章原文链接:掘金-志如 什么是SEO: 以下内容摘自百度百科: SEO(Search Engine Opt 阅读全文
摘要:
在做小程序开发的过程中,后端传来一张图片地图,需要实现双手指滑动,使图片缩放,最终得出了一下代码: js :Page({ data: { touch: { distance: 0, scale: 1, baseWidth: null, baseHeight: null, scaleWidth: nu 阅读全文
摘要:
轮播是我们在编写页面中经常遇到的模块,所以网上也会有各种有有关轮播图的插件。今天忽然间看到了swiper上一个高颜值的轮播功能,顺便做一下分享。 首先页面在head内要先引用 swiper的css 和 js库,注意版本:3.4.2版 html模块: css模块(包含了手机版本适应): js模块: 具 阅读全文