当前位置：网站首页>Web API learning notes 1
Web API learning notes 1
2022-06-28 22:56:00 【LuZhouShiLi】
WEB API Learning notes 1
One 、JavaScript The composition of
ECMAScript It's just javascript Basic grammar of ,WEB APIs refer to DOM（ Page document object model ） and BOM（ Browser object model ）
JS Basic stage ：
- What we learn is ECMAScript The basic syntax specified in the standard
- Just ask for mastery JS Basic grammar
- Only learning basic grammar but not web page interaction
- The purpose is to JS Later courses lay the foundation and pave the way
Web APIS Stage ：
- Web APIS yes W3C The standards of the organization
- Web APIs We mainly study DOM and BOM
- Web APIs It is our JS Unique part
- We mainly study the page interaction function
- Need to use JS The basic course content is the foundation
Web API It is a set of operating browser functions and page elements provided by the browser API（BOM and DOM）
Two 、DOM
1.DOM summary
Document object model DOM, yes W3C The Organization recommends dealing with extensible markup languages （HTML perhaps XML） Standard programming interface .
W3C A series of DOM Interface , Through these DOM Interface can change the content of a web page 、 Structure and pattern .
file ： A page is a document ,DOM Use in document Express
Elements ： All tags in the page are elements ,DOM Use in element Express
node ： Everything in a web page is a node （ label 、 attribute 、 Text 、 Notes, etc. ）,DOM Use in node Express
2. Get page elements
DOM In actual development, it is mainly used to operate elements , How to get the elements in the page （ label ）, Use the following ways ：
- according to ID To get
- Get... According to the tag name
- adopt HTML5 New methods to get
- Special element acquisition
2.1 adopt ID Get the element
var element = document.getElementById(id);
- element It's a Element object . If there is a specific in the current document ID If the element does not exist, it returns null
- id Is a case sensitive string , Represents the unique name of the element to be found ID
- Returns a match to ID Of DOM Element object . If at present Document I can't find it , Then return to Null.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id = "time">2019-9-9</div>
<script>
// Because our document pages are loaded from top to bottom , All have to be labeled first
// get get element Elements By By hump nomenclature
// id Case sensitive
// It returns an element object
var timer = document.getElementById('time');// Get element object
console.log(timer);
console.log(typeof timer);
console.dir(timer);// Print the element object we return Better view the properties and methods inside
</script>
</body>
</html>
2.2 Get the element from the tag name
Use getElementsByTagName() Method returns a collection of objects with the specified tag name .
document.getElementsByTagName(' Tag name ');
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li> queen's gambit , Self actualization </li>
<li> queen's gambit , Self actualization </li>
<li> queen's gambit , Self actualization </li>
<li> queen's gambit , Self actualization </li>
</ul>
<script>
// What is returned is the collection of elements obtained Render in pseudo array form
var lis = document.getElementsByTagName('li');
console.log(lis);
console.log(lis[0]);
// for Loop printing
for(var i = 0; i < lis.length; i++)
{
console.log(lis[i]);
}
</script>
</body>
</html>
Be careful ：
- Because what you get is a collection of objects , So if we want to manipulate the elements inside, we need to traverse
- Get that the element object is dynamic
- element.getElementsByTagName() You can get some tags in this element
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<ul>
<li> queen's gambit , Self actualization </li>
<li> queen's gambit , Self actualization </li>
<li> queen's gambit , Self actualization </li>
<li> queen's gambit , Self actualization </li>
</ul>
<ul id="nav" >
<li> There's no making without breaking ！</li>
<li> There's no making without breaking ！</li>
<li> There's no making without breaking ！</li>
<li> There's no making without breaking ！</li>
<li> There's no making without breaking ！</li>
</ul>
<script>
// What is returned is the collection of elements obtained Render in pseudo array form
var lis = document.getElementsByTagName('li');
console.log(lis);
console.log(lis[0]);
// for Loop printing
for(var i = 0; i < lis.length; i++)
{
console.log(lis[i]);
}
// element.getElementsByTagName() You can get some tags in this element
var nav = document.getElementById('nav');
var navLis = nav.getElementsByTagName('li');
console.log(navLis);
</script>
</body>
</html>
2.3 Get elements by class name
document.getElementsByClassName(' Class name ');// Returns the collection of element objects according to the class name
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class = "box"> The box </div>
<div class = "box"> The box </div>
<div id = "nav">
<ul>
<li> home page </li>
<li> product </li>
</ul>
</div>
<script>
// Get a collection of some elements according to the class name
var boxs = document.getElementsByClassName('box');
console.log(boxs);
</script>
</body>
</html>
document.querySelector(' Selectors '); // Returns the first element object... Based on the specified selector
// Bear in mind For the selector inside You need to add a symbol Class selector plus . id The selector needs to add # Label selector not required
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class = "box"> The box 1</div>
<div class = "box"> The box 2</div>
<div id = "nav">
<ul>
<li> home page </li>
<li> product </li>
</ul>
</div>
<script>
// Get a collection of some elements according to the class name
var boxs = document.getElementsByClassName('box');
console.log(boxs);
// Use querySelector Returns the first element object of the specified selector
var firstbox = document.querySelector('.box');
console.log(firstbox);
var nav = document.querySelector('#nav');// There are many selectors plus # It was judged that it was id Selectors
console.log(nav);
var li = document.querySelector('li');
console.log(li);
</script>
</body>
</html>
querySelectorAll(' Selectors ') // Returns a collection of all object elements
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class = "box"> The box 1</div>
<div class = "box"> The box 2</div>
<div id = "nav">
<ul>
<li> home page </li>
<li> product </li>
</ul>
</div>
<script>
// Get a collection of some elements according to the class name
var boxs = document.getElementsByClassName('box');
console.log(boxs);
// Use querySelector Returns the first element object of the specified selector
var firstbox = document.querySelector('.box');
console.log(firstbox);
var nav = document.querySelector('#nav');// There are many selectors plus # It was judged that it was id Selectors
console.log(nav);
var li = document.querySelector('li');
console.log(li);
// querySelectorAll() Returns a collection of all element objects of the specified selector
var allBox = document.querySelectorAll('.box');
console.log(allBox);
// Return all tags li Object collection for
var lis = document.querySelectorAll('li');
console.log(lis);
</script>
</body>
</html>
2.4 Get special elements
- obtain body Elements ：document.body // return body Element object
- obtain html Element object ：documentElement // return html Element object
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// obtain body Elements
var bodyEle = document.body;
console.log(bodyEle);
console.dir(bodyEle);// View object types
// obtain html Elements
var htmlEle = document.documentElement;
console.log(htmlEle);
</script>
</body>
</html>
3. The basis of the event
JavaScript Is that we have the ability to create dynamic pages , And events can be JavaScript Detected behavior , The simple understanding is ： Trigger - Response mechanism
Every element in a web page can generate a trigger JavaScript Events , for example , We can generate an event when the user clicks a button , And then do something .
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id = 'btn'> Tang Bohu </button>
<script>
// Click a button , Pop-up dialog box
// Events are made up of three parts Event source Event type Event handler We also call it the three elements of an event
// Event source The event is triggered by
// Select all Id yes btn The button
var btn = document.getElementById('btn');
// Event type How to trigger what event Mouse click Or mouse over
// Connect the object to the mouse click signal onclick
btn.onclick = function(){
alert(' Some autumn fragrance ');// Pop-up dialog box
}
</script>
</body>
</html>
Steps to execute the event ：
- Get the event source
- Registration events （ The binding event ）
- Add event handler （ Take the form of function assignment ）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>123</div>
<script>
// Perform event steps
// Click on div Console output I was chosen
// Get the event source
var div = document.querySelector('div');
// The binding event Registration events
div.onclick = function(){
console.log(' I was chosen ');
}
</script>
</body>
</html>
4. Operational elements
JavaScript Of DOM Operation can change the content of the web page 、 Structure and pattern , We can use DOM Manipulate elements to change the contents of elements 、 Properties, etc .
4.1 Change element content
From the initial position to the end position , But it takes out html label , At the same time, spaces and line breaks are removed
element.innerText
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button> Display the current system time </button>
<div> Some time </div>
<p>123</p>
<script>
// When we click the button div Your words will change
// 1 Get elements
var btn = document.querySelector('button')
var div = document.querySelector('div');
// 2 Registration events
btn.onclick = function(){
// Time to change to system
// div.innerText = '2019-6-6';
div.innerText = getDate();// Returns a string
}
function getDate(){
// Get a time object
var date = new Date();
// Get the current time
var year = date.getFullYear();// Get year
var month = date.getMonth() + 1;// Get month Because the returned month is one month smaller + 1
var dates = date.getDate(); // Acquisition date
var arr = [' Sunday ',' Monday ',' Tuesday ',' Wednesday ',' Thursday ',' Friday ',' Saturday '];
var day = date.getDay();// Get the day of the week Returns an integer value
return ' It's today ：' + year + ' year ' + month + ' month ' + dates + ' Japan ' + arr[day];
}
var p = document.querySelector('p');
p.innerText = getDate();// Directly modifying
</script>
</body>
</html>
Everything from the initial position to the end position , Include html label , Keep spaces and line breaks at the same time
element.innerHTML
Their differences ：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>xia</div>
<p>
I am character.
<span>123</span>
</p>
<script>
// innertext and innerHTML The difference between
// 1. innerText Don't recognize Html label Remove spaces and line breaks
var div = document.querySelector('div');
div.innerText = ' Today is a good day ';// Modify element content Direct assignment
div.innerText = '<strong>hhhhh<strong>';// No bold
// 2 innerHtml distinguish html label W3C standard
div.innerHTML = '<strong> It's today ：</strong>2019';
// These two properties are readable and writable You can get the content of the element
var p = document.querySelector('p');
console.log(p.innerText);// Remove spaces and line breaks
console.log(p.innerHTML);// Keep spaces and wrap
</script>
</body>
</html>
4.2 Operation element properties
manipulation src attribute
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button id = "ldh"> Lau Andy </button>
<button id = "zxy"> Jacky Cheung </button> <br>
<img src="images/ldh.jpg" alt = "" title = " Lau Andy ">
<script>
// Modify element properties src
// Get element object
var ldh = document.getElementById('ldh');
var zxy = document.getElementById('zxy');
var img = document.querySelector('img');// Get... According to the tag type
// Registration events
zxy.onclick = function(){
img.src = 'images/zxy.jpg';// File path
}
ldh.onclick = function(){
img.src = 'images/ldh.jpg';
img.title = " Lau Andy ";
}
</script>
</body>
</html>
4.3 case analysis
case analysis ：
- Judge according to different time of the system , So you need to use the date built-in object
- Use multi branch statements to set different pictures
- Need a picture , And modify the picture according to the time , You need to use operation elements src attribute
- Need one div Elements , Show different greetings , Modify element content
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img{
width:300px;
}
</style>
</head>
<body>
<img src = "images/a.png" alt = "">
<div> Good morning </div>
<script>
// Judge according to different time of the system , So we need Use the date built-in object
// Use multi branch statements to set different pictures
// Need a picture , And modify the picture according to the time , You need to use operation elements src attribute
// Need one div Elements , Show different greetings , Modify the element content
// Get elements Then you can manipulate element attributes
var img = document.querySelector('img');
var div = document.querySelector('div');
// Get the current number of hours
var date = new Date();// Get date object
var h = date.getHours();// Get hours
// Determine the number of hours, change pictures and text messages
if(h < 12)
{
img.src = 'images/a.png';
div.innerHTML = ' Pro - , Good morning , Write good code ';// Modify the label content
}
else if(h < 18)
{
// Come here h Must be greater than or equal to 12
img.src = 'images/b.jpg';
div.innerHTML = ' Pro - , Good afternoon, , Write the code , To change the world ';// Modify the label content
}
else
{
img.src = 'images/c.jpg';
div.innerHTML = ' Pro - , Good evening , Have an early rest!It's clockwise ';
}
</script>
</body>
</html>
4.4 Attribute operations of form elements
utilize DOM You can manipulate the attributes of the following form elements
type、value、checked、selected、disabled
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button> Button </button>
<input type="text" value = " Please enter the content ">
<script>
// Get elements
var btn = document.querySelector('button');
var input = document.querySelector('input');
// Registration events The handler
btn.onclick = function(){
// input.innerHTML = ' Click. ';// This is an ordinary box , You can only modify div What's in the label
// The values in the form The text is written through value To modify
input.value = ' By clicking the ';
// After you click Disable button
// btn.disabled = true;
this.disabled = true;// this Points to the caller of the event
}
</script>
</body>
</html>
4.5 Case study
JD login page .
- The core idea ： Click the eye button , Change the password box type to a text box to see the password inside
- One button, two states , Click once , Switch to text box , Continue clicking once to switch to the password box
- Algorithm ： Using a flag Variable , To judge flag Value , If it is 1 Just switch to text box ,flag Set to 0, If it is 0 Just switch to the password box ,flag Set to 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.box{
width:400px;
border-bottom:1px solid #ccc;
margin:100px auto;
}
.box input{
width:370px;
height:30px;
border:0;
outline:none;
}
.box img{
position: absolute;
top: 100px;
right: 750px;
width: 24px;
}
</style>
</head>
<body>
<div class = "box">
<label for = "">
<img src="images/close.jpg" alt = "" id = "eye">
</label>
<input type = "password" name = "" id = "pwd">
</div>
<script>
// Get elements
// according to id Selectors To get elements
// After getting the element You can change the properties
var eye = document.getElementById('eye');
var pwd = document.getElementById('pwd');
var flag = 0;// Password box switch flag
// Registration events The handler
eye.onclick = function(){
// After one click flag Be sure to change
if(flag == 0)
{
pwd.type = 'text';// Change category properties ： The text box
eye.src = 'images/open.jpg';
flag = 1;
}
else{
pwd.type = 'password';// Change flag
eye.src = 'images/close.jpg';
flag = 0;
}
}
</script>
</body>
</html>
4.6 Modify style attributes of operation elements
We can go through JS Change the size of the element 、 Color 、 Position, etc
- element.style Inline style operation
- element.className Class name style operation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width:200px;
height:200px;
background-color:pink;
}
</style>
</head>
<body>
<div>
</div>
<script>
// JS The style inside adopts the hump naming method , such as fontsize backgroundColor
// JS modify style Style operation , What's produced is the in line style ,css The weight is relatively high
var div = document.querySelector('div');
// Registration events The handler
div.onclick = function(){
// div.style The properties inside Hump nomenclature
this.style.backgroundColor = 'purple';
this.style.width = '250px';
}
</script>
</body>
</html>
4.7 Taobao Click to close the QR code
When the mouse clicks the close button , Close the entire QR code
- The core idea ： Use the display and hiding of styles to complete ,display:none Hidden elements display:block Display element
- Click button , Just hide the QR code box
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.box{
position: relative;
width:74px;
height:88px;
border:1px solid #ccc;
margin:100px auto;
font-size:12px;
text-align:center;
color:#f40;
}
.box img{
width:60px;
margin-top:5x;
}
.close-btn{
position: absolute;
top:-1px;
left:-16px;
width:14px;
height: 14px;
border:1px solid #ccc;
line-height:14px;
font-family:Arial,Helvetica,sans-serif;
cursor:pointer;
}
</style>
</head>
<body>
<div class="box">
Taobao QR code
<img src = "images/tao.png" alt = "">
<i class = "close-btn">x</i>
</div>
<script>
// Get elements
var btn = document.querySelector(".close-btn");
var box = document.querySelector(".box");// Get the element by the class name
// Registration events process
btn.onclick = function(){
box.style.display = 'none';// Hide the box directly
}
</script>
</body>
</html>
4.8 Show hidden text box content
When the mouse clicks on the text box , The default text inside is hidden , When the mouse leaves the text box , The text inside shows .
Demand analysis ：
- First, the form needs two new events , Focus of attention onfocus, Lose focus onblur
- If you get focus , Determine whether the content in the form is the default text , If it is the default text , Just clear the contents of the form
- If you lose focus , Determine whether the form content is empty , If it is empty , The content of the form is changed to the default text
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
input{
color:#999;
}
</style>
</head>
<body>
<input type = "text" value = " mobile phone ">
<script>
// Click the mouse to get the focus
// Get elements
var text = document.querySelector('input');
// Registration events Get focus event onfocus
text.onfocus = function(){
// console.log(' Got the focus ');
// If the content inside is the default text Just empty
if(this.value === ' mobile phone ')
{
this.value = '';// Use it directly this Because the event registrant is text
}
// To get focus, you need to darken the text color in the text box
this.style.color = '#333';
}
// Registration events Lost focus events onblur
text.onblur = function(){
// console.log(' Lost focus ');
// If you lose focus Determine whether the form content is empty , If it is empty The content of the form is changed to the default text
if(this.value === '')
{
this.value = ' mobile phone ';
}
// To lose focus, you need to change the text color in the text box to light color
this.style.color = '#999';
}
</script>
</body>
</html>
4.9 adopt element.className Modify element properties
- If you change the style more , You can change the element style by class name
- class Because it is a reserved word , Therefore use className To manipulate the element class name attribute
- className Will directly change the class name of the element , Will override the original class name
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width:200px;
height:200px;
background-color:pink;
}
.change{
background-color:purple;
color:#fff;
font-size:25px;
margin-top:100px;
}
</style>
</head>
<body>
<div>
Text
</div>
<script>
// JS The style inside adopts the hump naming method , such as fontsize backgroundColor
// JS modify style Style operation , What's produced is the in line style ,css The weight is relatively high
var div = document.querySelector('div');
// Registration events The handler
div.onclick = function(){
// div.style The properties inside Hump nomenclature
// Use element.style Get the modified element style
// this.style.backgroundColor = 'purple';
// this.style.color = '#fff';
// this.style.width = '250px';
// this.style.marginTop = '100px';
// We can modify the className Change the style of the element It is suitable for situations with many styles or complex functions
this.className = 'change';// The click of a mouse Add a class name to the element . then css Modify the style
// Directly overwrite the original class name
}
</script>
</body>
</html>
4.10 Imitation Sina registration page
- The first event to judge is that the form loses focus onblur
- If the input is correct, the correct information will be prompted. The color is green and the small icon changes
- If the input is not 6 To 16 position , The error message color is red, and the small icon changes
- Because there are many styles inside , We take className Modify the style
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width:600px;
margin: 100px auto;
}
.message{
display:inline-block;
font-size:12px;
color:#999;
background:url(images/tao.png) no-repeat left center;
padding-left:20px;
}
.wrong{
color:red;
background-image:url(images/open.jpg);
}
.right{
color:green;
background-image:url(images/a.png);
}
</style>
</head>
<body>
<div>
<input type = "password" class = "ipt">
<p class = "message"> Please enter 6~16 Bit code </p>
</div>
<script>
var ipt = document.querySelector('.ipt');
var message = document.querySelector('.message');
// Registration events Lose focus Determine the value length in the form
ipt.onblur = function(){
// According to the length of the value in the form ipt.value.length
if(this.value.length < 6 || this.value.length > 16)
{
// console.log(' error ');
message.className = 'message wrong'; // Change the style by changing the class name
message.innerHTML = ' The number of digits you entered is incorrect , requirement 6~16 position ';
}
else
{
// The information entered is correct
message.className = 'message right';
message.innerHTML = ' The number of digits you entered is correct ';
}
}
</script>
</body>
</html>
边栏推荐
- 网上办理股票开户安全性高吗？
- After crossing, she said that the multiverse really exists
- Is it safe and reliable to open a securities account in changtou school?
- Zadig officially launched vs code plug-in, making local development more efficient
- Is it safe to open a stock account online?
- 00 後雲原生工程師：用 Zadig 為思創科技（廣州公交）研發開源節流
- 直击产业落地 | 飞桨重磅推出业界首个模型选型工具
- Hit the industry directly | the flying propeller launched the industry's first model selection tool
- 时间序列预测系列文章总结（代码使用方法）
- Is it safe to open a stock account by mobile phone?
猜你喜欢
![[deep learning] (3) encoder mechanism in transformer, complete pytoch code attached](/img/cb/d385bee7a229e8d11f5fa8af66311f.gif)
[deep learning] (3) encoder mechanism in transformer, complete pytoch code attached
Deep virtual memory (VM)
Fanuc robot_ Introduction to Karel programming (2)_ Usage of general IO signal
【深度学习】(3) Transformer 中的 Encoder 机制，附Pytorch完整代码
在QT进行cin（全网最清晰教程）
What does project management really manage?
【深度学习】(2) Transformer 网络解析，代码复现，附Pytorch完整代码
flowable 边界定时器
The new version of OpenAPI engine of Kingdee cloud dome is coming!
如何使用伦敦金画出支撑阻力线
随机推荐
复杂嵌套的对象池(4)——管理多类实例和多阶段实例的对象池
Post-00 cloud native Engineer: use Zadig to increase revenue and reduce expenditure for the R & D of Sichuang Technology (Guangzhou public transport)
Qsrand, srand random number generating function in qt5.15 has been discarded
2022-06-28：以下golang代码输出什么？A：true；B：false；C：panic；D：编译失败。 package main import “fmt“ func main() {
Lost in cloud computing
[kotlin] beautiful pop-up box, custom pop-up box (dialog box), extension function, chrysanthemum waiting bar, message prompt box
Progress of dbnn experiment
How powerful is the Zadig build? Practice together
Qt5.15中qsrand,srand随机数生成函数已弃用问题
Linux安装mysql5.7(CentOS7.6) 教程
华为云GaussDB(for Redis)揭秘第19期：六大秒级能力盘点
Zadig + 洞态 IAST：让安全溶于持续交付
Online linear programming: Dual convergence, new algorithms, and regret bounds
Ingénieur natif du nuage après 00: utiliser Zadig pour développer des sources ouvertes et des économies d'énergie pour la technologie innovante (bus de Guangzhou)
A password error occurred when docker downloaded the MySQL image to create a database link
Mono's execution process
基于graph-linked embedding的多组学单细胞数据整合与调控推理
在长投学堂开通证券账户是安全可靠的吗？
穿越过后，她说多元宇宙真的存在
稳！上千微服务如何快速接入 Zadig（Helm Chart 篇）