資訊專欄INFORMATION COLUMN
摘要：這個類繼承自，很多功能就可以直接用了有兩種傳參方式，一種是字符串，另外一種是表達式，當傳字符串之外的類型的時候，用表達式組件嵌套簡寫這個類繼承自，很多功能就可以直接用了先用參數擴展，在把參數展開到里面去。
七.2 面相對象的應用 （react）
react：
1，組件化 -class
2，jsx
jsx==babel==browser.js
Document
class Test extends React.Component{
constructor(...args){
super(...args)
render(){
return 123
}
}
}
2 組件的嵌套
Document
class Item extends React.Component{
constructor(...args){
super(...args)
render(){
return 組件嵌套 簡寫1
Document
class Item extends React.Component{
constructor(...args){
super(...args)
render(){
return 1.把真正的json對象轉為為字符串形式的json。
例：如果想把對象{a:12,b:5}拼到url上就需要json的串行化
let json={a:12,b:5}
let str="https://www.baidu.com/"+json;
alert(str)
錯誤的
結果是 https://www.baidu.com/[object Object]
let json={a:12,b:5}
// JSON有一個stringify 字符串化方法,其實就是串行化
let str="https://www.baidu.com/"+JSON.stringify(json);
alert(str)
// 錯誤的
// 結果是 https://www.baidu.com/{"a":12,"b":5}
let json={a:12,b:5}
// JSON有一個stringify 字符串化方法,其實就是串行化
let str="https://www.baidu.com/"+encodeURIComponent(JSON.stringify(json));
alert(str)
// 正確的
// 結果是 https://www.baidu.com/%7B%22a%22%3A12%2C%22b%22%3A5%7D
2.
把字符串"{a:12,b:24,c:"abc"}"轉為真正的json對象
json的標準寫法是
1，只能用雙引號 例如c:"abc"
2,所以的名字都必須用引號包起來
let str="{a:12,b:24,c:"abc"}"
let json=JSON.parse(str)
console.log(json)
錯誤 ，因為json的標準寫法是
1，只能用雙引號 例如c:"abc"
2,所以的名字都必須用引號包起來
正確寫法是如下
let str="{"a":12,"b":24,"c":"abc"}"
let json=JSON.parse(str)
console.log(json)
正確了，結果是{a: 12, b: 24, c: "abc"}
json 簡寫
1.名字一樣可簡寫
2，方法簡寫
let a=12;
b=5;
let json ={a:a,b:b,c:12}
console.log(json)
{a: 12, b: 5, c: 12}
簡寫：名字一樣可簡寫
let a=12;
b=5;
let json ={a,b,c:112}
console.log(json)
{a: 12, b: 5, c: 112}
json里有方法
let json={
a:12,
show:function(){
alert(this.a)
}
}
json.show()
簡寫：方法可簡寫
let json={
a:13,
show(){
alert(this.a)
}
}
json.show()
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107735.html
摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。 特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。 本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...
摘要：本系列文章適合快速掌握入門語法，想深入學習的小伙伴可以看看阮一峰老師的入門本篇文章是對之前文章的一個補充，可以使代碼更簡潔函數參數默認值在傳統語法中如果想設置函數默認值一般我們采用判斷的形式在新的語法中我們可以在參數聲明的同時賦予默認值參數 本系列文章適合快速掌握 ES6 入門語法，想深入學習 ES6 的小伙伴可以看看阮一峰老師的《ECMAScript 6 入門》 本篇文章是對之前文章...
摘要：在繼承的構造函數中，我們必須如上面的例子那么調用一次方法，它表示構造函數的繼承，與中利用繼承構造函數是一樣的功能。 showImg(https://segmentfault.com/img/remote/1460000009078532); 在實際開發中，ES6已經非常普及了。掌握ES6的知識變成了一種必須。盡管我們在使用時仍然需要經過babel編譯。 ES6徹底改變了前端的編碼風格，...
摘要：一般來說，聲明式編程關注于發生了啥，而命令式則同時關注與咋發生的。聲明式編程可以較好地解決這個問題，剛才提到的比較麻煩的元素選擇這個動作可以交托給框架或者庫區處理，這樣就能讓開發者專注于發生了啥，這里推薦一波與。 本文翻譯自FreeCodeCamp的from-zero-to-front-end-hero-part。 繼續譯者的廢話，這篇文章是前端攻略-從路人甲到英雄無敵的下半部分，在...
閱讀 1639·2021-09-02 15:11
閱讀 1976·2019-08-30 14:04
閱讀 2563·2019-08-27 10:52
閱讀 1583·2019-08-26 11:52
閱讀 1203·2019-08-23 15:26
閱讀 2623·2019-08-23 15:09
閱讀 2606·2019-08-23 12:07
閱讀 2234·2019-08-22 18:41
