原创 vw+rem移動端適配

html {    font-size: 16px;}@media screen and (min-width: 320px) {html {        /* iPhone5的320px尺寸作爲14px基準,320px正好14px大小,

原创 vue的圖片路徑,和背景圖片路徑打包後錯誤解決

最近在研究vue,老實的按照官網提供的,搭建的了 webpack+vue+vuex+vue-router,,因爲是自己搭建的,所以踩了不少坑,一般問題百度都有,這個背景圖片的問題,查了很久才解決。1、找到 config->index.js裏

原创 使用VSCode編寫jsx代碼時如何實現標籤自動補齊

VSCode是kiddd最喜歡的編輯器,極簡而靈活,豐富而且繼續豐富着的插件庫,配置簡單,都吸引着我。衆所周知,VSCode在編寫HTML代碼時可以tab鍵自動補齊標籤。然而在編寫.jsx文件的代碼時,嵌套的標籤就無法享用一鍵補齊的優待了。

原创 未來的前端工程師

職能概覽 前端工程師首先是個程序員,其次也是個軟件工程師,他們工作在離用戶最近的地方,負責人機交互和用戶體驗,雖然叫“前端”,但其實他們的工作邊界其實已經很寬了。展望未來,我想前端的工作會繼續分化,也會繼續融合,分工是工業革命以來社會高效協

原创 JS如何判斷滾動條是否滾到底部

首先說一下常識:網頁可見區域寬: document.body.clientWidth;  網頁可見區域高: document.body.clientHeight;  網頁可見區域寬: document.body.offsetWidth  

原创 帶着三個問題深入淺出React高階組件

帶着三個問題深入淺出React高階組件"高階"二字聽起來非常唬人,因爲大學高數課上的高階方程讓人抓狂,從而讓第一次接觸"高階組件"概念的人們誤以爲又是什麼高深的思想和複雜的邏輯。但相信在你學習完成後和生產環境大量使用過程中,就會發現這個所謂

原创 vue綁定的點擊事件阻止冒泡

當我們在使用vue做項目時,經常用到點擊事件的綁定,但是我們綁在一個div上,裏面的其他按鈕(如刪除、修改)等按鈕也會加載這兒div的點擊事件,而事實我們不需要,如何解決:首先我們來區分事件冒泡、事件捕獲是什麼(1)冒泡型事件:事件按照從最

原创 React 中組件間通信的幾種方式

在使用 React 的過程中,不可避免的需要組件間進行消息傳遞(通信),組件間通信大體有下面幾種情況:父組件向子組件通信子組件向父組件通信跨級組件之間通信非嵌套組件間通信下面依次說下這幾種通信方式。父組件向子組件通信這是最簡單也是最常用的一

原创 React 手動實現 this 的綁定的幾種方法

一 :bind 方法。  在{}中,這個方法可以幫助我們綁定事件處理器內的  this ,並可以向事件處理器中傳遞參數class Hello extends React.Component {        //最後一個參數是事件對象 ha

原创 apicloud結合vue-cli三端跨平臺超快速開發

看到我的標題的時候可能覺得我是吹牛的,我早就想試試webpack+apicloud結合起來來開發,用了官方的腳手架發現並不是我想要的開發速度,總之開發很麻煩,小項目就很慢的了,別說大一點的項目,編譯起來簡直不可想像!首先我要證明一下我的項目

原创 Vue.js 移動端 Web App 點擊穿透問題解決方案

描述在近期的一個移動端項目中,有一個頁面需要有彈框提示,並且這個彈框通過關閉按鈕關閉。頁面當中使用了 iScroll 來實現頁面局部滾動,在 iScroll 的配置當中把 tap 和 click 事件都開啓了。代碼如下:this.myScr

原创 vue的圖片路徑,和背景圖片路徑打包後錯誤解決

最近在研究vue,老實的按照官網提供的,搭建的了 webpack+vue+vuex+vue-router,,因爲是自己搭建的,所以踩了不少坑,一般問題百度都有,這個背景圖片的問題,查了很久才解決。1、找到 config->index.js裏

原创 JS高級技巧

本篇是看的《JS高級程序設計》第23章《高級技巧》做的讀書分享。本篇按照書裏的思路根據自己的理解和經驗,進行擴展延伸,同時指出書裏的一些問題。將會討論安全的類型檢測、惰性載入函數、凍結對象、定時器等話題。1. 安全的類型檢測這個問題是怎麼安

原创 如何解決出現AXIOS的Request header field Content-Type

問題描述:由於restful接口需要在頭部header傳遞兩個字段:Content-Type: application/jsonAccess-Token: 84c6635800b14e0eba4f7ece65e095a1但是,在vue.js

原创 TypeScript React Starter

這個快速入門指南將教你如何使用React連接TypeScript。 最後,將會獲得:一個使用React和TypeScript的項目用TSLint項目檢查用Jest和Enzyme進行測試,Redux流程管理我們將使用 create-react