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