原创 小白也能徹底理解的prototype原型鏈第一篇

前言 原型鏈這部分的概念對於前端開發人員,一直是一個難點,尤其是es6語法中還引入了class關鍵字,我們可以通過更直觀的方式使用js對象繼承等功能。本以爲原型鏈相關知識現在只有在面試中用到了,但最近發現在研究lodash、vue

原创 三分鐘搞懂es6 Symbols

一、描述 Symbols是JavaScript在es6版本新引入的一種基本數據類型,其中每個從Symbol()返回的symbol值都是唯一的。 二、基本用法 給user對象添加一個唯一的key const id = Symbo

原创 環信無需對方同意直接添加好友

一、預期功能 環信web版(或h5版)實現添加好友功能,需直接添加好友而不用確認通過,能夠實現直接添加好友然後開始聊天。 二、主要思路 查詢了環信官方給出的開發文檔發現不支持這種操作,但在環信控制檯界面,管理員可以直接讓兩個用戶建

原创 python黑科技:一句代碼啓動一個http服務

環境準備 linux 安裝了python的windows(配置好環境變量) 啓動命令 1. python版本小於3.0 python -m SimpleHTTPServer 8080 -m意爲將python模塊作爲腳本運行

原创 從豆瓣爬取並下載對應關鍵字的全部圖片(以周杰倫爲例)

源碼 import requests import json def download(src, id): dir = './' + str(id) + '.jpg' try: pic = req

原创 過濾數組中爲falsy的對象

falsy定義 falsy可以直譯爲假值,包含false,'',"",null,undefined與NAN這幾種數據類型。 思路 第一步使用filter過濾falsy類型的數據這一點應該很容易想到,第二步就是考慮如何將數組中每一項

原创 實例方法、實例屬性、靜態方法與靜態屬性的創建與使用(es5 vs es6)

一、es5版本 相關知識點 構造函數 原型鏈 const Person = function (name, age) { this.name = name // 實例屬性,可以通過對象.屬性訪問的屬性叫實例屬性 thi

原创 echarts常見樣式速查(修改頻率最高的幾種樣式)

echarts 最常見的幾種樣式(可能是修改頻率最高的),歡迎補充~ 柱狀圖柱寬度 series:{ barWidth: '8px', } 座標軸字體顏色 // yAxis/xAxis attr axisLabel:

原创 java文件存在引用卻報錯(Cannot resolve symbol 'XXX')

問題描述 路徑中明明存在的文件,引用卻提示報錯Cannot resolve symbol 'XXX'。 後來嘗試了rebuild、clean install、reimport問題依舊存在,渾身難受。 最奇怪的是其他人都啓動正常,且

原创 python自帶方法:一句代碼啓動一個http服務

環境準備 linux 安裝了python的windows(配置好環境變量) 啓動命令 1. python版本小於3.0 python -m SimpleHTTPServer 8080 -m意爲將python模塊作爲腳本運行

原创 vue項目運行正常,打包後無法正常顯示(30秒解決方案)

一.問題描述 使用vue-cli創建的的項目,開發過程中無任何問題,在開發完成後準備打包上線,此時打包也無任何問題。然而打包後使用Tomcat發佈時卻出現了白屏問題。 二.原因探索 1.打開控制檯 查看network,顯示的都是各

原创 js圖片下載(支持跨域/解決Access-Control-Allow-Origin)

一、思路 使用canvas繪製圖片 使用toBlob方法將canvas圖片轉換爲文件 使用a標籤的download屬性下載這個canvas轉化生成的圖片文件 canvas.toBlob() 將canvas圖像轉換爲文件 參數

原创 快速查看當前node項目使用的依賴並生成圖表

node項目快速查看依賴使用情況 命令 在打包的命令後邊加一個--report參數 npm run build --report 示例 END 點贊 收藏 分享 文章舉報

原创 vue子組件樣式無效問題

問題描述 拿elementUI中的row-class-name來說,組件中直接給這個css類加樣式你會發現它根本不生效。記得當時臨時解決方案是寫了一個無scoped限定作用域的style(css代碼塊) 研究發現樣式不生效是因爲使

原创 打開瀏覽器全屏實現(類似F11效果)

一、全屏展示當前頁面 類似於按f11得到的樣式,隱藏瀏覽器邊框書籤欄以及操作欄。 const fullScreen= () => { let el = document.documentElement; lett rf