HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

关于本次软件更新后PHP文件无法提示自定义函数以及函数定位功能失效的解决方法。

① 右击打开的文件
② 选择最下面的(首选项)
③ 选择左边的(编辑器)不是(文本编辑器)
④ 选择右边的第一行的蓝色“文件关联”
⑤ 在上面的框(文件类型)中找到php选中
⑥ 在下面的框(相关联的编辑器)中找到 PHP Editor(Aptana) 选中,然后点击一下旁边的 (缺省值)按钮
⑦ 点击最下方的确定

然后你就发现,以前的又回来了

继续阅读 »

① 右击打开的文件
② 选择最下面的(首选项)
③ 选择左边的(编辑器)不是(文本编辑器)
④ 选择右边的第一行的蓝色“文件关联”
⑤ 在上面的框(文件类型)中找到php选中
⑥ 在下面的框(相关联的编辑器)中找到 PHP Editor(Aptana) 选中,然后点击一下旁边的 (缺省值)按钮
⑦ 点击最下方的确定

然后你就发现,以前的又回来了

收起阅读 »

关于表单提交像jquery的serialize()那样序列化处理表单的一个方法

input

只能说是接近,不能完整的处理。

    mui(".类名").on("tap","button",function () {  
        var temp=document.querySelectorAll("input[type=text]");//取得指定类型input数据  
        var data=[];  
        for(var i=0;i<temp.length;i++){  
            data[i]=temp[i].name+':'+temp[i].value;//构建数组  
        }  
        data.push('sex:'+document.querySelector('[name="sex"]:checked').value);//针对单选进行捕获值并重置数组中单选数据  
        //数组构建完成,下一步就是提交或者做其他处理了。  
        mui.post('后端地址',{data:JSON.stringify(data)},function(data){  
            //返回结果处理  
        },'json');  
    });

供参考,如果表单项比较多的话。不多还是单个单个获取吧

继续阅读 »

只能说是接近,不能完整的处理。

    mui(".类名").on("tap","button",function () {  
        var temp=document.querySelectorAll("input[type=text]");//取得指定类型input数据  
        var data=[];  
        for(var i=0;i<temp.length;i++){  
            data[i]=temp[i].name+':'+temp[i].value;//构建数组  
        }  
        data.push('sex:'+document.querySelector('[name="sex"]:checked').value);//针对单选进行捕获值并重置数组中单选数据  
        //数组构建完成,下一步就是提交或者做其他处理了。  
        mui.post('后端地址',{data:JSON.stringify(data)},function(data){  
            //返回结果处理  
        },'json');  
    });

供参考,如果表单项比较多的话。不多还是单个单个获取吧

收起阅读 »

《ECMAScript 6 入门》离线APP

项目介绍

  1. 项目源码
    2.安卓已通过百度应用分发到对应商店,搜索“ES6入门”即可下载(IOS的没有开发者账号,上线无期)

    应用技术

    mui&&html5+&&部分ES6语法

    致谢

    感谢阮一峰老师全书开源《ECMAScript 6 入门》哦!

继续阅读 »

项目介绍

  1. 项目源码
    2.安卓已通过百度应用分发到对应商店,搜索“ES6入门”即可下载(IOS的没有开发者账号,上线无期)

    应用技术

    mui&&html5+&&部分ES6语法

    致谢

    感谢阮一峰老师全书开源《ECMAScript 6 入门》哦!

收起阅读 »

分享个自己做的小APP,很适合初学者入门哦

项目源码

infoapp

安卓下载地址

应用宝-InfoApp

实现功能

1.登录页面使用第三方登录授权;
2.支持上拉加载,下拉刷新;
3.支持左右翻页;
4.支持页面预加载提升页面渲染速度,实现堪比原生APP的渲染效果。

用途

1.前端作品展示;
2.mui及html5+初学者入门参考!

截图

1 2 3 4

继续阅读 »

项目源码

infoapp

安卓下载地址

应用宝-InfoApp

实现功能

1.登录页面使用第三方登录授权;
2.支持上拉加载,下拉刷新;
3.支持左右翻页;
4.支持页面预加载提升页面渲染速度,实现堪比原生APP的渲染效果。

用途

1.前端作品展示;
2.mui及html5+初学者入门参考!

截图

1 2 3 4

收起阅读 »

关于采用localResizeIMG压缩成base64上传图片出现base64代码受损的问题的解决方案

base64 ajax 图片压缩 上传

为客户开发触屏版的头像上传功能时遇到这个问题,这个问题困扰了好几天。反复的打印localResizeIMG压缩后的base64的代码和通过mui.post方法提交到后端的base64数据。然后通过比对发现post过来的base64代码和localResizeIMG压缩过的能显示的base64代码是有差异的。主要是差别如下:

localResizeIMG的base64代码中是 +/ 而post到后端打印出来的是 + 也就是说部分+/ 被替换成+了。具体的问题没有再深入研究。这个情况遇到问题是,如果图片比较小都没问题,如果原始图片超过比如500kb(这个和localResizeIMG压缩比例有关系,这里就因人而异了),就容易出现上传到后台的图片是不完整的,有损的。甚至是黑图。

OK,解决方法来了。
在post之前,将base64的代码转成数组。如下:

    mui(".member_from").on("tap","button",function () {  
        var avatar_size = document.getElementById("avatar_photo").value;  
        var avatar = document.getElementById("avatar_show").src;  
        avatar = avatar.split("/");  
        mui.post('后端地址',{avatar:avatar,imgsize:avatar_size},function(data){  
            if (data.state==false) mui.alert('原因是什么什么什么', '操作失败!');   
        },'json');  
    });

后端处理。这个做开发的就很容易了。一句话的问题:

    $base64_image_contents = $_POST["avatars"];//提交过来的是数组  
    $base64_image_content=implode('/',$base64_image_contents);//数组转成字符串

后面base64转图片的这个就不发了。坛子里很多,搜下大把。

不知道是不是图片太大,造成base64代码过大而造成的图片受损的问题。总之,这个解决方案轻松搞定很多大图。

继续阅读 »

为客户开发触屏版的头像上传功能时遇到这个问题,这个问题困扰了好几天。反复的打印localResizeIMG压缩后的base64的代码和通过mui.post方法提交到后端的base64数据。然后通过比对发现post过来的base64代码和localResizeIMG压缩过的能显示的base64代码是有差异的。主要是差别如下:

localResizeIMG的base64代码中是 +/ 而post到后端打印出来的是 + 也就是说部分+/ 被替换成+了。具体的问题没有再深入研究。这个情况遇到问题是,如果图片比较小都没问题,如果原始图片超过比如500kb(这个和localResizeIMG压缩比例有关系,这里就因人而异了),就容易出现上传到后台的图片是不完整的,有损的。甚至是黑图。

OK,解决方法来了。
在post之前,将base64的代码转成数组。如下:

    mui(".member_from").on("tap","button",function () {  
        var avatar_size = document.getElementById("avatar_photo").value;  
        var avatar = document.getElementById("avatar_show").src;  
        avatar = avatar.split("/");  
        mui.post('后端地址',{avatar:avatar,imgsize:avatar_size},function(data){  
            if (data.state==false) mui.alert('原因是什么什么什么', '操作失败!');   
        },'json');  
    });

后端处理。这个做开发的就很容易了。一句话的问题:

    $base64_image_contents = $_POST["avatars"];//提交过来的是数组  
    $base64_image_content=implode('/',$base64_image_contents);//数组转成字符串

后面base64转图片的这个就不发了。坛子里很多,搜下大把。

不知道是不是图片太大,造成base64代码过大而造成的图片受损的问题。总之,这个解决方案轻松搞定很多大图。

收起阅读 »

【说明】使用HBuilder获取MUI等示例项目资源

源码分享 技术分享 示例 Git HBuilder mui 登录 模板 HTML5 5 App开发

示例项目

HBuilder中提供了mui登录模板、Hello 5+以及Hello mui等三个示例项目。

新建项目

在HBuilder中通过新建App来获取相关的源码,并且可以通过浏览器或真机调试来预览效果

弊端

通过上述方法,虽然可以成功获取到相关项目资源。但是示例项目有更新时,必须通过更新HBuilder并且重复上述步骤,才可以获取最新的资源。

同步资源

HBuilder中集成了EGIT这款git分布式版本管理插件,可以通过该插件将开源地址中的资源导入HBuilder的工作区域中。

EGIT安装

HBuilder——工具——插件安装——EGIT

导入资源

1、文件——导入,选择Git,下一步;


2、选择URI,下一步;

3、访问github,复制资源的url;

4、复制url后,填写URI,下一步;

5、继续下一步,这里可以选择资源存放的目录,选择目录后下一步;

6、由于mui的资源并非单独一个工程,所以我们选择第三个选项;

7、下一步,完成即可,每次更新HBuilder只需拉取该工程的更新内容即可。

扩展阅读

导入Github上的项目(感谢FindFly的分享)
Egit的常用操作详解(转自CSDN——CrazyCodeBoy原创)

资源地址

mui最接近原生APP体验的高性能框架
HelloH5plus

继续阅读 »

示例项目

HBuilder中提供了mui登录模板、Hello 5+以及Hello mui等三个示例项目。

新建项目

在HBuilder中通过新建App来获取相关的源码,并且可以通过浏览器或真机调试来预览效果

弊端

通过上述方法,虽然可以成功获取到相关项目资源。但是示例项目有更新时,必须通过更新HBuilder并且重复上述步骤,才可以获取最新的资源。

同步资源

HBuilder中集成了EGIT这款git分布式版本管理插件,可以通过该插件将开源地址中的资源导入HBuilder的工作区域中。

EGIT安装

HBuilder——工具——插件安装——EGIT

导入资源

1、文件——导入,选择Git,下一步;


2、选择URI,下一步;

3、访问github,复制资源的url;

4、复制url后,填写URI,下一步;

5、继续下一步,这里可以选择资源存放的目录,选择目录后下一步;

6、由于mui的资源并非单独一个工程,所以我们选择第三个选项;

7、下一步,完成即可,每次更新HBuilder只需拉取该工程的更新内容即可。

扩展阅读

导入Github上的项目(感谢FindFly的分享)
Egit的常用操作详解(转自CSDN——CrazyCodeBoy原创)

资源地址

mui最接近原生APP体验的高性能框架
HelloH5plus

收起阅读 »

MUI,H5+,React-Native,ECMAScript6,全套课程

HelloH5 hellomui

学习链接进入教室QQ:2971611409

学习链接进入教室QQ:2971611409

Android 6的重大BUG何时解决?

mui

项目都快收尾发现有这么大一个坑,官方也不出来说句话。。。。
参见:http://ask.dcloud.net.cn/question/18495

项目都快收尾发现有这么大一个坑,官方也不出来说句话。。。。
参见:http://ask.dcloud.net.cn/question/18495

页面滚动

区域滚动

在外层嵌套

   <div class="mui-scroll-wrapper">  
       <div class="mui-scroll">  

       </div>  
   </div>

这样的HTML开启区域滚动的时候。当页面中有大块的独立区域的时候,这时滚动页面,当两根手指前后按在手机屏幕上的时候。页面会跳动到第二次按下得位置,
这样就造成了在双手一起在屏幕上滚动页面的时候,无法让页面向上或向下滚动,它总是在两根手指按下的地方,来回跳动。

继续阅读 »

在外层嵌套

   <div class="mui-scroll-wrapper">  
       <div class="mui-scroll">  

       </div>  
   </div>

这样的HTML开启区域滚动的时候。当页面中有大块的独立区域的时候,这时滚动页面,当两根手指前后按在手机屏幕上的时候。页面会跳动到第二次按下得位置,
这样就造成了在双手一起在屏幕上滚动页面的时候,无法让页面向上或向下滚动,它总是在两根手指按下的地方,来回跳动。

收起阅读 »

《mui 视频教程》已录制完毕欢迎大家一起学习

mui

《mui开发教程》全套录制工作已经完成,视频观看地址
http://www.hcoder.net/course/info_211.html
总计时长 4小时左右,分段讲解了 MUI的常用组件、事件、服务端通讯等知识。
后期将发布 h5+ 相关教程,欢迎观看,欢迎意见建议!

继续阅读 »

《mui开发教程》全套录制工作已经完成,视频观看地址
http://www.hcoder.net/course/info_211.html
总计时长 4小时左右,分段讲解了 MUI的常用组件、事件、服务端通讯等知识。
后期将发布 h5+ 相关教程,欢迎观看,欢迎意见建议!

收起阅读 »