javascript - Presentational js vs. functional js: Separate them? General architecture? -


This is a common type of question

Many times, I have to type javascript for the web page. Keeping in mind the best practices, Vineet JS etc. I have my javascript in different * .js files. I found my JS file for each page. What was bothering me lately, this is a mix of current code with functional code that I always end up with. Therefore, for example, I will provide an .click handler to an element. On that click the element should change its appearance and make an AJMX call on the server. So, now, I want to put both of these inside the .click handler. It can be heavy depending on what is required to fulfill it when I come back after touching these blocks for a week, I think that when I only need to see some things, then I think it takes too much time through all the codes.

> Anyway, any ideas on architecture / design for presentational js versus functional JS ? Put them in a file, but break into different functions? Break them into 2 separate files? leave them alone?

Thank you!

I have to put them together, which is related to the events that they were removed, but never -Only put a function to call things to a particular group's things. Example: 

  function domyUIstuff (myevent, myselector) {// stuff here}; Function domyBehaviorStuff (myevent, myselector) {// dostfiler}; $ (Selector) Click (function (e) {domyUIstuff (e, $ (this)); domyBehaviorStuff (e, $ (this));}

Side note: I do different users Different stuff from controls (I do a lot of ASP.N. content) - I create a myusercontrol.js file for myusercontrol.ascx as well as my mypage.asp file for mypage.aspx Cut down "noise" when I debug - I put my "generic" functions in the page file, which I myself Controls can make calls like normal AJAX message handlers or normal "utility" functions.


-

Comments

Post a Comment

Popular posts from this blog

Eclipse CDT variable colors in editor -

I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
Read more

AJAX doesn't send POST query -

$ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
Read more

wpf - Custom Message Box Advice -

Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
Read more