- 博客(6)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 css3动画—实现上拉提示指针动画
今天要实现的内容图下图所示：有了css3的动画属性，实现起来非常的简单。html布局： 让.pointer的div放在你想要他显示方，p放的是指针箭头图的地片，而.pointer的div是盒子，因为裹这个箭头的盒要实现向上移动的效果，所以div的高度要比箭头高度高出10px。css样式：.pointer{ position: absolute;
2017-01-21 12:44:10
2699
原创 前端性能优化的几个重要规则
1.减少http请求1--图片地图2--css sprites3--内联图片4--合并脚本和样式表2.使用内容发布网络--CDN3.添加expires头4.压缩组件5.将样式放在顶部6.将脚本放在底部7.避免css表达式8.使用外部js和css9.减少cdn查找10.精简javascript11.避免重定向12.删除重复脚本13.配置
2017-01-20 23:46:51
656
原创 （四）微信小程序之实现轮番效果（swiper）
轮番效果在很多的网站主页或者手机应用端都能看到，在微信小程序中使用swiper组件来实现图片轮番，今天的小例子效果如下：为了方便演示我将动画切换的间隔调整为3s，现实项目中一般为5s，具体看项目需求而定。实现图片轮番使用swiper滑块视图容器组件，页面结构文件代码如下： <swiper indicator-dots="{{indicatorDots}}" a
2017-01-06 23:37:17
12543
1
原创 （三）微信小程序之容器组件view实现水平和纵向布局
项目中最常用的两种布局方式，水平布局和垂直布局，在微信小程序中实现起来也比较简单。1.横向水平布局：实现水平布局，需要四个view容器组件，其中一个是父容器。如下： box1 box2 box3给父容器以下样式：/**index.wxss**/.content{ display: flex; flex-direction: row;}其中disp
2017-01-06 22:41:17
61104
1
原创 （二）微信小程序之文件结构目录解析
在微信开发者工具中添加项目并勾选创建默认小程序，系统给我们自动创建的小实例是第一个页面显示我们的头像、昵称还有hello world的文本，点击头像跳转到另外一个页面显示启动日志，效果如下：进入【编辑】选项，你会看到如下目录结构：在图中的目录可以看到几种文件格式：.wxml、.js、.json、.wxss、其中：.wxml—页面结构文件；.js—脚本文件，包含页面/
2017-01-06 13:47:37
6356
3
原创 （一）如何新建一个微信小程序
最近微信小程序蛮火的，我自己也开始了微信小程序的学习之路，在这里记下学习中遇到的问题，总结项目过程中的知识点，希望在帮助自己总结知识的同时也能帮助到有需要的小伙伴。下面来讲一下新手如何创建一个微信小程序。第一步：进入https://mp.weixin.qq.com/官网，选择，【小程序】>>【开发】选项进入查看小程序开发文档。开发选项下你可以看到官方提供的教程、框架、组件、ap
2017-01-06 10:34:15
32301
空空如也
jsonp不支持post方法，那前端中如何用post方法跨域提交数据的?
2017-03-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人