2017年12月_月季花开sky

12月 11月

原创微信小程序实现随机标签云

先上效果图：要实现的效果：给文本添加随机样式之前尝试一直失败的原因：思路一：定义了一个颜色数组，想直接从里面随机取值赋给定义的变量randomColor,结果会报错，说colorArr is not defined 思路二：将获取随机颜色定义成方法，想给文本绑定事件，发现image标签有bindLoad方法，但是文本没有，就不知道怎么调用事件了。后来发现必须经过第三方

2017-12-28 09:31:34 5609

原创微信小程序中折叠文本与参数传递

要实现的效果：因为一个页面中有两个地方使用了文本折叠，所以需要穿参数（tag）,以区分你点击的是哪一个。参考文章里讲解的很详细，需要的可以看看：微信小程序过长文本折叠效果的探索微信小程序-参数传递与事件处理.content text{ display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient:vertica

2017-12-27 11:39:44 3211 3

原创微信小程序下拉加载执行多次怎么破？

因为网络请求异步执行的问题，貌似下拉加载更多执行多次的问题在之前写angularjs项目的时候就遇到过了。。。参考：微信小程序下拉加载执行多次怎么破loadMore() { //每次先将hasMore设置为false this.data.hasMore = false; wx.request({ ... //请求成功之后再将hasMore

2017-12-27 09:18:24 4896

原创微信小程序学习总结

之前就学过一阵儿微信小程序，没怎么使用，结果就又忘的差不多了。这次再次学习，记录一下，方便以后使用。核心文件：app.json、app.js、pages文件夹 app.js中是app的生命周期的方法（输入App会自动提示补全） app.json文件是一个json格式的文件｛key:value｝，里面是pages、windows、tabBar、networkTimeout等的相关配置信息

2017-12-25 12:15:57 5047

原创 vue项目介绍

项目效果展示：项目中遇到的问题：下拉加载更多在chrome浏览器的手机模拟中没有响应mint-ui框架中loadmore自带的loadBottom方法，后来把代码部署到手机上可以正常调用，加载出了更多数据。使用mint-ui 中的 Swipe，必须给此标签元素设置高度才能正常显示（没设置高度检查元素的时候发现高度为0，内部元素并没有将盒子撑开）使用到的技术点vue-router路由axio

2017-12-08 23:15:54 7835

原创仿掘金项目介绍

项目上传到Github上了，但是还不太熟练怎么加入项目详细介绍和效果展示图，而且本地服务器代码我并没有上传，所以缺少数据支持。这里只是对功能点的介绍。效果图如下：图一展示的是AngularJS路由的使用图二展示的是AngularJS中的表单验证图三展示的是写文章页面项目中遇到的问题：注册成功重定向到index.html页面报错 Cross origin requests a

2017-12-08 13:36:17 1771 3

原创上传本地项目到github

学习的过程中也多多少少积累了些项目，一直放到本地，结果桌面上的文件夹越来越多。所以才有了整理一下的打算。这里是对用到的东西的一些记录，方便以后查阅。操作中遇到的问题： - mac新建文件夹总是自动生成.DS_Store文件，提交项目要把此文件屏蔽掉解决问题参考：如何删除GIT中的.DS_Store如何把本地项目上传到Github使用git和github管理自己的项目—基础操作学习这个

2017-12-08 12:34:06 332

原创窗口尺寸获取几种方式

1、window.innerWidth、window.innerHeight 声明了窗口的文档显示区的高度和宽度，会随着浏览器窗口缩放而改变。这里的宽度和高度不包括菜单栏、工具栏以及滚动条等的高度。跟是否启用chrome浏览器中手机模拟无关IE 不支持这些属性。它用 document.documentElement 或 document.body （与 IE 的版本相关）

2017-12-04 16:18:44 2844

原创 Bootstrap导航栏中按钮间添加竖线分隔

要实现的效果如图所示：这里没有什么难点，只是感觉这种布局使用挺多的，纪录一下，方便以后使用。曾经想过的思路：添加相同的<li><a href="#">|</a></li>标签，但是元素间距离会变大，因为｜占据同等宽度给元素添加右边框，审查元素发现，元素高度跟导航栏一样高，所以｜会跟导航栏一样高最终用伪元素实现了想要的效果`.navbar-right li:after {

2017-12-03 18:27:41 12067 1

原创 vue中的路由及自定义图标

效果如图所示：安装vue-router：npm install vue-router --save底部选项卡：使用的是：MUI中的 tab bar(选项卡)下载mui:[mui](https://github.com/dcloudio/mui),将其中的dist文件夹放到项目中的static文件夹下核心文件引入：在main.js文件中引入：// 引入路由import VueRouter f

2017-12-03 16:30:14 16485 3

原创 css3动画效果

这是仿写的百度外卖的h5部分页面动画，效果如图所示：核心文件引入：swiper.min.cssswiper.min.jszepto/zepto.jszepto/event.jszepto/fx.jszepto/fx_methods.js// 响应动画需要的文件zepto/touch.js//响应长按事件需要的文件里面的知识点：1、loading页面、欢迎页面、swiper布局页面层叠排

2017-12-02 18:40:06 338