pandyle 1.2.0 release, simple front end mvvm library

pandyle is a jquery based on the MVVM library. It provides the basic template and assembly capabilities for jquery. pandyle uphold jquery -  the Write less, do More  design philosophy, the main concern is that that is simple , easy to use, efforts to reduce the amount of code you write, and write a more fitting way of traditional jquery.

Feature

  • Simple: Very simple and approachable, without having to learn front-end knowledge webpack, es6 etc., basically read through the document to be developed

  • Compatibility good: pandyle compatibility depends jquery versions, so you can use the 1.X version of jquery compatible browser to ie8

  • Separate input and view model: pandyle inputs using class independent processing user input, automatically generating a data model according to the name attribute of the form element is defined without prior

  • Synchronous operation: All operations pandyle are synchronized, clear logic of the code while maintaining good compatibility with other jQuery plugins

  • Resource components: pandyle the assembly as a resource, which means you can load the same picture as any load any of the components you want, just write components in p-com path to the instruction, without prior introducing a specific component or compiled code. Further, in pandyle, you can easily use the p-bind dynamically binding components, so that the page can be entirely dynamically generated, the data in the following example:

    
    
    
    
                  value:. 1, 
                  name: 'option. 1' 
              }, 
              { 
                  value: 2, 
                  name: 'Option 2' 
              } 
          ] 
          . var VM = $ ( '. main') VM ({ 
              Components: [ 
                  { 
                      type: 'Test' 
                  }, 
                  { 
                      type: 'MyCom.book', 
                      Data: Book1 
                  }, 
                  { 
                      type: 'list', 
                      Data: { 
                          title: 'list. 1',  
                          name: 'CheckList',
                          list:list
                      }
                  }
              ]
          })
      </script>

Applicable scene

  • Reconstruction of old projects: This is probably the most pandyle can play a role in the scene. We use many of the old project code, and a lot of jquery jquery plugins, using other frameworks to reconstruct words can cause a lot of changes, using pandyle can to minimize the cost to complete the transformation of the old project mvvm
  • High compatibility requirements project: some projects in specific areas may still require compatible ie8 ie8 even below the browser, not suitable for the three framework, in which case you can try to use as an alternative pandyle
  • Back-end staff development: pandyle back-end developers are friendly, without having to master modern front end of a series of tools and grammar, back-end developers can easily get started
  • Small projects: for small projects, pandyle development may be more efficient, are interested can try

File

View a document in the wiki

update content:

  • A lot of code refactoring

  • Repair expression calculation processing of the null and other special characters

  • Repair process for the! Operator

  • When given repair bugs vm.get get the object; onLoad added to the current method of assembly of the components of the root element reference

  • When used alone checkbox field type corresponding inputs modify Boolean

  • Add components of private data

  • context repair p-context command node descendants of the same bug

Guess you like

Origin www.oschina.net/news/107627/pandyle-1-2-0-released