6月 202016
 

mui框架中,在app中,input比网页的input后边会多一个XX按钮。不排除网页也会这么做。可是这个XX随着input的高度变化,不会去自适应。这个体验肯定不好。还有如果我想改变XX的颜色或形状或大小呢。这个还是得涉及到修改input的样式。不过,与之对应的样式的样式名是mui-icon-clear。还是,依着之前的思路,想去看看mui.css样式中,怎么实现的。然后再重新mui-icon-clear的样式。

    .mui-input-row .mui-input-clear~.mui-icon-clear
    {
        top:15px; /*坐标*/
        color: #fb7299; /*颜色修改*/
    }

 Posted by at 上午10:54
6月 202016
 

mui-indicator默认的样式比较丑,也是大众的样式。非active为灰色+阴影,active白色。位置居中。外观是圆形。于是,就想,默认的样式那么难看,可不可以自己定义样式呢。答案是当然是可以的。

可以先去看看mui.css的源码,找到对应的样式,看看原来样式是怎么写的,这样才好修改。于是,根据样式表的优先级原则(就近原则)。也就是内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。所以,可以在嵌入样式表中重写mui-indicator样式。这个有点像子类重写父类方法一样。

.mui-slider-indicator
{
    text-align: right;  /*右对齐*/
    right: 20px;  /*右边20像素*/
}

.mui-slider-indicator .mui-indicator
{
    background: #ffffff;  /*默认背景颜色*/
    width:8px;   /**/
    height:8px;  /**/
    border-radius: 50%;  /*弧度50%,这样外观表现是圆。去掉之后,是正方形*/
    -webkit-box-shadow: none; /*去掉阴影*/
    box-shadow:none;  /*去掉阴影*/
}

.mui-slider-indicator .mui-active.mui-indicator
{
    background: #fb7299; /*active状态下背景颜色*/
}

 Posted by at 上午10:46
6月 132016
 

有时候,我们会遇到这种情况。A服务器下的php环境去请求B服务器下的mysql。默认状态下,mysql是禁止连接的。这个时候,就得想办法打破这个禁止。网上查了下,通常有两个办法。

1,修改user表中的host,将host的localhost字段改为%。

2,指定特定数据库,特定ip,特定的用户名,特定的密码远程访问。

这两种方法,我都尝试过了。当使用第一种方法后,发现是可以远程连接mysql了。可是,phpmyadmin和linux命令都登录不上mysql了。因为对mysql的不了解。也没找到好办法。最后,不得不通过命令绕过密码,修改user表,将host字段的值又改回localhost了。于是,去尝试第二种方法。当跑完第二种方法后。也是可以远程连接mysql了。功能已经实现。然后再去查看user表,发现在user表中,增加了一条第二种方法中创建的时,所填充的数据。这个时候猜想,是不是可以手动在表中创建一条记录也可以呢。不需要在liunx下敲一条条的命令来创建。

不过,当熟悉了linux的命令,敲着敲着也蛮好的。下边来实际操作一遍上边的两种方法吧。
Continue reading »

6月 122016
 

input有maxlength属性,可以控制输入的最大长度。而textarea没有。这个时候,只能通过手动的形式来限制textarea的输入长度。既然手动形式,那么我们就从用户的操作出发,也就是用户的键盘输入操作。可有时候,用户不一定通过键盘输入,有时候是通过复制粘贴来实现。那么侦听什么事件比较好呢。

请看这篇文章:http://blog.csdn.net/sunlylorn/article/details/6123355

为了照顾兼容性。ios下app走的都不是ie这条路。可以不必要加那些if。为了其它端。比如网页端等,还是加上了。在这里用onpropertychange,onchange就可以了。 Continue reading »

6月 122016
 

在进行输入操作的时候,就会和光标和键盘打交道。一个体验好的APP,光标和键盘的表现也会非常好。比如,有的app账号只能是手机号码。这个时候,弹出的键盘的默认输入法就是数字的。想象下这样一个场景,用户点击编辑按钮,进入编辑页面。这个时候,编辑页面应该怎么表现呢。
1,光标停留在输入框(input或textarea)中,并在输入框value的末尾。
2,弹出键盘。

先说第一个问题的解决,读别人的博客,然后跟着做。然后看效果。关于这个问题的相关博客。
http://www.zhangxinxu.com/wordpress/2010/04/%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A%E6%8F%92%E5%85%A5%E8%AF%9D%E9%A2%98%E5%90%8E%E9%83%A8%E5%88%86%E6%96%87%E5%AD%97%E9%80%89%E4%B8%AD%E7%9A%84js%E5%AE%9E%E7%8E%B0/
http://www.jb51.net/article/26527.htm

在看第二个问题。
http://ask.dcloud.net.cn/article/513
参考文章中用的是input,用textArea也可以的。我测试的是ios机器。android机器没测试。想应该也是可以的。也许会出现一些bug。比如弹出键盘后,会马上消失不见。感觉文章中所说方案不怎么靠谱,因为不是百分百能弹出键盘。多次试验,将setTimeout的时间设置长一点,会好很多。

6月 122016
 

断断续续的写了好几篇。到现在,还没写成一连串的完整APP的创建过程。这中间,也听说了一些其他框架,比如apicloud , framework7,sui等。太多框架,众说纷纭。有时候,也难以让人抉择。不过,自己先接触的mui框架,也看了下其他框架。表面看了下,都能实现ui这些功能。既然,mui已经有一定基础了,且能做出东西了,就还是用mui吧。

现在回归正题。app页面的基本组成。app页面一般有页头,页身,页底组成。页头和页底一般都由导航nav(也可以叫菜单menu)组成。再啰嗦一点,页头的导航一般是滑块slider导航。是输入该页面的。而页底的导航是输入很多页面的,也就是很多页面都会存在底部的导航。 如下图所示:

Continue reading »

网站地图