原创 如何通過碼雲開發託管私人項目

本文是個學習筆記 前言:之前在公司生成了一個自己的私人項目,現在我想在家裏programming這個項目,so, how to to it next? 這裏做一個記錄 主要是需要生成本地的SSH公鑰 使用SSH公鑰可以讓你

原创 前端瀏覽器渲染和性能優化詳細過程

1.從輸入URL到加載html的詳細過程 加載資源的過程 1.根據輸入的域名先查找本地hosts文件是否有對應的域名IP關係,如果有,則向其IP地址發送請求,如果沒有,再去DNS服務器查找IP. DNS根據域名查找IP地址的過程:

原创 vue build打包後的index文件打不開

使用vue-cli構建的項目 cnpm run build後的文件打不開 這裏記錄下解決方案 打不開的原因是build後的文件也是需要在服務器上才能運行,自己起一個http server就可以運行了~

原创 換行也能垂直居中的方法

.parent{ display:table } .child{ display: table-cell; vertical-align: middle; } 效果圖

原创 vue中動態組件與v-once指令,簡單小示例

<body> <div id="root"> <component :is="type"></component> <!-- 等同於下面註釋掉的部分 --> <!-- <child1 v-if

原创 自己對閉包的理解

閉包的由來,爲什麼要用閉包 由於ES5之前沒有塊級作用域概念導致例子中我們期望的局部變量 i 被環境污染從而產生錯誤結果。 解決問題要用到IIFE 爲什麼要用IIFE 傳統方法定義和執行分開寫 傳統的方法直接污染全局命名空間(瀏

原创 vue中父組件向子組件echarts傳值問題

記錄echarts踩坑問題 問題:當父組件傳值給子組件echarts時,發現子組件獲取的props爲空,剛開始以爲是鉤子函數放錯了地方,後來發現從mounted和created都不行。當在父組件data定義傳遞的數據的時候子組件顯示正

原创 實際開發中JS閉包的應用

ES5之前JS是沒有局部變量的,所以程序員發明了閉包。 閉包作用:避免變量被環境污染 1.函數作爲返回值 function F1(){ var a = 100; return function(){ console

原创 js數組去重和正則

數組去重 ES6 Set 搭配Array.from和…擴展運算符 2.利用indexOf 正則 正則去掉某類字符,比如大寫字母,小寫字母,數字 str.replace(/[0-9]/g,’’) //過濾數字 str.replac

原创 慎用Object.assign做深拷貝

最近用ES6的Object.assign踩了個坑,研究記錄下; 最近有一個項目的功能用到了Object.assign做深拷貝,卻發現會出問題。 if(xx){//1 this.mon = Object.assign([],obj);

原创 grunt學習筆記

Gruntfile.js文件 "use strict"; module.exports = function(grunt) { require("load-grunt-tasks")(grunt); require("t

原创 hexo+coding搭建私人博客 css加載出錯

自己在搭建github blog的時候很順利,一個簡易示例地址:https://qinnechen.github.io/ 而在搭建coding private blog的時候遇到一個問題,就是本地預覽ok但是放在服務器上樣式表不出

原创 前端跨域的幾種方式

前端開發中免不了遇到跨域問題,總結下跨域的8種方式 1.代理 同源策略是針對瀏覽器端進行的限制,可以通過服務器端來解決該問題 2.圖片ping或script標籤跨域 通過圖像Ping,瀏覽器得不到任何具體的數據,但通過偵聽load和