CSS3实现瀑布流布局(display: flex/column-count/display: grid) Javan CSS, web前端 2019年1月15日 1.92K 0 582 前言 在css3到来之前,都是用js来操作dom元素,计算位置,大小,形成瀑布流布局。但是有了css3之后,一切实现起来就太简单了,没有复杂的逻辑,轻松的几行样式代码就可以搞定。 回顾以前(js瀑布流) 基于waterfall.js…
CSS3实现瀑布流布局(display: flex/column-count/display: grid) Javan CSS, web前端 2019年1月15日 1.92K 0 582 前言 在css3到来之前,都是用js来操作dom元素,计算位置,大小,形成瀑布流布局。但是有了css3之后,一切实现起来就太简单了,没有复杂的逻辑,轻松的几行样式代码就可以搞定。 回顾以前(js瀑布流) 基于waterfall.js…
面试中常考的字符串操作方法大全,包含ES6 Javan JavaScript, web前端 2019年1月15日 103 0 0 对于JavaScript字符串操作方法,你真的全部掌握了吗?来看看这篇面试中常考的字符串操作大全,包含最新的ES6字符串操作方法,值得收藏哦。 一、charAt() 返回在指定位置的字符。 var str="abc" console…
面试中常考的字符串操作方法大全,包含ES6 Javan JavaScript, web前端 2019年1月15日 103 0 0 对于JavaScript字符串操作方法,你真的全部掌握了吗?来看看这篇面试中常考的字符串操作大全,包含最新的ES6字符串操作方法,值得收藏哦。 一、charAt() 返回在指定位置的字符。 var str="abc" console…
CSS3实现3D水晶立方体效果 Javan CSS, web前端 2019年1月8日 153 0 13 前言 前段时间写过一篇《CSS3实现美美哒的图片倒影效果》,里面最后一步,“我们使倒影倾斜一个角度,让整个倒影效果更具有立体效果”,不知道大家有没有联想到用倾斜,我们可以制作一个立方体呢??? 今天我们就来用纯css制作一个立方体,…
CSS3实现3D水晶立方体效果 Javan CSS, web前端 2019年1月8日 153 0 13 前言 前段时间写过一篇《CSS3实现美美哒的图片倒影效果》,里面最后一步,“我们使倒影倾斜一个角度,让整个倒影效果更具有立体效果”,不知道大家有没有联想到用倾斜,我们可以制作一个立方体呢??? 今天我们就来用纯css制作一个立方体,…
纯CSS3实现loading虚影加载效果 Javan CSS, web前端 2019年1月6日 167 0 2 前言 最近公司实在是太忙了,996的日子(当前时间凌晨2019-01-06 02:04),所以更新也少了,希望大家多体谅一下,在此对小伙伴们说声抱歉。 前几天接到小伙伴投稿,希望做一个类似loading的效果,也是只要手头有空就赶紧…
纯CSS3实现loading虚影加载效果 Javan CSS, web前端 2019年1月6日 167 0 2 前言 最近公司实在是太忙了,996的日子(当前时间凌晨2019-01-06 02:04),所以更新也少了,希望大家多体谅一下,在此对小伙伴们说声抱歉。 前几天接到小伙伴投稿,希望做一个类似loading的效果,也是只要手头有空就赶紧…
CSS制作可爱的小猪,祝大家2019“猪”事顺心 Javan CSS, web前端 2019年1月2日 199 0 20 前言 时间过得真快,2019年也是说来就来,时间是真的不等人啊。新的一年小伙伴们都有什么目标呢?赶紧向着目标努力吧,2020也会眨眼即到。 2019,祝大家“猪”事顺利,事事顺心! 接下来进入今天的课题。用CSS制作一个小小的、可爱…
CSS制作可爱的小猪,祝大家2019“猪”事顺心 Javan CSS, web前端 2019年1月2日 199 0 20 前言 时间过得真快,2019年也是说来就来,时间是真的不等人啊。新的一年小伙伴们都有什么目标呢?赶紧向着目标努力吧,2020也会眨眼即到。 2019,祝大家“猪”事顺利,事事顺心! 接下来进入今天的课题。用CSS制作一个小小的、可爱…
CSS3实现美美哒的图片倒影效果 Javan CSS 2018年12月26日 194 0 0 前言 离2019年春节越来越近了,该努力的都的努力一把了。是学生的,好好努力一把,希望您学业有成;是老板的,好好 努力一把,祝您公司早日上市;是单身的,好好努力一把,早日找个好老婆。下面言归正传: 会PS的应该都知道如何制作倒影: …
CSS3实现美美哒的图片倒影效果 Javan CSS 2018年12月26日 194 0 0 前言 离2019年春节越来越近了,该努力的都的努力一把了。是学生的,好好努力一把,希望您学业有成;是老板的,好好 努力一把,祝您公司早日上市;是单身的,好好努力一把,早日找个好老婆。下面言归正传: 会PS的应该都知道如何制作倒影: …
10行JavaScript代码完成图片的上传预览 Javan JavaScript, web前端 2018年12月22日 251 0 0 前言 冬至,希望大家都可以有饺子和汤圆吃,主要是能和自己家人爱人一起吃个饭。 下面进入主题,用原生JS给撸个图片上传,预览的小示例,希望对大家有所帮助。 示例 function fChange() { let file = docu…
10行JavaScript代码完成图片的上传预览 Javan JavaScript, web前端 2018年12月22日 251 0 0 前言 冬至,希望大家都可以有饺子和汤圆吃,主要是能和自己家人爱人一起吃个饭。 下面进入主题,用原生JS给撸个图片上传,预览的小示例,希望对大家有所帮助。 示例 function fChange() { let file = docu…
JavaScript动态图片热区(绘制多个矩形并分别跳转链接) Javan JavaScript, web前端 2018年12月18日 439 0 17 前言 不知道大家有没有遇到一张图片上面有很多个商品展示图,需要给每个商品添加一个链接,点击跳转到各自商品详情页。 这个需求在前端其实有一个专业的术语“图像地图”,大家先看看w3c简单示例 <img src="planets.j…
JavaScript动态图片热区(绘制多个矩形并分别跳转链接) Javan JavaScript, web前端 2018年12月18日 439 0 17 前言 不知道大家有没有遇到一张图片上面有很多个商品展示图,需要给每个商品添加一个链接,点击跳转到各自商品详情页。 这个需求在前端其实有一个专业的术语“图像地图”,大家先看看w3c简单示例 <img src="planets.j…
moment.js日期时间管理的常用方法详细教程 Javan JavaScript 2018年12月14日 264 0 15 前言 js原生获取时间,并对其格式化、计算,并不是那么的简单,moment.js的出现,对日期时间处理就方便了许多许多。 moment.js api 初识 怎么用? 普通页面,直接引入moment.js文件就可以了。 node项目:…
moment.js日期时间管理的常用方法详细教程 Javan JavaScript 2018年12月14日 264 0 15 前言 js原生获取时间,并对其格式化、计算,并不是那么的简单,moment.js的出现,对日期时间处理就方便了许多许多。 moment.js api 初识 怎么用? 普通页面,直接引入moment.js文件就可以了。 node项目:…
微信小程序如何返回到上一个页面,并刷新页面呢? Javan 小程序 2018年12月13日 510 0 21 前言 小程序如何返回到上一个页面,并刷新页面呢?这样的需求很常见,比如: 订单详情页面,订单状态是“已付款”,这时候发起“退款”,跳转到申请退款页面,申请成功后,返回到订单详情,这时候的订单状态 是不是要变为“退款中”的状态? 在普…
微信小程序如何返回到上一个页面,并刷新页面呢? Javan 小程序 2018年12月13日 510 0 21 前言 小程序如何返回到上一个页面,并刷新页面呢?这样的需求很常见,比如: 订单详情页面,订单状态是“已付款”,这时候发起“退款”,跳转到申请退款页面,申请成功后,返回到订单详情,这时候的订单状态 是不是要变为“退款中”的状态? 在普…