原创 十分鐘理解BFC佈局

說起BFC大家可能覺得有點陌生,估計看完文章之後,都會覺得這些平時也都在用啊,只是不知道叫BFC罷了。 先來看看常見的定位方式 定位方案是控制元素的佈局,常見的有三種: 普通流(normal flow) 其實就是元素按照再HTML中的

原创 vue-cli腳手架搭建vue項目

之前一直有朋友問我vue項目的搭建,最近空下來整理總結了一番。 1. vue-cli 首先來介紹一下vue-cli,官方是這麼解釋的: A simple CLI for scaffolding Vue.js projects. 需要N

原创 echarts 折線圖常用屬性總結

x軸樣式 x軸數據過長,可以傾斜展示 xAxis: { axisLabel: { interval: 0, //橫軸信息全部顯示 rotate: -30 /

原创 Echarts4新特性

主頁是不是很炫酷!! 今年1月16日,echarts升級到了4.0版本。因爲一直沒用到,所以一直也沒多關注,直到年後,做項目用到了,才發現。雖然這個時候寫博客好像已經完全沒有時效性了,但是爲了我的項目,還是把研究到的寫出來吧。 先看下版

原创 基於vue.js的分頁

之前的CSDN編譯器有點問題。所以這裏重新整理給大家。 本文主要介紹基於vue的分頁原生寫法。 先po上效果圖: html部分,將page作爲一個單獨的組件 <script type="text/x-template" id="

原创 基於vue的日曆小demo

這個批次拿到了一個我一開始認爲比較棘手的問題,是一個帶特殊功能的日曆。吶~設計圖因爲現在用vue比jq熟練了,之前沒接觸過vue的日曆,基於jq的日曆五花八門的,所以還是決定基於vue一試。因爲之前的CSDN編譯器出現問題,導致文章排版錯

原创 鼠標點擊之處出現美麗小心心

(function(window,document,undefined){ var hearts = []; window.requestAnimationFrame = (function(){ return window.reques

原创 npm run build 打包後頁面無法顯示問題

今早運維小哥哥跑來找我,想給我的新項目發個版,我還是按照一般流程npm run build 然後git提交,打個tag v1.0.1,運維小哥哥說你前端頁面沒寫好嘛? emmmm….老孃早就寫好了。肯定是哪裏出了問題,我打開一看果然有問

原创 基於vue.js的原生日曆

之前的CSDN編譯器有問題,所以現在重新整理出來給大家。 先po上效果圖: html代碼: <script type="text/x-template" id="calendar"> <div id="">

原创 用hexo搭建個人blog

什麼是Hexo Hexo是一款快速、簡潔且高效的博客框架, 安裝git 這個大家應該都不陌生。這裏就不多說了。下載地址猛戳猛戳猛戳 輸入命令git version 查看版本 安裝node Hexo是基於node的,這裏也不多說,下載猛戳

原创 npm 更新

npm update -g

原创 echarts3的常用屬性

option: { title: { left: "center", show: true, fontWeight: "normal",

原创 vue-cli 打包之後圖片引用路徑問題

過完五一,感覺整個人跟廢了一樣,雖然五一期間也沒做什麼,就是感覺累,感覺困。但無奈今天還有一堆事情等我去做。 早上來先發了一版v5.0.1,開啓項目新版的第一次!但是毫無疑問,出了很多問題,除了上次打包後js、css路徑錯誤問題(詳情請

原创 瀏覽器渲染機制

之前有研究過js的性能優化問題,但是感覺理解的不是很透徹,還是要從其根本看起,所以就研究一下瀏覽器相關比較深層次的東西。 爲什麼要了解瀏覽器的渲染機制 作爲一個前端開發,最常見的運行環境應該就是瀏覽器,爲了更好的通過瀏覽器把好的產品呈現

原创 再見2017

2017年的最後一天了,註定會在坐等下班的狀態中度過了。 跟平時沒啥不同,早上起牀,吃飯,修了昨天測試妹子說的小bug,還又迎來了一個新的需求。 明顯地感覺到今天的效率要遠低於平日,等中午睡起覺來,我開始回想這一年。 這一年無疑是我進