原创 es6解構賦值圓括號問題

解構賦值雖然很方便,但是解析起來並不容易。對於編譯器來說,一個式子到底是模式,還是表達式,沒有辦法從一開始就知道,必須解析到(或解析不到)等號才能知道。 由此帶來的問題是,如果模式中出現圓括號怎麼處理。ES6 的規則是,只要有可能導致

原创 vue項目中引入外部js的幾種方式

全局使用 我在src目錄下新建了api文件夾,裏面有封裝ajax請求的index.js文件 idnex.js的內容 將該模塊export出去,然後在main..js文件中用import api from './api/index'

原创 elementUI自定義主題

elementUI自定義主題 第一步 安裝主題工具 npm i element-theme -g 第二步 安裝chalk主題 npm i element-theme-chalk -D 第三步 初始化變量文件 et -i 這時根目

原创 elementUI日期組件彈出錯位

使用elementUI中的日期類組件時,如果在組件中使用了v-if則會導致日期彈出窗錯位,將v-if改成v-show即可

原创 Flex佈局詳解

Flex 佈局教程:語法篇 佈局的傳統解決方案,基於盒狀模型,依賴 display 屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便,比如,垂直居中就不容易實現。 2009 年,W3C 提出了一種新的方

原创 Sublime常用插件及快捷鍵

Sublime 常用插件及快捷鍵 插件 1、ConvertToUTF8  支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等編碼的插件 2、Bracket Highlighter  用於匹配括號,引號和 h

原创 聊聊 justify-content 屬性

內容對齊(justify-content)屬性應用在彈性容器上,把彈性項沿着彈性容器的主軸線(main axis)對齊。該操作發生在彈性長度以及自動邊距被確定後。 它用來在存在剩餘空間時如何加以分配,也會在發生內容溢出時影響項目的對齊。

原创 HTML、CSS重難點知識點

怎麼讓一個不定寬高的 DIV,垂直水平居中? 使用 Flex 只需要在父盒子設置:display: flex; justify-content: center;align-items: center; 使用 CSS3 transfo

原创 vux框架組件自定義樣式

全局方式 方法一 在webpack.base.conf.js文件中配置 { name: 'less-theme', path: 'src/styles/theme.less' // 相對項目根目錄路徑

原创 JS識別訪問端設備

我們在做網頁的時候爲了讓手機端和 PC 端都有更好的顯示效果,通常會針對不同設備做不同頁面,要讓網頁識別出不同的設備,只要加入下面 js 代碼即可: <script type="text/javascript"> var syst

原创 jQuery 中 $(function() {}); 問題詳解

$(function() {}); 是 $(document).ready(function(){}) 的簡寫,最早接觸的時候也說 $(document).ready(function(){}) 這個函數是用來取代頁面中的 windo

原创 $ (function() {})

JQuery 的代碼我們通常會包裹在一個$(function(){})函數中,jq 的$(function(){})也就是$(document).ready(function(){})的簡寫,與之對應的原生 js 的window.onlo

原创 網頁計時器

<!DOCTYPE html> <html> <head> <title>瀏覽器對象</title> <meta http-equiv="Content-Type" content="text/html; charset=g

原创 cell組件自定義

cell組件inline-desc屬性可以在標題的下方插入一行描述, 要實現三行效果 可以使用slot插槽中的inline-desc自己寫元素 例如這樣

原创 box-sizing佈局

學會使用box-sizing佈局 盒子模型 關於CSS重要的一個概念就是CSS盒子模型。它控制着頁面這些元素的高度和寬度。盒子模型多少會讓人產生一些困惑,尤其當涉及到高度和寬度計算的時候。真正盒子的寬度(在頁面呈現出來的寬度