Learn 03 JS (get element, event basis, operation element, node get element, focus)
Get elements
document.getElementById('parameter ');
Get id element
console.dir(time);
Print element objects
document.getElementsByTagName('tagname ');
Get elements with tags
var nav = document.getElementById('id name '); var nav1 = nav.getElementsByTagName('tagname ');
You can get some labels i ...
Posted by richclever on Thu, 27 Feb 2020 18:53:51 -0800
JavaScript uses the alert() function in jQuery $("ා). Blur() to cause infinite cycles to lose focus and execute the pop-up warning solution
Problem analysis of this record: 1. Time difference problem: When I click alert, I clear and focus the input box, but the moment I click alert, the focus is not on the input box, and the defocus event is triggered, resulting in the alert pop-up. 2. Sequence question: With the mentality of first letting it pop up in the execution of clearing and ...
Posted by BDabrowski on Wed, 26 Feb 2020 20:46:34 -0800
How to solve the basic configuration and common pit in React project?
Basic configuration of React project and solution of common pit
1, Create React project
# Global scaffold installation
npm install create-react-app -g --save
# Create React project
create-react-app my-app
2, Implement the loading of Less file
1. Expose profile
# Expose the project's profile
npm run eject
Directory structure after profile e ...
Posted by lady_bug on Mon, 24 Feb 2020 21:24:53 -0800
Resolve page refresh redux data loss issue.
concept
For the current common "one-page application", the advantage is that the front-end can handle more complex data models in a more comfortable way, while transforming based on the data model for better interaction.
Behind good interaction is a model that corresponds to the state of a page component, which is arbitrarily called ...
Posted by joad on Mon, 24 Feb 2020 19:03:00 -0800
Summary: How to modify default styles for beautifying radio, checkbox, select
Now that front-end pages are becoming more and more effective, the default input component style obviously does not meet the design requirements.A few years ago, development projects happened to meet the related requirements, and in this particular collation, modify the methods of radio, CheckBox, style.
Principle: The general principle i ...
Posted by xX_SuperCrazy_Xx on Thu, 20 Feb 2020 09:22:59 -0800
Promise, Fetch introduction and learning summary, involving Express build interface
Send native Ajax request based on Promise
// Send native Ajax request based on Promise
function queryData(url) {
//resolve successful callback function reject failed callback function
var p = new Promise(function(resolve, reject){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(){
...
Posted by clip on Wed, 19 Feb 2020 08:14:39 -0800
Tomato alarm one (the framework of react antd typescript)
1, Main documents
React
React Router
Ant design
TypeScript
Redux
2, Start using and experience react scaffold
npx create-react-app react-app-demo
cd react-app-demo
yarn start
3, Follow the document
Rendering an element
ReactDOM.render(<h1>Hello, world!</h1>, document.getElementById('root'));
Use of rendering JSX
const name = ...
Posted by Niruth on Wed, 12 Feb 2020 08:44:27 -0800
Dynamic load user menu
The process is that the user enters the module page after logging in, clicks on different modules, and enters the menu page (different modules, different menu contents)
Problems encountered
1. The menu data is stored in the store and the page is blank after refreshing
Solution: initialize the menu every time in the global navigation guard ...
Posted by vandalite on Wed, 12 Feb 2020 07:16:43 -0800
3D Solar System Visualization System Based on HTML5 + WebGL
Preface
In recent years, with the discovery of gravitational waves, the photography of black holes, the discovery of evidence of water on Mars, and the dissemination and popularization of literary and television works such as Trisomy, Wandering the Earth, Star Trek, etc., those things in space that are far away from us are getting closer and cl ...
Posted by czs on Thu, 06 Feb 2020 19:04:01 -0800
Simple Music Player Main Interface Design -.NET CORE(C#) WPF Development
>WeChat Public Number: Dotnet9 , Website: Dotnet9 , questions or suggestions: Please leave a message on the website,
If it helps you: Welcome Appreciation.
Simple Music Player Main Interface Design -.NET CORE(C#) WPF Development
Reading Navigation
Background of this article
code implementation
Reference for this article
Source code
1. Ba ...
Posted by Justin98TransAm on Fri, 31 Jan 2020 17:32:02 -0800