原创 網頁水印 react

  最近研究水印 網上搜索到一款 比較好用的組件  watermark.js是一個給B/S網站系統加一個很淺的水印插件,確保系統的保密性,安全性,降低數據泄密風險。不影響頁面的其他操作,純粹的水印 貼上源碼地址 https://githu

原创 初始化 react項目

安裝node.js     https://nodejs.org/en/     npm其實是Node.js的包管理工具(package manager)。     安裝完成後 ,檢查版本(命令提示符) npm -v node -v 安

原创 CSS3中,常見的長度單位

  vw、vh、vmin、vmax rem與em   1、vw、vh、vmin、vmax vh、vw、vmin、vmax這四個單位都是基於視口的,含義如下:   (1)vw、vh vw是相對視口(viewport)的寬度而定的,長度等於視

原创 常見的前端佈局方式

1. 佈局概念 最傳統、原始的Web佈局設計。網頁最外層容器(outer)有固定的大小,所有的內容以該容器爲標準,超出寬高的部分用滾動條(overflow:scroll)來實現滾動查閱。 2. 優點 採用的是css2之前的寫法,不存在瀏覽

原创 使用easyMock

日常工作中會碰到一些情況就是,前端靜態頁面製作完成,後端接口還沒有製作完成,可以使用一些模擬數據,長期以往,不便於操作,同時容易改動原有的調試好的代碼模塊,也不是數據很全面地能夠測試。 介紹一下 easyMock easy-mock一個在線

原创 釘釘開發那些事

接觸釘釘一年半多,羅列一些常用的功能和網址,着重前端部分,畢竟前端開發哇。 希望有所幫助,有不足之處,希望指點下哈! 目前主要使用的是,第三方應用開發,大致感覺就是基於釘釘的H5頁面,在釘釘中打開。   初步理解 先拋開釘釘官方推薦的No

原创 react webpack環境下使用echart

這是之前接觸過的圖標庫,最近項目又重新用到關於圖表方面。由於之前沒有整理出,單獨的相關內容,每次需要重新查閱,所以特別記錄一下,希望也能給看文章的你帶來幫助。期望接下來,也會保持記錄的好習慣,先給自己立個flag,(#^.^#)。有不足之

原创 網頁水印

  最近研究水印 網上搜索到一款 比較好用的組件  watermark.js是一個給B/S網站系統加一個很淺的水印插件,確保系統的保密性,安全性,降低數據泄密風險。不影響頁面的其他操作,純粹的水印 貼上源碼地址 https://githu

原创 js去除字符串空格(空白符)

使用js去除字符串內所帶有空格,有以下三種方法: ( 1 ) replace正則匹配方法   去除字符串內所有的空格:str = str.replace(/\s*/g,"");   去除字符串內兩頭的空格:str = str.replac

原创 flex的幾個常用佈局

  常用的幾個樣式 效果如圖            目錄 demo1 代碼如下 demo2 代碼如下 demo3 代碼如下 demo1 代碼如下 <!DOCTYPE html> <html> <head> <meta charset="u

原创 圖片列表展示

效果圖 前情概要:近期在react 中想寫一個動態排列圖片的樣式,以下是部分代碼,還是前端小菜,有不足之處,希望多多提點哈! 代碼如下:   <div className='card-images'>   {/* 1 */} <div

原创 less中calc 使用

發現在less中 calc(100% -4rem) 等帶單位混合運算會被less解析忽略單位,全部按照百分比計算,此例中的計算被less編譯成calc(96%)。   解決方案       max-height: calc(~"100vh

原创 小程序圖片格式,自適應

1. scaleToFill : 圖片全部填充顯示,可能導致變形 默認   2. aspectFit : 圖片全部顯示,以最長邊爲準   3. aspectFill : 圖片全部顯示,以最短邊爲準   4

原创 關於百度地圖API使用

如果是通過js調用百度地圖API接口 JavaScript API(賬號和獲取祕鑰):http://lbsyun.baidu.com/index.php?title=jspopular/guide/getkey 獲取百度地圖API,