ouweixie5608的博客

原创 初写选择题小程序

一共10题，希望通过点击选项后自动跳转下一题通过wx.navigateTo, 写10个页面相互跳转——笨，弃掉 每个选择题设为一个view，通过点击实现其显示，或者隐藏 wx:if="{{ 3>2 }}"设置条件，选择展示 data-statu="close"？ 2.通过class选择view，设置其display为none一开始，就没在js文件里的page写data和...

原创 小程序开发日志——试坑初体验

08.8.211.下载了微信开发者工具和后端建议的Egret Wing3，表示后者运行自己下载的示例的时候卡的不行，前者根本没法打开——是因为没有用百度问问，新建项目——打开所在文件夹。。2.微信以管理员身份开发，有AppID的时候，需要关了vpn——理论3.在sf上找了hello world教程，显示找不到app.json——那是没打开编辑器。。只在新建空白项目时自动配置了项目配置—...

原创 UI设计——以网易云音乐为例

1.selectedcolor都是原来的颜色加深变灰，如果是大图片（全屏）需要再原来图片上基础上加深一层在加全屏按钮。

原创 UI布局

常用UI的布局LinearLayout: 线性布局用来控制其子View以水平和垂直方式展开2.RelativeLayout: 相对布局（跟随浏览器，fixed）用来控制其子view以相对定位的方式进行布局显示3.FrameLayout: 帧布局每一个子view都代表一个画布，后面出现的会覆盖前面的画面通过view的android：layout_gravity属性来指定子视图的...

转载 前端怎么开始敲代码

前端理论(一)-----PSD切成HTML的几个方法对比总结：先写大框架——调试——插图 根据PSD登陆页面设计稿切图制作HTML网页全过程

原创 Smart work——以sketch导出标注为例

昨天看到某东的后台打开了一个html形式的产品文档，好奇怎么做的，自己用word的导航和超链接功能做了形式简单的prd。axure可以将原型图导出为html，想着把sketch的prototyping直接导出一个html文件，最好包含js,css（想得很美好，很天真）后来的确查到一个导出sketch标注的插件——master，找了很久的说明，最后还是官网的demo帮助了我。 启发...

原创 利用sketch制作gif

1.把照片import到sketch中2.利用钢笔工具进行临摹，描边填充注意绘制时光影问题，在里面添加inner shadow，在外面添加shadow 给衣服填充条纹时，钢笔绘制出衣服轮廓后，在前面添加条纹矩形，生成mask3.添加AnimateMate plugin到sketch4.选择所有层，create animation，此时的状态就是创建的第0帧动画，linear e...

原创 软件小元素设计

原创 如何压缩GIF体积

resize 减少颜色（近色同色化 存储256色为128色） 帧信息（留同加异——容易产生噪点） 减少需求场景（减少帧——动画中删除多帧——掉帧过快）  PS ：GIF存储与压缩...

原创 UI简历制作总结

目录版式1.界面如果构图过于普通传统，可改变页面比例形式2.扁平型3.简单线型分割4.颜色风格搭配版式（一开始就注意要求）1.界面如果构图过于普通传统，可改变页面比例形式16:9等，如：web 设计多块适合2.扁平型方块化3.简单线型分割采用饱和度较低的颜色，作图（keynote／word）参见普通人如何做出有设计感的简历？配合iconnou...

原创 IE之外支持的addEventListener()用法

为元素属性添加事件。 当属性实现时，为元素添加事件 。比如在制作一个视频播放器时，我希望每段视频播放完成后，下一段视频自动播放。这时，我们就可以使用：video.addEventListener("ended","play");function play()={ video.src++; video.play(); video.autoplay="autoplay";}同

原创 React，Angular框架整理学习

Facebook React Native: https://facebook.github.io/react-native/http://frantic.im/the-first-react-native-appGetting Started with React Native: https://facebook.github.io/react-native/do

原创 教学视频播放器（包含教学板书部分）

由于HTML中的自带的video标签默认的控制条的局限性，所以自行画了相应的各种按钮，界面整体也更加和谐美观。使用方法及各种功能介绍：1.点击字母按钮，会实现相应的视频播放，而且由于多个课程加载的视频相似，播放逻辑不同，所以后台实现不同。2.C部分播放完成后有相应的板书跳出。（可能是教学图片，或者游戏功能）3.基本功能：控制条自行编写，自动加载，音量控制，播放暂停。鼠标悬停或者一出控制区域两秒播