mui

在用mui和H5+做混合开发，会利用HBuildx去真机调试，可真机调试总有问题所在，懂得人自然懂，而我们直接打开页面显示的只有一个静态的页面，是获取不到数据的在这里我想说的不是代码中利用jsonp，反向代理等去解决跨域问题，而是利用我们做常用的调试工具谷歌浏览器去解决ajax跨域问题。 　　 1.找到谷歌浏览器的快捷图标，右击鼠标选择属性， 　　　2.打开属性窗口后，选择快捷方式选项卡， 　　　3.在目标路径的后面添加【 --disable -web -security --user -data -dir =C: \chromedata 】，注意chrome.exe与--disable之间有一个空格 　　　4、点击应用，然后点击确定关闭窗口。如下图所示： 然后我们打开设置好了的浏览器查看一下,如果出现了以下显示则设置成功，然后可以调试ajax请求了。如下图： 注意：你需要新建一个快捷方式，因为当你设置完成后，所有的插件记录都会清空。 来源： oschina 链接： https://my.oschina.net/u/4347039/blog/3346460

项目中用到了Infinite scroll 这个组件，但是初始化的时候，getList总会请求两次， 网上查了部分资料，如 <ul class="mui-table-view " v-infinite-scroll="getList" infinite-scroll-disabled="loading" infinite-scroll-distance="0"> 中的v-infinite-scroll等指令要放在ul标签上，ul 的父标签必须加固定高度，ajax获取成功后加上setTime渲染，经测试，均为生效，后来看到官方api，还有一个infinite-scroll-immediate-check的属性，默认为true,再次更改为false，初始化就不会请求两次接口了； 但是此方法在和mint-ui 中的tab-container结合使用时，getList会出现一直调用，直到所有的数据都加载完毕，想着应该是窗体切换时，公用同一个窗体高度造成的； 因为在tab-container中的mt-tab-container-item 增加v-if 即可；经验证此方式可行。 <mt-tab-container v-model="active"> <mt-tab-container-item id="tab-container1" v- if =“active == ‘tab

首先从官网http://www.dcloud.io/ 下载HBuilder，用该软件创建一个HTML5的移动APP项目，具体可去官网查看相应的文档。 接下来就是如何将写好的HBuilder引入到我们的安卓项目中。 先到 http://ask.dcloud.net.cn/article/103 下载HBuilder离线打包Android版SDK，SDK里面有个HBuilder-Integrate工程我们将会用到，接下来开始了~~~~~ 先用Android Studio创建一个新项目（MyFirstMUI）。 1、 导入jar包 ，可从HBuilder-Integrate工程的libs中选择，具体要导入哪些jar包可从SDK中的Feature-Android.xls中查看。 2、加入APP资源： ①在工程目录下的创建assets文件夹，并在assets目录下添加apps目录 ②在apps目录下创建应用ID同名目录 ③在应用ID同名目录下创建www目录 ④将应用资源和应用配置文件（manifest.json）拷贝到www目录下 其中“H5B1EA68D”目录名称为应用manifest.json中的id名称，务必一致。 添加control.xml文件和properties.xml文件到assets->data目录下 其中control

一, js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var parent = test.parentNode; // 父节点 　　var chils = test.childNodes; // 全部子节点 　　var first = test.firstChild; // 第一个子节点 　　var last = test.lastChile; // 最后一个子节点　 　　var previous = test.previousSibling; // 上一个兄弟节点 　　var next = test.nextSibling; // 下一个兄弟节点 二, jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容，包括节点和文本 $("#test").contents("#test1"); $("

主页： collection.html <div id= " content " class = " content " > </div> js: mui.init({ gestureConfig:{ doubletap: true }, subpages:[{ url: ' collectionSub.html ' , id: ' collectionSub.html ' , styles:{ top: ' 45px ' , bottom: ' 0px ' , } }] }); 子页面： collectionSub.html <div id= " pullrefresh " class = " mui-content mui-scroll-wrapper " pageNumber= " 0 " totalPages= " 0 " > <div class = " mui-scroll " id= " content " > </div> </div> <script id= " test " type= " text/html " > <ul class = " mui-table-view mui-table-view-chevron walletHistoryUl " > <li class = ' refund-Item-li ' > <div class = "

Tooltip 大家应该都知道，就是我们常见的 当用户移动鼠标悬浮在 按钮 时会跳出显示的小文字框，比如知乎网页编辑器上的各类图标按钮都设置了 Tooltip 最近在使用 Material-UI Tooltip 时遇到到了个小问题，牵扯出了一系列关于 React Ref 的问题和思考，在本文分享给读者们。 出问题的代码如下 <Tooltip title="hi zhihu"> <FunctionComponent/> </Tooltip> 原意是希望在一个函数组件的周围显示一个简单的Tooltip 但是不仅没有成功显示，还在 console 里报出了以下warning log Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? 里面显示了2个信息： Function components cannot be given refs 函数组件不能使用 ref React.forwardRef() 提示使用这个方法 可是，这几行代码里并没有看到 ref 啊 在直接看 Tooltip 源码前，我先去看了文档 https:// material-ui.com/compone nts

前言： 心血来潮。（受不了现在某翻译app烦人的广告）冒出想法，自己通过百度提供的翻译api接口自己去做一个简易的app来用。小白项目，大佬勿喷 :) 1 打开编辑器开始撸代码 准备工具：HBuilder 百度翻译api接口（自行申请） 技术： mui jQuery vue 这个项目利用HBuilder 来进行打包的 利用他家的mui框架来写 ① 创建 一个mui项目 目录结构 我们打开 manifest.json 进行app配置 我们可以在这个文件下进行app的设置 包括 app名字、描述、图标、启动图片等 ②引入js 用jQuery是因为习惯了他的ajax写法、md5.js是百度提供的身份验证要用到的(需要大家自行翻译api申请key) ③ 语音输入的引用 mui家有个 H 5+Runtime 里边有个语音api可以调用 实现语音输入、、需要在app加入语音输入的小伙伴合一了解下 ④ 上代码 其实很简单的原理 拿到输入内容 -->ajax请求-->返回的结果输出 H5部分： < div > < textarea placeholder ="翻译结果" v-model ="returns" ></ textarea > </ div > < div > < textarea v-model ="keys" placeholder ="请输入翻译内容" ></ textarea >

1：设置状态栏颜色 在manifest.json 找到 plus 下添加 "statusbar": { "immersed": true /*沉浸式状态栏*/ 设置背景色就不要设置 此项 或者删除不配置 "background": "#ffffff" }, 2 ：home键返回问题 mui进行手机物理键的监听 首先安装 vue-awesome-mui npm i vue-awesome-mui 在main.js注册 import Mui from 'vue-awesome-mui' ; Vue.use(Mui); 在index.html <script> mui.init({ keyEventBind: { backbutton: true //关闭back按键监听 } }); // //首页返回键处理 // //处理逻辑：1秒内，连续两次按返回键，则退出应用； var first = null ; mui.back = function () { //首次按键，提示 再按一次退出应用 if (!first) { first = new Date().getTime(); //记录第一次按下回退键的时间 mui.toast( "再按一次退出应用" ); //给出提示 history.go(-1); //回退到上一页面 setTimeout( function () { /

本文章参考： CString CString 对象可以被认为是 字符数组 . 将 CString 看作实际的 字符串 ，而不是指向字符串的 指针 . CString 位于头文件 afx.h 中。 CString 对象的 Format() 方法，完胜 sprintf() 函数或 wsprintf() 函数格式化字符串操作 前话：_T()宏与Unicode意识 CString s; 　 s.Format(_T("The total is %d"),total); CString s; 　 s.Format(_T("%d"),total);// 把一个整数转化成 CString 类型 // 在 Unicode 环境下，它的效果就相当于： s.Format(L"%d",total); // 此时，不要用 sizeof() 操作符来获得字符串的长度，因为在 Unicode 环境下就会有 2 倍的误差。我们可以用一些方法来隐藏 Unicode 的一些细节，比如当需要获得字符长度的时候，用一个叫做 DIM 的宏，定义在 dim.h 文件中： 　　 #define DIM(x) (sizeof((x)) / sizeof((x)[0])) 区分真实字符长度 || 字节长度。 1）CString类的构造函数 CString 类有很多构造函数，这里只介绍几个比较常用的： CString(const

南阳平面设计线上培训班那个好？南阳平面设计培训、南阳室内设计培训、南阳UI设计培训，南阳UI培训，南阳大旗学校开课了！只需三个半月，让你从零基础设计小白变身设计达人！免费试学，试学满意再报名！ 一、南阳大旗职业培训学校简介 南阳大旗学校是一家职业培训机构，主教学基地在南阳师范学院。主要开设有淘宝天猫培训、京东培训、拼多多培训、速卖通等境外电商培训、抖音培训等电商培训课程以及平面设计、室内设计、网页设计、插画手绘设计、电商美工、UI设计等设计培训课程。南阳大旗教育成立已经有六七年了，至今已经在南阳开设有四个学校，可以容纳学生1000多名，并已经在平顶山等其他地市开设分校。 南阳大旗学校公司电商培训教学方式有两种，线上视频教学和线下教室教学，学员可以任意选择适合自己的方式去学习。南阳大旗教育师资力量雄厚，老师都是具有十多年电商运营丰富敬仰的老师。为了打消学员的顾虑，南阳大旗教育实行“先试听、后免费”的报名方法，学员可以先在线上或线下去免费试听课程，试听满意了再报名。试听要先预约老师，陈老师:18937730123，有报班需求的可以去了解一下看看！ 开设专业课程有： 电商运营培训：淘宝天猫，阿里巴巴，京东，拼多多，各类跨境电商 设计培训：平面设计，电商美工，室内设计，PS,AI,CDR,CAD,3DSMAX.三维家，草图大师，酷家乐 视频后期：AE,PR,C4D,AU,PR