原创 網頁水印 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,