原创 javascript 立即執行函數(IIFE)與閉包

立即執行函數(IIFE)  大牛的講解,點擊  立即執行函數、立即執行表達式、IIFE(immediately invoked function expression)、自執行函數,叫法不同,都是一樣的;  立即執行函數是指聲明完之後便直

原创 跨域(JSONP & CORS)請求的實例

 隨着軟件開發分工趨於精細,前後端開發分離成爲趨勢,前端同事負責前端頁面的展示及頁面邏輯處理,服務端同事負責業務邏輯處理同時通過API爲前端提供數據也爲前端提供數據的持久化能力,考慮到前後端同事開發工具和習慣的不同,必然需要將前後端項目進

原创 如何給表格的tr加上下邊框

今天在做一個表格的時候想要給每個tr上設置一個下邊框,但當我直接給tr上加上border-bottom的時候發現邊框不會正常顯示,查找資料後總結如下:在table中有一個默認的屬性:border-collapse 參數: 1.separa

原创 用HTML5 Canvas 做擦除及擴散效果

 2013年的時候曾經使用canvas實現了一個擦除效果的需求,即模擬用戶在模糊的玻璃上擦除水霧看到清晰景色的交互效果。好在2012年的時候學習HTML5的時候研究過canvas了,所以在比較短的時間內實現了一個方案【下文方案一】,後來繼

原创 vue之mixin理解和優缺點

實例        不同的組件,作用是通過切換狀態(Boolean類型)來展示或者隱藏模態框或提示框。這些提示框和模態框除了功能相似以外,沒有其他共同點:它們看起來不一樣,用法不一樣,但是邏輯一樣。 // 模態框

原创 vue-cli3項目修改項目配置

  vue-cli3期望做成0配置,使用vue-cli3構建項目,會發現之前的項目配置文件比如webpack.base.config.js等都不見了,那如果想要修改配置怎麼去修改呢?vue cli3官網給出了方法。 使用vue.con

原创 VUE修改框架或插件組件樣式解決方案

第一種:使用 /deep/ 推薦的。看下面例子。注意:使用 cass 和 less 只能使用 /deep/ 這個方法 方法二:使用 >>> 使用這三個大於號就可以找到,跟上面的 /deep/ 差不多。 方法三:使用全局樣式(不推薦)

原创 js 徹底理解回調函數

一、前奏在談回調函數之前,先看下下面兩段代碼: 不妨猜測一下代碼的結果。function say (value) { alert(value); } alert(say); alert(say('hi js.'));12345如果

原创 前端技術-佈局解決方案

前端技術-佈局解決方案一、居中佈局1.水平居中行內元素如果被設置元素爲文本、圖片等行內元素時,水平居中是通過給父元素設置 text-align:center 來實現的。 定寬塊狀元素當被設置元素爲塊狀元素時用 text-align:cen

原创 centos7中輸入ifconfig出現ens33,沒有eth0

vmware安裝的centos7中沒有出現eth0網卡,也沒有ip,不能上網,輸入ifconfig後如下圖解決辦法1.編輯網卡的配置文件 vi /etc/sysconfig/network-scripts/ifcfg-ens33 將裏面的

原创 split、replace、indexof、substr 用法 (獲取後臺富文本框內容,截取圖片)

split、replace、indexof、substr 用法 (獲取後臺富文本框內容,截取圖片)1、split()  分割字符串,轉化成數組(1)分割數據中有某段字符串的數據 ,轉化成數組//拿取富文本框中的圖片 var div=dat

原创 解決:IE已限制此網頁運行腳本或activeX控件且沒有css樣式

用IE打開本地頁面突然提示IE已限制此網頁運行腳本或activeX控件,如圖所示:點擊允許阻止的內容依然不顯示正常的css樣式,網上的設置internet的啓用禁用方法依然無法解決,最後去掉了<!DOCTYPE html>中的html,完

原创 prototype 和 proto function 和 object 以及new之間的區別和聯繫

本文主要講三個 問題prototype 和 protofunction 和 objectnew 到底發生了什麼prototype 和 proto首先我們說下在 JS 中,常常讓我們感到困惑的地方,就是 prototype 和 __prot

原创 解決react項目中event對象打印的值爲null

在做react項目的時候,發現event打印到控制檯上的屬性值均爲null,如下圖所示:   覺得挺奇怪的,怎麼可能是null呢,但是在方法裏面竟然又能獲取到值,這樣對調試很不利,有木有?        其實真正的原因是因爲React裏面

原创 一文快速掌握 Git 用法(Git介紹及使用流程)

原文鏈接:https://blog.csdn.net/piaoxuezhong/article/details/78858178 一、Github 基礎 什麼是 Git? git 是一個分佈式版