原创 CSS Flex排版--解決垂直居中問題,兩列等高問題,自適應寬問題

CSS 三大經典問題:垂直居中問題,兩列等高問題,自適應寬問題。今天用flex總結一下 垂直居中 <div id="parent"> <div id="child"> </div> </div> #parent { d

原创 類型基礎:強類型與弱類型

強類型是指不允許隱式變量類型轉換,弱類型則允許隱式類型轉換。 強類型語言:不允許改變變量的數據類型,除非進行將至類型轉換(java) A(){ B(x) } B(y){ //y 可以被賦值 x, 程序運行良好 } 弱類型

原创 vue 父子組件傳函數 demo

父組件 <template>  <div>  <Hello :flFlag="myFunction"></Hello>   </div> </template> import Hello from './HelloWorld'

原创 什麼是TypeScript?重塑“類型思維”?

TypeScript簡單介紹 TypeScript 是 JavaScript 的一個超集,支持 ECMAScript 6 標準。可以編譯成純JavaScript. TypeScript 由微軟開發的自由和開源的編程語言。 TypeScri

原创 Vue性能優化方法

文中例子來自https://www.youtube.com/watch?v=5B66qer8cZo   部分轉載於鏈接:https://www.jianshu.com/p/f372d0e3de80 函數型組件 由於組件的生命週期處理在框架

原创 async await、Promise、setTimeout執行順序

由題目見真知: 【題目】 async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end'

原创 類型基礎2 動態類型與靜態類型

靜態類型語言:在編譯階段確定所有變量的類型 動態類型語言:在執行階段確定所有變量的類型 內存角度: 動態類型:在程序運行時,動態計算屬性偏移值 靜態類型與動態類型對比 靜態類型語言: 動態類型語言: 對類型極度嚴格 立即發現錯誤 運行時

原创 總結 JavaScript 中所有的運算符優先級和結合性

優先級由高到低: 1 () 2 ./[] 左 2 new MemberExpression Arguments 3 new MemberExpression 右 4 () 函數調用 左 5 ++/-- 6 +/-/~/!/delete/t

原创 vue-select 綁定v-model 問題

<template> <div> <ul > <li v-for="(item,index) in data" :key="index"> <div>{{item.name}}</div> <el-

原创 vue element select 二級聯動

<template> <div> <el-select v-model="value" placeholder="請選擇" @change=selectOne > <el-option v-for="ite

原创 數組有哪些方法支持響應式更新,如不支持如何處理,底層原理如何實現的?

支持:push()、pop()、shilt()、unshiift()、splice()、sort()、reverse() 不支持:filter()、concat()、splice() 原理同樣是使用Object.definePropert

原创 Git初學者快速上手(簡單粗暴)

Git初學者快速上手 1.將一個本地的文件(項目)變成git項目 進入項目所在目錄執行命令(生成下圖文件): git init 此文件中將用於保存本地版本內容(還有一份版本內容在服務器上需要通過push命令上傳到服務器) 2.編寫自己項目

原创 前端精選文摘:BFC 神奇背後的原理

BFC 已經是一個耳聽熟聞的詞語了,網上有許多關於 BFC 的文章,介紹瞭如何觸發 BFC 以及 BFC 的一些用處(如清浮動,防止 margin 重疊等)。雖然我知道如何利用 BFC 解決這些問題,但當別人問我 BFC 是什麼,我還

原创 defer、async屬性以及JS異步加載並執行解決方案

優化腳本文件的加載提高頁面的加載速度,一直是前端工程師提高頁面加載速度很重要的一條。因爲涉及到各個瀏覽器對解析腳本文件的不同機制,以及加載腳本會阻塞其他資源和文件的加載。當瀏覽器解析器遇到<script>時,會立即加載(加載:下載,解析

原创 整理一下微任務和宏任務

整理一下微任務和宏任務 js同步異步 同步任務:指的是在主線程上排隊執行的任務,只有前一個任務執行完畢,才能執行後一個任務 異步任務: 指的是不進入主線程,某個異步任務可以執行了,該任務纔會進入主線程執行。 js異步運行機制 異步執行的運