原创 PS 摳圖

PS 摳圖 第一步 使用快速選擇工具把需要扣圖部分的背景大致選住,右鍵 選擇反向 第二步 點擊頂部選擇,選擇並遮住 第三步: 選擇左邊工具欄的 調整邊緣畫筆工具 對細節部分進行打磨,打磨完畢後 點擊右下角的確認

原创 構造函數的屬性和方法

一、構造函數內定義的屬性/方法 function Fn(name){ this.name=name; }; var a = new Fn('張三'); var b = new Fn('李四'); console.log(a.n

原创 Javascript的繼承機制

一:在構造函數裏面的屬性和方法是不通過實例共享的; function A() { this.name = "睿睿", this.fn=function(){ console.lo

原创 原型和原型鏈(非深入)

//三個構造函數 A B C function A() { this.name = "睿睿" } function B() { this.age = '19' }

原创 CSS 倆邊固定中間自適應(4種方法)

倆邊固定中間自適應 1、float 2、flex佈局 3、position絕對定位 4、calc計算函數(移動端慎用) 推薦使用 1 2 3 種方法 第一種:float; HTML <div class="screenBox">

原创 js構造函數的new(new運算符原理)

function _New(fun) { //首先會創建一個新的空對象 var obj = {}; //然後新的空對象的_proto_指向構造函數的prototype成員對象

原创 基於element-ui穿梭框來控制元素顯示隱藏,以及通過拖拽來實現元素位置的變動,以及恢復元素初始狀態功能

基於element-ui穿梭框來控制元素顯示隱藏,以及通過拖拽來實現元素位置的變動,以及恢復元素初始狀態功能 (此塊功能邏輯爲本人在項目中使用(寫法low,請見諒),安全可靠(本人項目實現的是列表表頭的列的顯示隱藏以及拖拽排序)

原创 Vue-cli實現打印頁面內容功能

Vue-cli實現打印頁面內容功能 導出 export function print(content, w = null, h = null) { const dualScreenLeft = window.screenL

原创 call、apply、bind 的用法和區別

call、apply、bind 的用法和區別 首先:call、apply、bind的作用是改變函數運行時的this的指向 var zr = { a: 1, fn: function () {

原创 前端循環調用同一個接口,直到獲取到目標數據(基於promise async/await)

getifHoliday(workday) { return new Promise(resolve => { //此接口爲循環調用的接口,按照自己的需要進行修改 ifHoliday(wor

原创 小數點保留倆位小數(補0)以及顯示千分位

導出 //數字千位分割 export function formatNumber(num) { if (!/^(\+|-)?(\d+)(\.\d+)?$/.test(num)) { return num;

原创 element ui 點擊表格某一行改變行背景顏色

template <el-table :data="data" :row-class-name="tableRowClassName" //設置類 :row-style="selectedstyle" //設置行的

原创 前端this指向問題

前端this指向問題 一、this指向Window function zr(){ var username = "睿睿"; console.log(this.username ); //undefined

原创 時間戳轉換爲時間格式(補0)

導出 export function getMyDate(str){ var date = new Date(str), MyYear = date.getFullYear(), //年