组件,是一个具有一定功能,且不同组件间功能相对独立的模块。高内聚、低耦合。 开发可复用性的组件应遵循以下原则: 1.规范化命名:组件的命名应该跟业务无关,而是依据组件的功能命名。 2.数据扁平化:定义组件接口时,尽量不要将整个对象作为一个 prop 传进来。每个 prop 应该是一个简单类型的数据。 Read More
posted @ 2017-09-27 09:09 _果果 Views(1699) Comments(0) Diggs(0) Edit
npm 启动报错 event.js 160 报错原因: 端口号被占用 解决方法: 1.重新定义一个端口号。 2.任务管理器关掉node进程,重新运行npm。 Read More
posted @ 2017-06-29 16:37 _果果 Views(565) Comments(0) Diggs(0) Edit
最近在项目中,发现时间转换,在firefox和chrome中可以正确的显示,但是在Safari中显示NaN。在网上查了下,发现Safari不支持 YYYY-MM-DD HH:MM:SS 这个时间格式,需要将此转换成 YYYY/MM/DD HH:MM:SS格式然后在进行转换。 var date = " Read More
posted @ 2017-05-05 11:25 _果果 Views(712) Comments(0) Diggs(0) Edit
1. viewport 将layout viewport 设置成ideal viewport 。 width=device-width,也可以设置 initial-scale=1,最好两者都有. width =device-width 兼容IE。 viewport 分为layout viewport Read More
posted @ 2017-04-25 14:56 _果果 Views(2570) Comments(0) Diggs(0) Edit
在父元素、子元素未知的情况下居中有两种方法: 第一种方法: .partent{ display:flex; justify-content:center; align-items:center; } 第二种方法: .partent{ display:flex; } .partent .child{ Read More
posted @ 2017-03-31 16:39 _果果 Views(175) Comments(0) Diggs(0) Edit
1. 图片自适应 2. 界面自适应 Read More
posted @ 2017-01-20 20:11 _果果 Views(178) Comments(0) Diggs(0) Edit
1. js中,变量转换, true + " ", 可以将Boolean类型变成字符串类型。 2. html中,title 属性换行:“&#10”或者“&#13”。 3. css中,boredr属性,border:0,只是定义了边框的宽度为0,但边框样式、颜色还是会被浏览器解析的,占用资源,推荐使用 Read More
posted @ 2017-01-03 19:04 _果果 Views(179) Comments(0) Diggs(0) Edit
jquery on 绑定事件 1. 多个选择器绑定一个事件 2. 多个事件绑定一个函数 3. 一个选择器绑定多个事件,有两种写法: 或者 on只绑定一次事件,绑定父元素,防止初始化时数据未加载,绑定出错。 Read More
posted @ 2016-12-30 15:06 _果果 Views(143) Comments(0) Diggs(0) Edit
input range 样式更改,js模拟滑块实时更新数据。 效果图: html 代码: <div> <span class="slider"></span> <span class="lightgray"></span> <input type="range" min="0" max="5" st Read More
posted @ 2016-12-23 20:24 _果果 Views(1096) Comments(0) Diggs(0) Edit
fullpage.js 是一个基于jquery 的插件,它能够轻松的制作出高大上的全屏网站,主要功能有; 1.支持鼠标滚动 2.支持前进后退和键盘控制 3.多个回调函数 4.支持 CSS3 动画 5.可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等。 实现的原理: 1. 窗口大小 Read More
posted @ 2016-12-16 20:34 _果果 Views(2996) Comments(0) Diggs(0) Edit