I. How to prohibit Avalon's own AMD model1, the use of avalon.shim.js this file, this file deleted the original AMD model, do not need to manually delete, modify. 2. Open Avalon.js This file, search for Avalon.config, and change true to false.Second, download text.js and CSS.JS1, because Avalonui relies on HTML files and CSS files. 2. and Text.js and Css.js are preloaded in the configuration
priority:[‘text‘,‘css‘]
Three, complete configuration items
require.config({
1, a system based on the Avalon interface will contain a number of functional modules, which are Avalon memory mapping peripherals, often referred to as Avalon peripherals. The so-called memory-mapped peripherals refer to peripherals and memory using the same bus to address, and the CPU uses the instructions to access the memory to access the I/O devices. In orde
(function () { Vm.arr = [1,2,3,4,5]; },1000); settimeout (function () { vm.arr[0]=0; }, 2000); vm. $watch (function () { console. "array changed ') }) ARR has successfully modified the element labeled 0, but the console outputs only once: the array has changed, indicating that Avalon's $watch can only listen for changes in the array length, and cannot listen for changes to the individual elements of the array.Later through further study found there is still a way to
Five, build an engineering environmentIn this case, the basic theory is almost there, it's time to do a practical exampleIn a different tutorial, create a new project based on theAvalon Learning Tutorial Series ,"1, introducing Avalon." I'm using the vs2013community version .First open->web site, point to an empty directoryNew two folder, one modules, one reference. Modules A module of the site,reference inside the third-party libraries we need to use
First, IntroductionFirst Avalon is my first contact with the MVVM framework, ANGULARJS can also achieve the basic same function, but the products of foreigners are more advanced, they have already given up in IE, as the big celestial us, or must RTHK RTHK industry to serve the IE6, That's why I chose Avalon and didn't angularjs. Official documents are old wording, which makes me can not help but deep spit g
Myeclips after importing the MAVEN project, the following error message appears:Artifactdescriptorexception:failed to read artifact descriptor for avalon-framework:avalon-framework-api:jar:4.1.5- Dev:ArtifactResolutionException:Failure to transfer Avalon-framework:avalon-framework-api:pom:4.1.5-dev from HTTPS ://xerces.apache.org/xerces2-j/was cached in the local repository, resolution would not being reatt
as many browsers as possible. In fact, write an article is to pave the way for this article, so this is also compatible to IE7.
Final effect
Chrome
Ie8
Ie7
First, drag.
Here with the agent, that is, in the original layout of a Div, the actual drag object is this div. concrete,
For each cell bound MouseDown, trigger Start_drag, the cell in the IMG into the proxy
Start_drag:function (E,i,el) {var img=$ (' wrap_img ' +i). Firstchild,target_img_width=img.clientwid
Recently, using Avalon to do the project, the feeling is that it really will be lower than the cost of learning angualr, I do not need to spend a lot of time to understand its function, no instructions, no service, spend a night to see the API will almost start to use. Avalon View it provides more functionality, a lot of detail processing, such as data type conversion, it helps us deal with it, such as Ms-d
prefix = o ns = "Urn:schemas-microsoft-com:office:office"/-->
Overview
Introduced
Phoenix is a micro-kernel design and implementation on the Avalon Framework. It provides tools to manage the server applica
About AVALONJS
Avalon is a simple and easy-to-use MVVM framework that was first published in 2012.09.15 and developed to address the various views rendered by the same business logic. In fact, this problem can also simply use the General front-end template plus jquery event delegate, but as the business expands, the code is full of various selector and event callback, difficult to maintain. Therefore, the complete separation of business and logic, yo
Data fill meaning: print data to the page, by binding properties, the page into a dynamic template 1, interpolation expression {{Prop}},{{prop | html}} delimiter and automatic configurationMeaning: {{prop}} is modified for the nodevalue of a text node and therefore does not affect the sibling node, {{prop}} simply means that the place can be replaced, in Avalon, it is only valid in the text node, it cannot replace the name in the attribute node, The n
Avalon is able to process 1W bindings on the page (the angular corresponds to 2000), for two important designs-the event-driven two-way binding chain and the intelligent CG recovery mechanism.Avalon's two-way binding chain is the object.defineproperties and VBScript that will manipulate VM properties into an accessor property. The accessor property is a special property that requires that we specify a setter, getter method for it (which is, of course,
vardrag_holder=null,index=-1,ori_src=null,drag_flag=false;//Drag the agent, the original picture, the original picture of the srcvarpost_img= avalon.define (' post_img ', function (VM) {vm.post_img_list=[];//Save all images srcvm.onmousedown= function (E,i,el) {$ (' drag_proxy '). style.display= ' block '; vartarget=e.target.parentnode;varxx= e.clientx;varyy=e.clienty;$ (' Drag_proxy '). style.top=yy+ ' px '; $ (' Drag_proxy '). style.left=xx+ ' px ', if (targettarget.nodename== ' LI ') {ori_src
Just beginning to learn Avalon, the project needs to try to write a pagination control pager.js; Based on the bootstrap style, we're all familiar.We recommend the home-made front-end artifact Avalon, which is really handy and helps me solve a lot of front-end problems.Not much to say, the code affixed:1 /**2 * $id required by options.id Avalon3 * Total number of records Options.total4 * Number of options.ro
Functiongetindex (Index) {if (indexEffect:Http://pan.baidu.com/s/1dDisF9BThe picture is big 5m, must wait a little moreThanks for the picture support of Thunderbolt uedMasaki Https://github.com/RubyLouvre/avalon 's Avalon MVVC is really powerful .This article from "CONDOM11" blog, declined reprint!Avalon JS do a responsive waterfall stream
Avalon is a front-end MVVM framework that completely divides all the front-end code into two parts, and the processing of the view is implemented by binding (angular has a cooler noun call), and business logic is concentrated in an object called a VM. As long as we manipulate the VM's data, it magically synchronizes to the view naturally.
$model (all non-$ attributes), $event (Event object)
1, Scope delineation
Ms-controller: Scan the DOM tree from
In the previous article has compiled a number of cyclone-v and avalon-mm information, in this article to a slave device simple implementation of the--7 segment of the digital tube implementation. First a general sequence diagram of the avalon-mm:
first, the hardware design IP Logic implementation: as the slave of the Avalon Bus, both the control
Reprint Please specify: theviper http://www.cnblogs.com/TheViperThe Duplex duplex binding is the most interesting of the Avalon bindings because it helps developers do a lot of things internally, reducing the amount of code written by developers and making the code more elegant. Here is a general checkbox for a full selection.Requirements: (old-fashioned, or say)1. After check box is selected, the following sub-boxes are all checked, and uncheck box i
This chapter mainly introduces the Avalon.config method, which is used to develop some more intimate functions.In general, when we use ms-controller binding, we need to add a Ms-controller class name to prevent the curly braces from being exposed when the network speed is slow.The Double curly braces are also default for Python's well-known templates, and in order to prevent conflicts, we have the need to change the qualifiers. Then we can do this Let's look at a useful configuration item, Debu
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.