2. python環境篇（下）

阿新 • • 發佈：2021-07-08

vue

1 漸進式框架
2 vue 版本：最新3.x，主流用2.x
3 第三方：vue-cookie，vue-router，vuex：狀態管理器

4 M-V-VM思想：資料的雙向繫結（*****）
Model ：vue物件的data屬性裡面的資料，這裡的資料要顯示到頁面中
View ：vue中資料要顯示的HTML頁面，在vue中，也稱之為“檢視模板” （HTML+CSS）
ViewModel：vue中編寫程式碼時的vm物件，它是vue.js的核心，負責連線 View 和 Model資料的中轉，保證檢視和資料的一致性，所以前面程式碼中，data裡面的資料被顯示中p標籤中就是vm物件自動完成的（雙向資料繫結：JS中變數變了，HTML中資料也跟著改變）


5 元件化開發、單頁面開發
    -vue-cli:vue的腳手架---》創建出Vue工程
    
6 版本使用的是2


7 解釋型的語言是需要直譯器的
js就是一門解釋型語言，只不過js直譯器被整合到了瀏覽器中

所以，在瀏覽器的Console中輸入命令，就和在cmd中輸入python後，進入互動式環境一樣

nodejs：一門後端語言
把chrome的v8引擎（直譯器），安裝到作業系統之上

開發常見編輯器

1 ide:
  python--->pycharm,vscode(免費)，juptyer  （anaconda）
  go------->goland,vscode(免費)
  java----->IDEA , myeclipse,eclipse
  前端----->webstorm,sublinetext,Hbuilder(nui-app),vscode,pycharm：vue外掛
  php------>phpstrom
  c/c++---->clion
  安卓開發---->androidstadio---->谷歌公司買了授權+adt
    
2 捷克的jetbrains公司出的，後期不管做什麼語言，簡易都用他家的

下載

下載對應vue的js檔案

建立一個專案

1.匯入js 配置
    <script src="./js/vue.js"></script>
2.新建html專案

例項化得到物件,傳入一些引數

<script>
  let xxx = new Vue({
    el: '#ID',   // el這個引數名稱固定
    data: {
      name: 'xxx',
     },methods:{ } //事件
   })
</script>

模板語法

<div id="app">

  <p>
     名字：{{name}}
  </p>
  <p>
     陣列：{{t}}
  </p>
  <p>
     陣列的第一個值：{{t[1]}}
  </p>
  <p>
     物件：{{obj}}
  </p>
  <p>
     物件取值：{{obj.name}}
  </p>
  <p>
     s字串：{{s}}
  </p>
     條件？值：值
  <p>三目運算子： {{100>20?'是':'否'}}</p>
</div>

指令之文字指令

v-html  讓HTML字串渲染成標題
v-text  標籤內容顯示js變數對應的值
v-show  放1個布林值：為真 標籤就顯示；為假 標籤就不顯示
v-if    放1個布林值：為真 標籤就顯示；為假 標籤就不顯示

指令之事件指令

v-on:事件    觸發事件（不推薦）
@事件      觸發事件（推薦）
@[event]      觸發event事件（可以是其他任意事件）

eg：

                    事件      函式名
<input type="text" @input="handlerInput" v-model="xxx">

<botton v-on:click='函式名'>點選</botton>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="./js/vue.js"></script>
</head>
<body>
<div id="d1">
  <h1>{{name}}</h1>

  <hr>
  <input type="text" @input="handlerInput" v-model="name1">
  <hr>
  <div v-if="display"><h2>消失又出現之v-if</h2></div>
  <button @click="handlerClick">點選</button>
  <hr>
  <div v-show="display"><h2>消失又出現之v-show</h2></div>
  <hr>
</div>
</body>
<script>
  let vu = new Vue({
    el: '#d1',
    data: {
      name: 'xxx',
      name1: '',
      display:'true'
     },methods:{
      handlerInput(){
        console.log(this.name1)
       },handlerClick(){
        this.display = ! this.display
       }
     }
   })
</script>

</html>

2. python環境篇（下）

1pip.安裝包（第三方程式安裝）檢查pip配置情況在cmd環境下直接寫入pip---》檢查pip環境是否正確

（資料科學學習手札88）基於geopandas的空間資料分析——空間計算篇（下）

本文示例程式碼及資料已上傳至我的Github倉庫https://github.com/CNFeffery/DataScienceStudyNotes

【mysql】- 鎖篇（下）

InnoDB儲存引擎中的鎖表級鎖表級別的S鎖、X鎖在對某個表執行SELECT、INSERT、DELETE、UPDATE語句時，InnoDB儲存引擎是不會為這個表新增表級別的S鎖或者X鎖的

信用評分卡模型在Python中實踐（下）

python信用評分卡建模視訊系列教程（附程式碼）博主錄製 https://study.163.com/course/introduction.htm?courseId=1005214003&utm_campaign=commission&utm_source=cp-400000000398149&utm_medium=sh