微信小程序 CSS 清除浮动 flexfix

很多同学都在使用下面的骨灰级解决办法:

.clear{
    clear:both;
    height:0;
    overflow:hidden;
}

上诉办法是在需要清除浮动的地方加个div.clear或者br.clear,我们知道这样能解决基本清浮动问题。

但是这种方法的最大缺陷就是改变了html结构,虽然只是加个div。

最优浮动闭合方案(这是我们推荐的):

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

用法很简单,在浮动元素的父云素上添加class=”demo clearfix”。

你会发现这个办法也有个弊端,但的确是小问题。改变css写法就ok了:

很拉轰的浮动闭合办法:

.clearfix {
  overflow: auto;
  _height: 1%;
}

这种办法是我看国外的一篇文章得到的方案,测试了,百试不爽,真的很简单,很给力。喜欢的同学也可以试试这个办法。

这种方法是端友radom提供的,测试通过:

.clearfix{overflow:hidden;_zoom:1;}

以上为转载  我用的是拉轰的浮动闭合  直接解决浮动不占位的问题。

踩一踩微信小程序开发的坑---tabBar

1. 书写,正确书写时tabBar,不要写成tabbar


2. 在配置中加入index目录,不在pages中添加index目录,也会导致tabBar不显示


3. tabBar属性的要求,官方教程微信小程序官方教程

画重点,tabBar中list的个数最少2个,最多5个。list中每个对象的属性值iconPath和selectedIconPath试了一下,可以不填写

4,这个就是随手一按解决的(shift+【   键),这个坑隐藏的很深,第一个目录中的.json中,不管配置不配置其它数据,必须要加一个{}



读书笔记-简约至上 交互设计四策略

这是一本经典之作,很多设计师都做过笔记,但流水账一般罗列重点很容易被遗忘,我的笔记更多的是挑选一些重点、用现有的网站或APP来举例解释,帮助大家快速理解并记忆。

这本书的作者是Giles Colborne,他是一位有着二十多年经验的交互设计与可用性专家。

这本书用三个重点来概括:

  • 为主流用户而设计
  • 简约却并不简单
  • 简约四策略:合理删除、分层组织、适时隐藏、巧妙转移

接下来详细分析一下这本书里的内容

一、为主流用户而设计

在本书中,根据用户本身所属的人群,将用户分为三种类型:

随意型用户:可能使用过类似产品,使用新产品的意愿不强烈,除非你的产品足够简单,他们才愿意一试,这类用户非常少,大约占20%

- 阅读剩余部分 -

Vue.js 入门教程

什么是 Vue.js?

Vue.js 是用于构建交互式的 Web 界面的库。

Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。

Vue.js 安装

独立版本

直接下载并用 <script> 标签引入,Vue 会被注册为一个全局变量。

创建第一个 Vue 应用

接下来我们创建第一个 Vue 应用。

View 层 - HTML 代码如下:

<div id="app">
  {{ message }}
</div>

Model 层 - JavaScript 代码如下(需放在指定的HTML元素之后):

new Vue({
    el:'#app',
    data: {
        message:'Hello World!'
    }
});

- 阅读剩余部分 -

阿里云ECS主机放多个网站 附配置教程

如何在一台阿里云ECS虚拟主机上安装多个独立网站,网站运行环境Apache+MySQL,网站程序PHP语言开发。

方法/步骤

1. 打开flashfxp,填写你的阿里云ECS主机IP地址;00.00.00;填写你的主机的用户名:root ;输入密码;xxxxxxxx。链接

- 阅读剩余部分 -

PHP的PDO类教程

POD扩展是在PHP5中加入,该扩展提供PHP内置类 PDO来对数据库进行访问,不同数据库使用相同的方法名,解决数据库连接不统一的问题。
PDO的目标

提供一种轻型、清晰、方便的 API
统一各种不同 RDBMS 库的共有特性,但不排除更高级的特性。
通过 PHP 脚本提供可选的较大程度的抽象/兼容性。

- 阅读剩余部分 -

Javascript实现前端单页面路由的方法

WEB开发中路由概念并不陌生,我们接触到的有前端路由和后端路由。后端路由在很多框架中是一个重要的模块,如Thinkphp,Wordpress中都应用了路由功能,它能够让请求的url地址变得更简洁。同样前端路由在单页面应用也很常见,它使得前端页面体验更流畅。


前端路由在很多开源的js类库框架中都得到支持,如angularJS,Backbone,Reactjs等等。前端路由和后端路由原理一样,是让所有的交互和展现在一个页面运行以达到减少服务器请求,提高客户体验的目的,越来越多的网站特别是web应用都用到了前端路由。



HTML

页面中有一个导航菜单ul,和一个div#result用来显示结果,当点击导航菜单时,#result中会显示不同的结果内容。

<ul>  
    <li><a href="#/">首页</a></li>  
    <li><a href="#/product">产品</a></li>  
    <li><a href="#/server">服务</a></li>  
</ul> 
<div id="result"></div>
<script src="./router.js"></script>

JAVASCRIPT

说一下前端路由实现的简要原理,以 hash 形式(也可以使用 History API 来处理)为例,当 url 的 hash 发生变化时,触发 hashchange 注册的回调,回调中去进行不同的操作,进行不同的内容的展示。

function Router(){ 
    this.routes = {}; 
    this.curUrl = ''; 
this.route = function(path, callback){ 
    this.routes[path] = callback || function(){}; 
}; 

this.refresh = function(){ 
    this.curUrl = location.hash.slice(1) || '/'; 
    this.routes[this.curUrl](); 
}; 

this.init = function(){ 
    window.addEventListener('load', this.refresh.bind(this), false); 
    window.addEventListener('hashchange', this.refresh.bind(this), false); 
} 

}

上面代码中路由系统Router对象实现,主要提供三个方法:

init 监听浏览器 url hash 更新事件。

route 存储路由更新时的回调到回调数组routes中,回调函数将负责对页面的更新。

refresh 执行当前url对应的回调函数,更新页面。

Router调用方式如下:点击触发 url 的 hash 改变,并对应地更新内容,运行后你会发现每次点击菜单时,#result中会变换背景色和内容。

var R = new Router(); 
R.init(); 
var res = document.getElementById('result'); 

R.route('/', function() {
res.style.background = 'blue';
res.innerHTML = '这是首页';
});
R.route('/product', function() {
res.style.background = 'orange';
res.innerHTML = '这是产品页';
});
R.route('/server', function() {
res.style.background = 'black';
res.innerHTML = '这是服务页';
});

以上为一个前端路由的简单实现,实际应用中,应该对hash进行正则匹配处理,以满足大量url的应用,同时增加ajax异步请求页面内容等功能。虽然这个实例非常简单,但实际上很多路由系统的根基都立于此,其他路由系统主要是对自身使用的框架机制进行配套及优化。


解决 php-cgi 启动时提示缺少 msvcr110.dll 的问题

问题描述:

启动 php-cgi 时如果提示缺少 msvcr110.dll

问题原因:

缺少 vc 2012 运行库
 
问题解决:
需要安装 vcredist_x64.exe 或 vcredist_x86.exe
 
下载地址:
http://www.microsoft.com/zh-cn/download/details.aspx?id=30679
 
---------------------------------------------------------------------------------------------------
http://windows.php.net/download/
打开这个链接, 我们看到一系列的下载地址, 以下是一一解释:
VC11 x86 Non Thread Safe (vc11 非线程安全)
VC11 x86 Thread Safe (vc11 线程安全)
VC9 x86 Non Thread Safe
VC9 x86 Thread Safe
VC6 x86 Non Thread Safe

注意看左侧的说明. VC9 and VC11, 
Visual Studio 2005 是vc6.
Visual Studio 2008 是vc9.
Visual Studio 2010 是vc10
Visual Studio 2012 是vc11
以此类推, 如果需要使用php 5.5.0 VC11 x86 Non Thread Safe 那么肯定需要安装vc11

目前vc11已经释放出update 3的安装包, 可以完美兼容php 5.5.0