1. Page initializationIn app development, to use the html5+ extension API, you must wait for the Plusready event to work, and the MUI encapsulates the event as a Mui.plusready () method, involving the html5+ API. The recommendations are written in the Mui.plusready method. The following is an example of printing the current page URL:Mui.plusready (function () { console.log ("current page URL:" +plus.webview.currentwebview (). GetURL ());}); Mui.ini
Objective
Lightweight, native UI, fluent experience, is the three characteristics of MUI.
1. Beginner's Guide
Fast experience 1. Download the Hello MUI AppDownload the packaged Hello MUI app, control UI and ability to experience MUI on your phone directly http://dcloud.io/hellomui/2
1. Event bindingIn addition to using the AddEventListener () method to listen for events on a particular element, you can use the. On () method to implement event binding for bulk elements.. On (event, selector, handler)Event:Type:String, the name of the event to listen to, for example: ' Tap 'Selector:Type:String, SelectorHandler:Type:Function (Event event), which is the callback function that is triggered by events, and the event details can be obtained through the callback.Example: Click on t
specifically doing this, and to become a skilled developer, I need to spend a lot of time researching open source controls. Rewriting the code and so on, of course, is also a bother with Xcode's MVC logic (MVC is very good for web development, but is it really suitable for local application development?). Younger brother as a new Xcode spit groove sentence: This is equivalent to the VC in the mfc! Used Delphi and Cbuilder these rad will like BCB interface development, start simple, what you see
Fixed bar frontThe so-called fixed bar, which is the node with the. Mui-bar attribute, is based on fixed positioned elements; Common components include: Top navigation bar (. Mui-bar-nav), bottom toolbar (. mui-bar-footer), Bottom tab (. mui-bar-tab) These elements are subject to a rule: before the.
Turn on the switchMUI (' #mySwitch '). switch (). Toggle ();Small switch Open exception case solution$ (". Mui-switch-handle"). attr ("Style", "");Occurs when the cannot read property ' toggle ' of NULL is performed because the execution of the open switch needs to wait for the page to finish loadingJust write a timer.SetTimeout (function () {MUI (' #mySwitch '). switch (). Toggle (); Small switch Open exce
Mui h5 dynamically implements data removal and re-acquisition after data operations, muih5
HTML code
Js Code
// Add an enterprise contact(Function ($ ){$ ('# OA_task_1'). on ('tap', '. mui-btn-col', function (event ){Var elem = this;Var id = this. getAttribute ('id ');Var li = elem. parentNode. parentNode;Elem. class = 'mui-btn
Windows xp mui 5CD management reminder:
CD1:German,French,Japan,Korean,Simplified ChineseTraditional ChineseDownload:Windows xp mui CD1.part1.rarWindows xp mui CD1.part2.rarWindows xp mui CD1.part3.rar
CD2:Arabic,Hebrew,Spanish,Italian,Swedish,DutchBrazilian PortugueseDownload:Windows xp
Contact MUI Framework starting from Monday, today to complete a simple app development, time just a week, MUI Framework Rich plug-in integration and convenient call work, but in the development process also encountered some pits, for the convenience of later view, make a record, also hope to help others better. The following sections are excerpted from the official website. Introduction to the
pits.MUI: This is recommended, compare the Jqmobile and MUI, obviously MUI effect style is better, there will be pits, but support domestic bar.Front-end development appBuild the development environmentNo need to build iOS and Android development environment, just download hbuilder (estimated need Java environment support).Selected UICurrently recommended MUI, g
Let 's take a look at the effect we're going to implement.
first we need to introduce the file
Custom CSS Code
/* Modify mui*/html,body {Height:100%;overflow:hidden}. mui-bar {-webkit-box-shadow:none;box-shadow:none;}. Mui-icon-back:before,. Mui-icon-left-nav:before{content: ' \e460 '; color: #000;}
MUI is a H5 cross-platform development framework, starting with learning to browse the website first
Official website: http://dcloud.io/
Recommend an article for beginners: https://segmentfault.com/a/1190000005173713?_ea=841544
No mind to read the document, you can watch some video tutorials
problem One: Ajax requests no data (real-machine debugging)
Enter the request URL in the browse to get the data, but the real Machine debug Console.log (type); p
... ',//Wait for the dialog box to display the prompt content
options:{
width:waiting-dialog-widht,//The width of the background area of the Wait box, by default automatically calculates the appropriate width based on the content
height:waiting-dialog-height,/ /wait box background area height, by default automatically calculates the appropriate height according to the content ...}}
)Style: If the top value is not "0px", it is recommended to set bottom value at the same tim
First, after clicking Input in the MUI frame, the page automatically moves up when the Android phone pops up with the input keyboard.Implementation method:(1) Just put the input tag in the Mui-content class.class= "mui-content"> ... /> Div >Note: In some cases not applicable, when the input tag is placed in the Mui
How does H5 implement mobile app (mobile Web App )? Image carousel? Ionic, MUI,
Mobile Web AppCross-platform developmentUsers do not need to go to the store to download and install the AppApps can be published at any timeOnly one development project is requiredYou can use HTML5, CSS3, JavaScript, and server-side languages (PHP, Ruby on Rails, Python)1
MUI-lightweight APP frameworkQuick experience
Quickly ge
In one sentence of the official MUI document: "Developers need only care about the business logic to load more data." Really is a good frame.Want to know more about this framework: http://dev.dcloud.net.cn/mui/So how to implement pull-up refresh, pull down load of work?First you need a container:1 Drop-down refresh container -2 DivID= "Refreshcontainer"class= "Mui
DOM structure: To select the second tab by default under certain conditionsDivID= "Segmentedcontrol"class= "Mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative addressslider"style= "border-bottom:1px solid #CCC;"> aclass= "Mui-control-item mui
MUI implements slide up and down of the slide menu and its main part.
The slide menu in the MUI document does not show how to achieve slide. By default, the MUI slide menu does not have the function of swiping up or down.
1. First, add the ID on the element of class = "mui-scroll-wrapper:
As shown in the preceding exa
beginning, and the first one is at the end.You cannot use Unshift to add at the beginning, because after you add a length value for the array, not a new onevar ss=list.unshift[object.assign ({top:1},list[list.length-1])]; The length of the list is obtained. Reference: http://blog.csdn.net/qq_33769914/article/details/55668942var ss=[object.assign ({top:1},list[list.length-1])].concat (list);Ss.push (Object.assign ({top:2},list[0])); became the former SS.This.ss=ss;Ss.length>1this. $nextTick (()
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.