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