摘要：
animate.css是一个CSS3动画库，里面预设了抖动(shake)、闪烁(flash)、弹跳(bounce)、翻转(flip)、旋转(rotateIn/rotateOut)、淡入淡出(fadeIn/fadeOut)等多达 60 多种动画效果。你可以点击打开它的 官网 查看演示，里面几乎包含了所 阅读全文
posted @ 2019-06-08 17:07
吃橘子只吃皮
阅读(942)
评论(0)
推荐(2)
摘要：
先简单介绍一下什么是字体图标： 字体图标就是一种比较特殊的字体。通过这种字体，显示给用户的就像一个个图片一样，广泛应用于Web项目的开发 ，如下图： 这些就是一个个字体图标，刚开始学是不是觉得很神奇啊。 为什么要使用字体 图标 和 使用字体图标的优势： 这是因为图片不能很好地进行缩放，当图片进行放大 阅读全文
posted @ 2019-06-02 13:11
吃橘子只吃皮
阅读(4312)
评论(0)
推荐(1)
摘要：
// 需求：根据Id取出数组中指定的对象 let arr = [ { id: 1, rotationAngle: 330, target: '目标1' }, { id: 2, rotationAngle: 270, target: '目标2' }, { id: 3, rotationAngle: 2 阅读全文
posted @ 2020-02-23 20:48
吃橘子只吃皮
阅读(973)
评论(0)
推荐(0)
摘要：
这是今年的第一篇博客。整理一下vue如何从项目打包到部署服务器，给大家做下分享，希望能给大家带来或多或少的帮助，喜欢的大佬们可以给个小赞，如果有问题也可以一起讨论下。 第一步：这是很关键的一步。打开项目，找到config文件夹下的index.js。搜索 assetsPublicPath 默认值为 ' 阅读全文
posted @ 2020-02-23 20:29
吃橘子只吃皮
阅读(33519)
评论(1)
推荐(0)
摘要：
本文主要和大家聊一些有效的JS小技巧，有需要的朋友可以参考下，希望能帮助到大家 1、三元运算符号 当你有项目中写if...else语句的时候且不是多重判断的情况下，可以考虑使用三元运算符来代替，这样代码可以简洁很多... // bar let num = 10 if (num > 5) { num- 阅读全文
posted @ 2020-01-10 16:37
吃橘子只吃皮
阅读(232)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" / 阅读全文
posted @ 2020-01-07 10:34
吃橘子只吃皮
阅读(1532)
评论(0)
推荐(0)
摘要：
vue本身不支持ajax接口的请求，所以在vue中经常使用axios这个接口请求工具，这个axios也是vue官方推荐的库。axios的官方github： https://github.com/mzabriskie/axios 首先在自己的项目中新建一个request文件夹和utils文件夹。然后在 阅读全文
posted @ 2019-12-25 17:57
吃橘子只吃皮
阅读(2387)
评论(0)
推荐(1)
摘要：
// 获取下拉框所选下标 传入下拉框的id function getselectscheckitemindex (idStr) { let o = document.getElementById(idStr).options for (let i = 0; i < o.length; i++) { 阅读全文
posted @ 2019-12-25 17:11
吃橘子只吃皮
阅读(610)
评论(0)
推荐(0)
摘要：
今天为大家分享一篇js动态设置select下拉菜单的默认选中项实例，具有很好的参考价值，希望对大家有所帮助。 代码实例如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co 阅读全文
posted @ 2019-12-25 17:09
吃橘子只吃皮
阅读(2462)
评论(0)
推荐(0)
摘要：
先来看看需要实现的需求： 这是某购物网站上经常看到的效果 我们把网页的模型抽象出来，下面是我实现的效果图： 源代码仅供大家参考，具体如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp 阅读全文
posted @ 2019-12-25 16:43
吃橘子只吃皮
阅读(1339)
评论(0)
推荐(0)
摘要：
使用方法: 选择器类型::-webkit-input-placeholder input::-webkit-input-placeholder{ color:rgba(144,147,153,1); } 阅读全文
posted @ 2019-12-22 12:11
吃橘子只吃皮
阅读(532)
评论(0)
推荐(0)
摘要：
.ellipsis { white-space:nowrap overflow:hidden text-overflow:ellipsis } 阅读全文
posted @ 2019-12-11 19:36
吃橘子只吃皮
阅读(224)
评论(0)
推荐(0)
浙公网安备 33010602011771号