摘要: 在一次偶然的机会,我遇到了我人生中的贵人,通过了解……在·······2014年8月份我开始走进IT行业学习写代码;努力了8个月的时间~学习结束了,2015年3月终于找到工作,实现了梦寐以求的IT女了,就这样撸码撸了整整4年的时间,突然有一天我发现我并不喜欢安安静静的去写代码,感觉这4年来我变得不爱 阅读全文
posted @ 2021-04-08 22:08 ButterflyGirl 阅读(75) 评论(0) 推荐(0) 编辑
摘要: 一、使用到的技术 html5 css3 javascript jquery bootstrap 第三方jquery插件 @media实现响应式布局 二、根据设计稿设计内容的宽度 PC端设计稿宽度是1920px的,这是在设计的时候根据电脑的浏览器分辨率来定的。 页面主体宽度(内容宽度)设置为1200p 阅读全文
posted @ 2018-09-22 23:22 ButterflyGirl 阅读(507) 评论(1) 推荐(2) 编辑
摘要: 一、什么是组件 组件(component)是Vue最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码,根据项目需求,抽象出一些组件,每个组件里包含了展现、功能和样式。每个页面,根据自己的需要,使用不同的组件来拼接页面。这种开发模式使得前端页面易于扩展,且灵活性高,而且组件之间也实现了解耦。 阅读全文
posted @ 2018-08-26 16:28 ButterflyGirl 阅读(643) 评论(0) 推荐(1) 编辑
摘要: 一、vue指令 1.v-text v-text是用于操作纯文本,它会替代显示对应的数据对象上的值。当绑定的数据对象上的值发生改变,插值处的内容也会随之更新。注意:此处为单向绑定,数据对象上的值改变,插值会发生变化;但是当插值发生变化并不会影响数据对象的值。其中:v-text可以简写为{{}},并且支 阅读全文
posted @ 2018-08-19 16:30 ButterflyGirl 阅读(539) 评论(1) 推荐(1) 编辑
摘要: 一、MVVM模式 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。Model 层代表数据模型,也可以在Mo 阅读全文
posted @ 2018-08-18 17:14 ButterflyGirl 阅读(3831) 评论(0) 推荐(1) 编辑
摘要: 我的日常 日常的上班状态是这样的 早晨到公司,打开电脑,打开知乎微博简书先刷一遍,然后进入状态,开始敲代码,做自己的项目,在这个过程之中,上面扔过来一张图,来我要这个这个效果,后台发来一条消息,这有个不是后台的bug你过来看看是咋回事。 好,开启一天不断被打扰的模式,我不知道别的公司是不是也这样。 阅读全文
posted @ 2018-07-26 12:16 ButterflyGirl 阅读(1033) 评论(2) 推荐(2) 编辑
摘要: 在前面的博客中有讲到过点击一个图片按钮控制RecyclerView的滚动到顶部位置的效果,但是那个图片按钮一直处在一个显示的状态,今天我们来改造一下那个地方,我们要实现的效果是:一开始打开的时候看不到这个图片按钮,当去滑动界面的时候才能去显示这个图片按钮。 要实现这个效果也很简单,我们监听Recyc 阅读全文
posted @ 2017-03-27 00:21 ButterflyGirl 阅读(4664) 评论(4) 推荐(0) 编辑
摘要: 热卖商品布局效果如下图: 这个布局跟我们上节做的推荐是一样的,也是用LinearLayout和GridView去实现的,新建一个hot_item.xml,代码如下所示: 接着在HomeFragmentAdapter类中的onCreateViewHolder()方法中去创建HotViewHolder, 阅读全文
posted @ 2017-03-27 00:06 ButterflyGirl 阅读(2167) 评论(1) 推荐(0) 编辑
摘要: 首页新品推荐的布局效果如下图: 这块布局是使用LinearLayout和GridView去实现,新建recommend_item.xml,代码如下所示: 继续在HomeFragmentAdapter类中去添加推荐的ViewHolder,在onCreateViewHolder()方法中创建Recomm 阅读全文
posted @ 2017-03-27 00:00 ButterflyGirl 阅读(2191) 评论(1) 推荐(0) 编辑
摘要: 首页秒杀布局如下图: 布局使用的是LinearLayout和RecyclerView去实现,新建seckkill_item.xml,代码如下所示: 在drawable目录下设置倒计时的TextView颜色,新建time_shape,代码如下所示: 布局弄好了,我们要把数据展示在界面上,在HomeFr 阅读全文
posted @ 2017-03-26 23:54 ButterflyGirl 阅读(1440) 评论(1) 推荐(1) 编辑