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