原创 判斷橫豎屏的三種方式:

判斷橫豎屏的三種方式: 參考 :判斷橫屏豎屏方式(三種) 其中css方式親測有效: CSS中通過媒體查詢的方法來判斷: 1 2 @media (orientation: portrait ){ 3 4 //豎屏CSS 5

原创 react-developer-tools插件下載和安裝方式

前言 最近又重新系統學習react了,想安裝react插件調試,發現一直沒有安裝成功,於是在經過了跟插件的幾百回合大戰後,終於在剛剛安裝成功了,特此記錄一下,也便於最近需要安裝該插件的小可愛們,不用再到處找插件安裝包了。 一.下載 百度網盤

原创 react踩坑-各種異常解決方案

1.react項目導入PropTypes報錯: Typo in static class property declaration react/no-typos 如果使用PropTypes一直報錯,先看看是不是大小寫的問題,應該是propT

原创 實現複製文本到粘貼板

前言 我們在做項目的時候,可能會遇到做複製的功能,小玲今天就遇到了,所以就有了這篇文章~ 一 原生js實現 項目中經常會遇到點擊按鈕複製訂單號、訂單id等內容到粘貼板中的需求。可是在網頁上我們通常都是用Ctrl + c或右擊複製的,

原创 利用create-react-app從零開始搭建React移動端環境

一 開始 1 全局安裝腳手架 npm install -g create-react-app 如果window下安裝報錯了,類似如下報錯信息(網上教程看到別人有報錯,我這裏window10系統沒有發現有這個報錯)   只需要在開始菜單

原创 Vue組件component標籤的使用

內置組件component的用法 <component></component>標籤是Vue框架自定義的標籤,它的用途就是可以動態綁定我們的組件,根據數據的不同更換不同的組件 先看一下vue.js官網的用法:       也就是說comp

原创 vue採坑:vue項目打包後,elementUI 部分樣式失效

最近在搭建一個vue+ElementUI+Vuex項目,打包時發現了有幾個問題,解決後特地記錄一下,以免下一次有遇到類似的問題。 一.頁面一片空白並報錯Failed to load resource: net::ERR_FILE_NOT_F

原创 json-Server工具的使用

前言 作爲一名的前端開發工程師,在開發過程中,經常需要後端小夥伴配合,提供頁面展示的大部分數據。然而就存在這麼一個問題:如果我們在進行開發過程中,要數據渲染的時候,後臺還沒提供相關的接口文檔或者API,那該怎麼辦呢? 這個時候就需要我們自給

原创 值得擁有的 UI 調試技巧

今天加班學會了一個UI調試技巧,發現真的很不錯,於是馬上手動試驗了一把 如圖:      結合我們實際業務開發,當我們查看一個元素的位置及大小並修改它的 CSS,我們會使用開發者工具的因此就會頻繁使用 DevTools 中的選擇元素功能。

原创 踩坑,vue項目中,main.js全局引入scss文件時報錯

前言 最近一直在搭建新項目,考慮到項目本身的需求以及後期的維護和版本迭代,於是乎想要全局引入scss文件,經歷過多次的嘗試和配置,終於把scss文件全局引入成功了,先來比個yeah~(先承認一下自己太菜了,不然也不至於把各種方法都試遍了才配