Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Magazine and front-end developer

Alberto last edited by
What is required of a front-end developer in the development of a store. Interesting questions:
1. When 200 items are allowed, the front-end developer should, as far as I'm concerned, make one example of the page, and then everything makes backend the developer?
2. A basket.
3. Retractions or comments.
Reply Quote 0
1 Reply Last reply
J
jules last edited by
200 items flow in small json, type
```
{ 
  [
    {id:1, "n":"пылесос", "price":200}, 
    {id:2, "n":"яхта", "price":99999}
  ]
}
```
Your job is to process all this and deliver the right js for pictures of spice, effects, etc.
On the other hand, the Bakend can send you a full html answer, so you're much better off living.
Anything that does not have to be persistant in the database or can be treated safely on the user ' s side may come from the frontender.
(1) Think in categories of client/server
(2) Everything depends on the project architecture
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

Rate between programme developer and compiler developer
Software Programming • c++ • • Mystic

2

0
Votes

2
Posts

0
Views

P

I don't think there's a clear line. Many things can be improved to infinity. For example, the same copies can be heated through move-semantics, calculations can be made for the compilation phase with the help of "chablom " , the cost of concanning may be circumvented by reserving the memory in advance. This is partly a problem of language and " leather " abstractions, partly a lack of smart optimization.Each line is set for itself on the basis of its aesthetic preferences and practical tasks. For example, if the code is a business logic, low-level optimization does not appear on the ground, and it also unnecessarily complicates and slows development.As the language is large, the programmers usually know only part of the general picture they find in developing. Those who do low-level code and bat press often misunderstood the semantics of exemptions or multi-points. Those who deal with lock-free structures and know the memory model before thinness can swim in the packing of structures or mobs. Those who can calculate md5 at the compilation stage may well not know about the internal format and overhead costs of multiple inheritance or swim in detail the name resolution.The C+++ language tends to focus on " small " efficiency, so I think that more attention should be given to this optimization by developing it.
E

Problem with an Array in php
Software Programming • php html • • emerson

2

0
Votes

2
Posts

0
Views

D

$arrayCart[] = $_SESSION['cart']; This is your problem. Basicamenete has 3-level array. But you're calling 2-level array with $arrayCart[$i]Just change $arrayCart = $_SESSION['cart']
Traces during Android development
Software Programming • android android studio • • emmalee

2

0
Votes

2
Posts

0
Views

One of the most useful techniques in debugging and/or tracking applications on any platform is the creation of implementation logs. Android of course does not stay behind and also provides us with its own logging service and API through the android.util.Log class.On Android, all log messages will be associated with the following information:Date/time of message. Criticity. Gravity level of the message (details below). PID. Internal code of the process that has introduced the message. Tag. Identification label of the message (details below). Message. The full text of the message. Similar to the way it occurs with other logging frameworks, on Android log messages are to be classified by their criticism, thus there are several categories (orders greater to less criticality):Error Warning Info Debug Verbose For each of these types of message there is an independent static method that allows you to add it to the log of the application. Thus, for each of the above categories we have available the methods e(), w(), i(), d() and v() respectively.public class LogsAndroid extends Activity {private static final String LOGTAG = "LogsAndroid"; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); Log.e(LOGTAG, "Mensaje de error"); Log.w(LOGTAG, "Mensaje de warning"); Log.i(LOGTAG, "Mensaje de información"); Log.d(LOGTAG, "Mensaje de depuración"); Log.v(LOGTAG, "Mensaje de verbose"); } !The information I got from the following link : http://www.sgoliver.net/blog/depuracion-en-android-logging/ I hope it serves you. Greetings.
E

Limit the number of characters of an input, according to its width
Software Programming • javascript html5 • • elysha

2

0
Votes

2
Posts

0
Views

Use the Canvas method.MeasureText HTML5. https://www.w3schools.com/tags/canvas_measuretext.asp With this you measure the width of a text on screen. Add oninput="review()" and check that does not exceed the maximum width.The example I measured in the eye, you'd have to place the fair measure of 150px.var c = document.getElementById("myCanvas"); var d = document.getElementById("myInput"); var ctx = c.getContext("2d"); ctx.font = "30px Arial"; function revisar(){ var txt = d.value; if(ctx.measureText(txt).width>363.5) d.value = txt.substring(0, txt.length - 1); }</code></pre><pre class="snippet-code-html lang-html prettyprint-override"><code><!DOCTYPE html> <html> <body> <input id="myInput" width="300" height="150" oninput="revisar()"> <canvas id="myCanvas" width="0" height="0" style="display:none;"></canvas> </body> </html>Greetings.
K

Javascript singlethread - Duvidas
Software Programming • javascript webkit • • Kadir

2

0
Votes

2
Posts

0
Views

Your doubt involves a little understanding of the functioning of JavaScript.You are correct when you say that language is single threaded (at least in the implementation of browsers).The Asynchronous calls that you mention, I ask you to follow me in a brief explanation of what happens under the cloths in a JavaScript code execution. Once you understand this part, your question will be easily answered.Come on.What happens is that language, in the browser, runs within an execution context (runtime each page/aba/iframe has its own isolated environment. And this implementation context involves three aspects: battery (stack), Message queue (queue) and memory (heap). In a very simplistic way, we can say that the pile is exactly what is being processed, while the queue of messages is what is waiting to be processed.The most common example of a message that goes to the message queue is the occurrence of a event event that was being monitored. For example, when we run a botao.addEventListener('click', function() { });, the browser understands this instruction as: "every time someone clicks on this button, I will put this function that you passed me in the queue of messages. "Another common use for the message queue is the return of a call XHR . Or still, the function passed as argument of setTimeout, or setInterval (although the informed time is zero, as we will see further).Where I want to get is that one of the principles of this flow is that the next message is not placed in the execution stack while the stack is not empty. That is, in other words, all functions running (a function that called the other one that called the other, for example) must end for the next message to be placed in this pile. The message only leaves the queue of messages when the stack is completely empty.Thus, even if the callback could theoretically be executed immediately, the function has to end for it to be processed. Consider the code below:console.log("início"); setTimeout(function() { console.log("dentro do setTimeout()") }, 0); console.log("fim"); Result://início //fim //dentro do setTimeout() Even setTimeout be with time zero, he NEVER will run before the function ends, why he went to the queue. Once the stack is over, the next message will be called (note that if the queue is full of messages, it may be that it will be over well more than zero to start execution. Therefore specification setTimeout speaks that the time informed in the parameter is the minimum, and not the time guaranteed: because the queue may be with messages in front.).All this conceptualization I believe it serves to answer your doubt. Yeah, no matter where the code comes from (be of one setTimeout, or a callback of an XHR call etc), when it goes to the stack to run, and this function never close (an infinite loop, for example), the runtime locks. That function will never end, the stack will not be cleaned, and the next message will never be invoked.For example, please note this code:setTimeout(function() { while (true) {}; }, 3000); console.log("olá!"); What happens when this code runs:In the invocation of the function setTimeout, the browser was instructed to, as soon as it passes 3 seconds, put that anonymous function at the end of the message queue.Soon after, he prints a "hello!".The function has been terminated and the battery is cleaned.O event loop is checking for new messages. Nothing yet.As soon as 3 seconds passed, the browser placed that anonymous function in the queue of messages.The event loop saw that it had a new message and removed it from the queue and placed it in the stack to be executed.O while (true) {}; caused an infinite loop and brake the function. It will never return, the browser lock and no other event is run.That being said, going deeper into your doubt, if there is any problem in the implementation of the browser for your internal functions (e.g., the code makes an XHR request and the browser gets lost and never puts the callback in the queue - either error or success -, or tries to load an image and occurs an untreated error in this loading), all this is considered BUG of the browser and nothing has to do with JavaScript run stream, because the native code is usually C++ (Google v8 at least). Results for the user vary according to the nature and size of the error: the script flow can be stopped if there is a crash, the browser can return an unawaited result, a callback never be invoked etc.
O

How to show the data on the front end using razor pages?
Software Programming • c sharp reason. net c languageore • • obi

2

0
Votes

2
Posts

0
Views

R

To display following your last question ( https://pt.stackoverflow.com/questions/488611/como-consumir-os-dados-de-uma-api-para-mostrar-no-front-end-utilizando-p%c3%a1ginas-r ) to which you want to print on your screen only cities follow the example below, create a public property so that in the business model you have access to that property, for examplepublic Country[] Countries { get; private set; } and at the time of your return use the simple assignment:Countries = result.Countries; Full code:using Microsoft.AspNetCore.Mvc.RazorPages; using Refit; using System.Threading.Tasks; using WebApplication1.Models; namespace WebApplication1.Pages { public class MostrarModel : PageModel { public Country[] Countries { get; private set; } public async Task OnGetAsync() { var create = RestService.For<IGetRootobject>("https://api.covid19api.com/summary"); var result = await create.GetAsync(); Countries = result.Countries; } } } and your View make a foreach in Model.Countries that is public property, example:@page @model WebApplication1.Pages.MostrarModel @foreach (var item in Model.Countries) { <div>@item.Name</div> } The example is easy to reflect on your code is just put the property and do iteration in your View.
K

How to version front-end projects?
Software Programming • front end version • • Kadir

2

0
Votes

2
Posts

0
Views

E

Semantic versioning brings the following approaches: [...] but a frontend artifact does not have APIs, making them not break compatibility for whom they use them.Exactly. Semantic versioning is used to normalize behavior dependence. A final consumer is not a dependency, so the model does not apply - however several companies carry out married implementations, keeping UI versioning in lockstep with the API version consumed.How would it be better to increase the numbers of the versions of a frontend?If they occur at the same time, use the same API version tag. If not, it is at your discretion to create (or reuse) a definition of versioning criteria.If my frontend consumes a new third-party API, would it be a MAJOR type change?It is at the discretion of the project, since SV does not apply. Version 2 of an app can very well be using the same endpoints API version 1.
K

My while ends before what really should
Software Programming • python while for • • kalyn

2

0
Votes

2
Posts

0
Views

C

You are using the same dataset opened in while, being that it has already been consumed until the EOF no for, arriving at the end of the file, if you der dataset.close() and der open in the dataset again before the while, your loop will not enter the break.
R

How to develop a package file
Software Programming • cmd • • rielyn

2

0
Votes

2
Posts

0
Views

N

Take it and make it.First, we need to figure out what's behind the baggage file. Usually, it's a scruple with the expansion of BAT or CMD, which performs a CMD command processor. EXE.Second, we need to develop an algorithm. Clearly, we need to get a file list first. And then go through it and get information on each.Third, you should try to use the following designs:DIR *.EXE REM получить список файлов с расширением EXE и вывести основные параметры файлов FOR %A IN (*.EXE) DO ECHO %A REM выводит имя каждого файла с расширением EXE в текущем каталоге. REM вместо ECHO можно подставить свою команду, которая будет применена к каждому файлу
A

End of file
Software Programming • c++ files • • Amritpal

2

0
Votes

2
Posts

0
Views

/users/30979/cookie Unfortunately, in the code fragment on your question, you dropped your own reading from the file.Probably after reading the line. getline(fin, str)) You're not checking if you really read strand remove its contents, and because the end of the file is actually detected in a reading operation, not a reading method. fin.eof(), which only checks the previously established sign of the end of the file.The correct reading of the N, for example: while (i < num && getline(fin, str)) { i++; cout << str << endl; ... }
Require the reserve into a separate request for the front-end
Software Programming • javascript html jquery dom jquery ui • • Analeea

2

0
Votes

2
Posts

0
Views

K

Welcome to 2018! https://wesbos.com/template-strings-html/ function renderReserve(data) { function renderReserveRow(rowData) { return ` <div class="reserve-info"> <div class="icon"><img src=""></div> <div class="title">${rowData.name}</div> <div class="sum">${rowData.reserve}</div> </div>`; } function renderReserveColumn(columnData) { return <div class="col-sm-4"> ${columnData.map(r =>renderReserveRow(r)).join('')} </div>; } return data.data .filter(c => c[0]) // убираем пустые массивы .map(c => renderReserveColumn(c)) // генерим разметки каждых столбцов .join(''); } document.querySelector('#reserves2 > .reserve-wrap').innerHTML = renderReserve({"data":[[{"currency":980,"id":6,"name":"Card UAH","reserve":"100397.42"},{"currency":2000,"id":4,"name":"Bitcoin","reserve":"1.09965718"},{"currency":980,"id":9,"name":"WM test","reserve":"1000"},{"currency":980,"id":12,"name":"Test 4","reserve":"1000"},{"currency":980,"id":15,"name":"Test 7","reserve":"1000"},{"currency":2005,"id":19,"name":"Litecoin","reserve":"0.0476"},{"currency":840,"id":22,"name":"Card USD","reserve":"500"}],[{"currency":840,"id":2,"name":"Payeer","reserve":"4226.53"},{"currency":643,"id":5,"name":"Capitalist RUB","reserve":"21.45"},{"currency":980,"id":10,"name":"Test 2","reserve":"1000"},{"currency":980,"id":13,"name":"Test 5","reserve":"1000"},{"currency":840,"id":16,"name":"WEX USD","reserve":"1657.29"},{"currency":2001,"id":20,"name":"BitcoinCash","reserve":"0.00501"},{"currency":2002,"id":23,"name":"Ethereum","reserve":"0.042"}],[{"currency":643,"id":3,"name":"YandexMoney Personal","reserve":"1250070.59"},{"currency":980,"id":7,"name":"LiqPay UAH","reserve":"2.4"},{"currency":980,"id":11,"name":"Test 3","reserve":"1000"},{"currency":980,"id":14,"name":"Test 6","reserve":"1000"},{"currency":643,"id":18,"name":"QIWI RUB","reserve":"1003.5"},{"currency":2006,"id":21,"name":"Dash","reserve":"0.0195"}]],"error":null,"message":"Ok","result":true});<div id="reserves2"> <div class="reserve-wrap"></div> </div>For a more advanced rendering, I advise you to look at the Framworths. (e.g.) https://github.com/BorisMoore/jquery-tmpl )
Z

End machine
Software Programming • javascript code inspection • • zymir

2

0
Votes

2
Posts

0
Views

D

Just another way:class Au { constructor(States, Symbols, Table, currentState = States[Object.keys(States)[0]]) { this.States = States; this.Symbols = Symbols; this.Table = Table; this.currentState = currentState; ch(States, Symbols); info(States, Symbols, Table); } emit(_Symbol, ..._args) { let qqw = this.Table[this.currentState + _Symbol]; let state = null; if (qqw) { if (qqw[0]) this.currentState = qqw[0]; if (qqw[1]) qqw[1].apply(null, _args); } } } const turnstile = (function() { const States = { locked: 1 << 0, unlocked: 1 << 1, }; const Symbols = { coin: 1 << 2, push: 1 << 3, }; const Table = { [States.locked + Symbols.coin]: [States.unlocked, () => console.log('Турникет разблокирован, и посетитель может пройти.')], [States.locked + Symbols.push]: [States.locked, () => console.log('Посетитель толкает турникет, но тот заблокирован.')], [States.unlocked + Symbols.coin]: [States.unlocked, () => console.log('Посетитель опускает еще одну монету в турникет, состояние не меняется.')], [States.unlocked + Symbols.push]: [States.locked, () => console.log('Как только посетитель проходит, турникет блокируется.')], }; return new Au(States, Symbols, Table); })(); turnstile.emit(turnstile.Symbols.push); turnstile.emit(turnstile.Symbols.coin); turnstile.emit(turnstile.Symbols.coin); turnstile.emit(turnstile.Symbols.push); turnstile.emit(turnstile.Symbols.push); // -- function ch(States, Symbols) { let a = Object.keys(States); let b = Object.keys(Symbols); let ch = new Set([...a, ...b]); if (ch.size !== (a.length + b.length)) { throw new Error('номера ключей States и Symbols совпадают'); } } function info(States, Symbols, Table) { let l = { 'количество возможных комбинаций': Object.keys(States).length * Object.keys(Symbols).length, 'текущее количество комбинаций': Object.keys(Table).length, }; Object.keys(l).forEach(_k => console.log(_k, l[_k])); }I guess. this No.obj.action.apply(this, args);I think the repetitive code, in avoiding errors, should be in function or class. { from: 'locked', event: 'coin', to: 'unlocked', action: () => { console.log('Турникет разблокирован, и посетитель может пройти.'); } }
Z

Why it departs: Cannot read property 'push' of undefined Angular
Software Programming • javascript angular firebase ionic • • zymir

2

0
Votes

2
Posts

0
Views

This is because this.expedienteListRef It's not an arrangement.Try this way this.expedienteListRef.set(_id, { dato1: apt.dato1, // ... });
No plastic for multiple loading plupload
Software Programming • javascript php plugin • • inna

2

0
Votes

2
Posts

0
Views

A

I don't know if it's my answer or not, since you've figured it out yourself, but, yeah, it's the first time you get a temporary loaded folder, and then it's got another folder. uploadsso that you don't have to make a little bit of squeaky,// Settings $targetDir = ini_get("upload_tmp_dir") . DIRECTORY_SEPARATOR . "plupload"; change// Settings $targetDir = $_SERVER['DOCUMENT_ROOT']."/pluploads"; Then the directory will be at the core of the site. pluploadsif she wasn't there, and your papers will be downloaded.And in general, it's not a bad flame, it's gonna have to be marked.
R

How to perform a text search and the Select tag together?
Software Programming • javascript php jquery html selec languaget • • rielyn

2

0
Votes

2
Posts

0
Views

I would do something like that...$("body").on("click","#faq_bt_pesquisar",function(){ $("#h2_transicao").html("<?=$i->getMensagemIdioma("Pesquisando...")?>"); $("#loading").css("display","block"); $("#faq_area_conteudo").hide(); /*div com o conteudo anterior a ser escondido*/ var dados = { textoPesquisa : $('pesquisa_faq').val(), optionsPesquisa : $('faq_options').val()}; $.post( "<?=$url?>insoft/faq/ajaxcarregaconteudo", dados) .done(function( data ) { alert( "Dados recebidos: " + data ); }); }); I created a 'dados' JSON object that will take the field data.You could also encapsulate the fields in a form with id="formResearch" and instead of setating the 'data' in the hand could do so...var dados = $('#formPesquisa').serialize(); *(detail that in this case the fields would have to have the "name" sealed)

Magazine and front-end developer

Suggested Topics

Rate between programme developer and compiler developer Software Programming • c++ • • Mystic

Problem with an Array in php Software Programming • php html • • emerson

Traces during Android development Software Programming • android android studio • • emmalee

Limit the number of characters of an input, according to its width Software Programming • javascript html5 • • elysha

Javascript singlethread - Duvidas Software Programming • javascript webkit • • Kadir

How to show the data on the front end using razor pages? Software Programming • c sharp reason. net c languageore • • obi

How to version front-end projects? Software Programming • front end version • • Kadir

My while ends before what really should Software Programming • python while for • • kalyn

How to develop a package file Software Programming • cmd • • rielyn

End of file Software Programming • c++ files • • Amritpal

Require the reserve into a separate request for the front-end Software Programming • javascript html jquery dom jquery ui • • Analeea

End machine Software Programming • javascript code inspection • • zymir

Why it departs: Cannot read property 'push' of undefined Angular Software Programming • javascript angular firebase ionic • • zymir

No plastic for multiple loading plupload Software Programming • javascript php plugin • • inna

How to perform a text search and the Select tag together? Software Programming • javascript php jquery html selec languaget • • rielyn

Rate between programme developer and compiler developer
Software Programming • c++ • • Mystic

Problem with an Array in php
Software Programming • php html • • emerson

Traces during Android development
Software Programming • android android studio • • emmalee

Limit the number of characters of an input, according to its width
Software Programming • javascript html5 • • elysha

Javascript singlethread - Duvidas
Software Programming • javascript webkit • • Kadir

How to show the data on the front end using razor pages?
Software Programming • c sharp reason. net c languageore • • obi

How to version front-end projects?
Software Programming • front end version • • Kadir

My while ends before what really should
Software Programming • python while for • • kalyn

How to develop a package file
Software Programming • cmd • • rielyn

End of file
Software Programming • c++ files • • Amritpal

Require the reserve into a separate request for the front-end
Software Programming • javascript html jquery dom jquery ui • • Analeea

End machine
Software Programming • javascript code inspection • • zymir

Why it departs: Cannot read property 'push' of undefined Angular
Software Programming • javascript angular firebase ionic • • zymir

No plastic for multiple loading plupload
Software Programming • javascript php plugin • • inna

How to perform a text search and the Select tag together?
Software Programming • javascript php jquery html selec languaget • • rielyn