2017年10月_「已注销」

12月 11月 10月

原创 webstorm环境下，react+webpack+nodejs搭建项目环境

一、创建基本目录结构1.新建项目工程：PockerUI2.配置jsx3.安装 webpack在此之前你应该已经安装了 node.js.npm install webpack -g参数-g表示我们将全局(global)安装 webpack, 这样你就能使用 webpack 命令了.webpack 也有一个 web 服务器 webpack-dev-server, 我们也安装上npm insta

2017-10-22 18:04:53 3841

原创安装node.js

Window 上安装Node.jsWindows 安装包(.msi) 64 位安装包下载地址 : http://nodejs.cn/download/安装步骤：步骤 1 : 双击下载后的安装包 v0.10.26，如下所示：步骤 2 : 点击以上的Run(运行)，将出现如下界面：步骤 3 : 勾选接受协议选项，点击 next（下一步）按钮 : 步骤 4 : Node.js

2017-10-19 16:26:43 581

原创微信小程序 —— 自定义带进度条的音频播放控件audio

在使用微信小程序的音频控件（audio）的时候发现居然控件中竟然没有播放进度条。例如：而微信小程序自带的音频空间（audio）光秃秃的:所以我就想了个办法，做了一个动态的音频进度条，像这样音乐进行到百分之几，进度条走到百分之几：-wxml<audio bindtimeupdate="MusicStart" bindended="MusicEnd" wx:for="{{MusicList}}"

2017-10-19 15:56:40 22603 2

原创微信小程序 —— 多个div（多个微信小程序view）横向排列的便捷方法

在写自适应div( web端 )或view（微信端）的布局时，可以用以下俩种方法进行便捷布局：利用外层div或外层view的display : flex ; flex-flow : row;利用外层div或外层view的white-space：nowrap;属性 white-space属性值 normal 默认。空白会被浏览器忽略。 pre 空白会被浏览器保留。其行为方式类

2017-10-19 11:12:27 35236

开源代码github地址：https://github.com/wushuxuan/PockerUI码云库地址：https://gitee.com/wushuxuan/PockerUI概述PockerUI是我个人开发的开源小程序框架版本，结合了微信的视觉规范，为其他开发者提供统一的类库。包含 badge、btn、capsule、card、cell、color、dialog、form、helper、i

2017-10-17 18:17:07 6401 4

原创微信小程序 —— 解决加载页面时控制台报错页面中的图片加载错误，但是图片依旧显示

在点一个链接跳到下一个页面的时候，有时候会出现：Failed to load image /pages/Image/Image : the server responded with a status of 404 (HTTP/1.1 404 Not Found) 的报错，例如：这里尽量不要把初始的变量放在onLoad函数里，把他直接定义在页面的初始数据中data里例如:

2017-10-16 09:40:20 5471

原创微信小程序 —— 自定义picker选择器弹窗内容

微信小程序中定义好的几种picker选择器，不管是日期选择器还是地区选择器，或是其他的都有定死的样式和内容。例如但是大多数开发程序的情况下还是需要自己写样式的，或是内容的。例如：-wxml <view class="free-btns" style="margin-top: 10vh;background:none;"> <button class="free-btn" bindta

2017-10-13 18:11:57 14609 1

原创微信小程序 —— 动态决定页面元素显示或隐藏的技巧

在微信小程序开发中，经常遇到一些由后台控制显示（is_open : 1）或者隐藏（is_open : 0），有俩种办法：复杂办法1.先在元素的class中 class=’{{show?’true’:’hidden’}}’2.再在相对应的js中配置show的值，例 data: {show:1,}3.最后在相对应的css中定义.hidden{display:none;}简单办法直接在元素

2017-10-13 13:39:00 15947

原创微信小程序 —— 多个view左右对齐的巧用方法（display:flex布局）

在以前写web端代码的时候，遇到俩个，三个的div平铺在一个大div中我都会用“width: 50%;display:inline-block;”这种方法来搞定，但是这样的写法很low,而且会经常有一种情况出现：左边右边总有一个不能很好的对称但是现在有简单一个方法，可以解决这个问题：在最外层的view(div)中加“ display: flex; ”.free-all{ disp

2017-10-13 11:52:27 47818 1

原创微信小程序 —— 图片自适应后去掉底部的白边

在微信小程序中有一个图片的小bug，当一个image放到一个view中，或者是一个页面放入一个长长的image，宽度和高度的自适应很好实现，但是实现之后图片的底部依旧会有一个白边。例如- 小图（无需占满整个屏幕的）解决代码 - wxml <view class="free-images"> <image src="{{image_src}}"></image> </view> - wxss

2017-10-12 14:37:47 18569

原创微信小程序 —— 自定义长圆形view

很多情况下遇到的圆形都是用“border-radius: 50%;”做的，但是遇到这种效果的呢？换成以前的我，果断ps一张图片做背景，可这个始终不是解决办法。通过“ border-radius: 0.8em; ” 可以解决这个问题。 em: 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。例如，如果某元素以 12pt 显示，那么 2em 是24pt。在

2017-10-11 23:05:27 8416

原创微信小程序 —— button按钮去除border边框

在开发微信小程序组件框架时，我遇到了一个问题，微信小程序中的button组件有特定的css，背景可以用：“background：none”去掉，但是边框再用“border : none”去掉就不可以了，这也是微信小程序与h5的不同之处。但是在微信小程序中使用:after选择器就可以实现这一功能。

2017-10-11 22:11:46 62328 4

原创欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2017-10-11 11:35:42 213

egg-notes.zip

egg-notes.zip egg demo自定义方法调用； //和 Express 只有 Request 和 Response 两个对象不同，Koa 增加了一个 Context 的对象，作为这次请求的上下文对象（在 Koa 1 中为中间件的 this，在 Koa 2 中作为中间件的第一个参数传入）。我们可以将一次请求相关的上下文都挂载到这个对象上。类似 traceId 这种需要贯穿整个请求（在后续任何一个地方进行其他调用都需要用到）的属性就可以挂载上去。相较于 request 和 response 而言更加符合语义。

2020-03-18

cropper.css

cropper.csscropper.css

2019-11-22

buycar_svg

buycar_svg,用于pockerUI的图标，by_wushuxuan 2017-10-12

2017-10-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

Wu_shuxuan的博客