Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
Update
Thank you Chris and Taplar for providing the following links -
www.getbootstrap.com/docs/4.5/getting-started/introduction
load and execute order of scripts
I did not look at the documentation in the first place because I did not have enough grasp of the issue, to even know what part of the documentation to search in.
Original Question
I had many issues when adding my date widget to my customer user profile model, you can see more of my code relating to the issue here. One issue was related to the order of my Java Scripts.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.1.2/js/tempusdominus-bootstrap-4.min.js" integrity="sha256-z0oKYg6xiLq3yJGsp/LsY9XykbweQlHl42jHv2XTBz4=" crossorigin="anonymous"></script>
If I put my scripts the other way round, the date widget would not work.
It never dawned on me that the order the scripts were in would have an impact on whether the code worked or not.
Would an experienced Python programmer be able to tell, just by looking at the two scripts, what order they need to be in?
To prevent future problems, is there anything I can check, to work out what orders script need to be written in?
The libraries must be included in that order, as the bootstrap file is a plugin for the base library of jQuery. Without the base library already included, the addon has nothing that it can add-on to.
Related
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 1 year ago.
Improve this question
Lighthouse suggests that I need to remove the unused javascript from the third party javascript library say index.js . It is okay for this particular library to load after few 10 seconds once the page is loaded. So I used the SetTimeout method to do that but I don't think that is the right approach to do it.
Once I do that, lighthouse does not complain about unused javascript from this library and improves the score, but I am worried that in production Google measure the overall performance of the page from the moment page loads to the moment user leaves the page. So in that sense, the unused javascript is never removed and just delayed for the execution. People also suggested that lazy loading JS on user events will help but in our the case mentioned above, the JS should load automatically.
I am basically looking for the suggestion to:
How to handle the JS libraries that I can't get rid of and which has lot of unused code in the page?
Is setTimeout good solution for the above case?
Is my understanding of performance calculation by Google correct (in production environment) although it does not show unused JS after delaying for 10seconds?
I would be more than happy to get the answers.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 1 year ago.
Improve this question
I have developed a userscript for blind users that reads screen on a card-game website playing audio files and also lets user play cards using keyboard instead of mouse.
The script is now working fine on my computer but I plan on keep updating it with new features.
Initially this was designed for just 1 person, but word spread and more people from other countries are gonna use it.
My question is this: what is the recomended way to export the script into their computers? Is there any kind of "userscript store" for tampermonkey scripts where I can place the script for anyone to download and use?
I have seen tutorials explaining how to download scripts other made, but none about sharing the ones you make with others.
How are new versions managed?
I was thinking about copying the main code into my personal website and reference it as a required script so anytime I update it they get a new version, but wonder if this is the way to go.
You can host tampermonkey scripts on Greasyfork. You can either upload code directly or link to a file in a GitHub repository, which can be set to auto-update.
There are many other ways/places to host tampermonky scripts, this is just what I've used recently. You can read about the other ways, here.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 4 years ago.
Improve this question
I am new the css front-end programming, I am applying the css into my web pages, and using bootstrap, but I found that a sentences described as the title, I don't understand the meaning of "masthead pdng-stn1" and the meaning of "phone-box". I can't find the definition of them in the bootstrap.css and all of the css files in my folders, but they can't be deleted otherwise the web pages can't display properly, please give help, thanks a lot!
Welcome to StackOverflow! I would recommend browsing the How to Ask a Good Question documentation. That said, generally "classes" are just a way to group/categorize elements on a page and apply like-styles to them. pdng-stn1 is clearly a poorly thought out name, and whatever it means would have made more semantic sense, like pudding-stain1 or whatever. They're not necessarily related to Bootstrap in any way. masthead is often synonymous with header or page-top, something like that. You really just need to dive through the source code, or read the documentation that comes with whatever frameworks your website is using.
If you'd like you can read up on the basics of CSS Class Selectors. They're essentially entirely arbitrary and are chosen based on the current developer's needs and desires for structure, or for integration/semantic similarity with the current framework.
Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 7 years ago.
Improve this question
There are many ways to use JavaScript. When I use JavaScript with an anchor, I write code like this and I think this way is right.
Method One
But my co-worker uses JS like this.
Method Two
Is there a coding standard or are both methods correct?
DISCLAIMER: Inline JavaScript is, generally speaking, a bad idea, and 99% of the time you're much better off separating concerns, and using a library, such as jQuery, or whatever similar toolset that your framework of choice recommends.
Nonetheless, to answer your question, if you must use inline JavaScript, I recommend that you omit the "JavaScript:" keyword. It specifies a "pseudo-protocol," and is not necessary for modern browsers to interpret the code. It is a relic from the last decade, and there is a bug with some versions of IE:
"There is one (somewhat obscure) bug with the javascript protocol - in
Internet Explorer*, it will think you are leaving the page when you
click the link. If you are using window.onbeforeunload, then your
navigate-away message will appear at this time. For this reason alone,
we've stopped using the javascript protocol completely so we don't
have this bug show up because we forgot to check for it when we add a
navigate-away message to some page."
When do I need to specify the JavaScript protocol?
https://bytes.com/topic/javascript/answers/504856-javascript-pseudo-protocol-event-handlers
Both the ways are ok but in first way you should use a external JS file. Otherwise it is ok.
For small tasks and events second ways is good.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions must demonstrate a minimal understanding of the problem being solved. Tell us what you've tried to do, why it didn't work, and how it should work. See also: Stack Overflow question checklist
Closed 9 years ago.
Improve this question
I need to 'edit' a file that's already saved on my server, example:
<link rel="stylesheet" href="css/plugin.scss">
But not only that, I want to edit a certain specific line, in SASS you can define variables in css, basically, I'd like to search inside this file with JAVASCRIPT for the string:
'$increment:
And if it's found, find out what line it is on and replace that whole line with:
'$increment:10;
Basically I want to generate a downloadable file for the user that's custom depending on what settings they choose via a html input field.
If there's a simpler/better explanation I'm all ears :)
The javascript you seem to be referring to (jQuery) is a client-side language so you're not going to be able to do anything on your server with it. A js solution that could do this may be written in nodejs but you may be better served using something like Python, Rails, or even PHP.