前端
TYUT_SZH
一个有着AI梦的计算机科学与技术学生。时常想象用自己的双手创造一个美好的世界。
展开
-
使用box-shadow给div加上阴影
有时候对于一个div来说,加上阴影比加上边框的效果更佳。可以使用 box-shadow 属性来设置阴影效果整体语法:box-shadow:color h-shadow v-shadow blur spread inset;各部分意义:color:阴影颜色h-shadow :水平偏移量 v-shadow:垂直偏移量blur:模糊距离spread:阴影尺寸in...原创 2019-09-04 23:50:59 · 1055 阅读 · 0 评论 -
对JSON对象数组按照某一属性进行排序(例:商品列表排序)
有时我在设计一些很多重复单元时,就会把重复的数据作为一个对象,然后将所有的单元作为一个JSON对象数组进行存储,然后自然地就会遇到排序的问题,这个排序其实也是比较常见的功能之一。此时就需要将JSON对象数组进行排序,然后将排序之后的JSON数组写入网页中。使用JavaScript中数组的sort方法实现:(1) 首先定义排序是升序还是降序: var sortIndex = "discount...原创 2019-09-08 19:00:01 · 1212 阅读 · 0 评论 -
在项目中使用 font-awesome
Font Awesome 提供了可缩放以及可以用CSS修饰的图标解决方案,是完全开源免费的,在项目中使用Font Awesome可以说是十分省心的。使用的方法也很简单:(1)首先下载Font Awesome的源文件可以去官方下载:http://www.fontawesome.com.cn(2)将整个Font Awesome工程文件夹放到我们的工程目录下(3)在head部分中引入:&l...原创 2019-09-09 08:01:23 · 459 阅读 · 0 评论 -
easy-zoom 放大镜插件的使用
在做唯品会项目的时候涉及到了商品图片放大的问题,简单的使用方法如下:在项目中加上以下三部分的代码:(1)JavaScript 代码: <script> var $easyzoom = $('.easyzoom').easyZoom(); // Get the instance API var api = $easyzoom.data('easyZoom...原创 2019-09-12 23:39:14 · 864 阅读 · 0 评论