原创 Tableau嵌入視圖失敗解決辦法

在正式說這個問題之前先跟大家介紹一下Clickjack攻擊(即單擊劫持)。 點擊劫持是對網頁的一種攻擊,攻擊者試圖通過在不相關頁面上的透明層中顯示要攻擊的頁面來誘使用戶點擊或輸入內容。 可能大家都知道,但我在囉嗦舉個例子🌰具體說明一下什麼

原创 自定義input單選框radio的樣式

今天幫後端弄一個很古老的項目,要用原生方法改變radio的樣式,順便貼出來給大家分享 效果是這樣的,當然你可以自己定義你喜歡的樣式 HTML: 這裏label 的for可以將lable和input關聯起來 <div> <input

原创 如何在測試環境防止代碼混淆?JS代碼混淆

    代碼混淆是一種代碼保護機制可以保護js邏輯不被破譯。項目一般要經過三個階段開發、測試、部署上線。在部署的時候我們會對代碼進行壓縮和整合。代碼混淆一般是通過正則替換實現或者語法樹替換實現。代碼混淆後安全級別有顯著提升。但是這也讓我們

原创 ECharts x軸橫座標文字顯示不全(傾斜處理)

ECharts橫座標文字傾斜,有的時候因爲X軸的座標文字較長,無法水平展示,又要全部顯示,這時候就需要傾斜文字顯示,當然我做這個不是因爲無法顯示,因爲我們的設計就是斜着的哈哈。(你要是想y軸傾斜也是一樣的配置) 用到的是xAxis.axi

原创 Google logo配色 Google官方配色表

一直覺得Google的logo配色超級好看,也很清新,分享出來 藍 :#2d85f0 紅 : #f4433c 黃 : #ffbc32 綠 : #0aa858   By the way 附上Google官方提供的顏色表  

原创 前端JS原型、原型鏈

原型和原型鏈是前端比較重要的概念,也比較繞,很多人都搞不明白。剛好今天有人問我索性就寫篇文章整理一下。 首先來說一下什麼是原型、原型鏈和構造函數。 原型:JS中的對象都包含了一個prototype的內部屬性,這個屬性所對應的就是該對象的原

原创 VUE引入CKEditor方法

最近在做一個CMS系統,然後找了幾個插件,最後在ueditor和CKEditor挑選的,爲什麼沒有選擇百度的ueditor呢? 總之就是issue太多了,百度爸爸不想在搞這個麻煩了。然後就用了CKEditor. 引入的時候在網上搜了好多

原创 CSS文本超出盒子顯示省略號...單行文本和多行文本省略

CSS文本超出盒子顯示省略號...只需要添加三個屬性 //單行文本 div{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

原创 如何修改谷歌瀏覽器input自動填充的黃色背景

  input默認在focus狀態下會有一個藍色或黃色(瀏覽器以及設備系統不通,默認外邊框顏色可能會不同)的外邊框樣式 Like this   只要添加 一個屬性就可以去掉 input{ outline:none; }  

原创 移動端適配方案、Rem適配方法

現在說一下rem ,rem是根字號的大小。也就是<html>元素的字號大小, em是相對於自身的字號大小。 REM適配移動端就是用js設置根字號的值,然後所有的值都用rem來設置。 這個方法很方便,直接調用方法就可以。我封裝了一個給大家參

原创 React無法用@來引入模塊

vue的項目中因爲webpack已經配置,可以直接用,但是react需要自己配置一下 更改config/webpack.config.js文件中的alias alias: { ... '@': path.resolve('s

原创 VUE每次切換路由返回頁面頂部

默認情況下,每次點擊切換頁面會記住原來的捲曲位置,那麼想要每次點擊切換路由操控頁面變化。 請在你的main.js文件中配置 router.afterEach((to,from,next) => { window.

原创 Tableau單點登錄iframe嵌入找不到資源

TABLEAU報表在單點後,嵌入到iframe裏面,頁面顯示找不到資源,有以下可能, 1、可以和分析師確認改報表所在的文件夾是否已經確認發佈,而不是在test文件夾內。此時使用admin賬號單點登錄,可以成功。 2、同一個頁面,嵌入了兩個

原创 前後端交互跨域,問題處理 ,Access to XMLHttpRequest...but only one is allowed.

在前後端數據交互的時候控制檯報錯如下。 一般情況下,服務端按如下設置請求頭就可以解決跨域問題 public void doFilter(ServletRequest servletRequest, ServletResponse se

原创 CSS文本超出盒子顯示省略號...

CSS文本超出盒子顯示省略號...只需要添加三個屬性 div{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }