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