原创 rem適配flexible.js解決方案

1某寶方案 1.1 某寶的flexible.js // i6爲基準,設計圖是i6二倍圖,二倍圖中32px = 1rem, 我在variables.less 寫了變量 @baseFontSize 1rem=37.5px(蘋果6下) // Ja

原创 canvas 壓縮圖片並保存原圖片exif信息

<template> <div> <input type="file" id="avatar" name="avatar" accept="image/png, image/jpe

原创 易用的css屬性總結

文字超出省略號總結 //一行省略號 .box{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } // >

原创 navicat 創建本地MySql數據庫

一、下載安裝包 mysql dmg https://downloads.mysql.com/archives/community/ 二、安裝 三、配置 點擊進入,開啓 mysql 服務,此時我們在命令行輸入命令,會提示 commond

原创 對象遍歷 使用 注意

使用 v-for="value,key,index in userlist" 注意 對象的key如果是可以轉換成Nnumber類型的,內部會默認先按照key的順序進行排序,所以遍歷出來的順序就不一定是原來對象的順序

原创 多個條件對應數據處理(if else)

// 場景一:多個condition對應名稱 // 方案1: 將condition用Object對象形式存在Map對象裏 const actions = new Map([ [{identity:'guest',status:1

原创 vue動態組件& 動態import 組件

component 使用場景: 多個組件之間進行切換 <component v-bind:is="currentComponent" ></component> require.context() 使用場景:手動引入多個組件 /**

原创 js 滾動條滾動定位

// 滾動定位 setTimeout(function(){ let overDiv = document.getElementsByClassName('tree-box')[0] // overflow:a

原创 css的position-relative兼容問題與解決辦法

開發中遇到了使用相對定位,發現谷歌瀏覽器和QQ瀏覽器渲染的方式不一樣,對應父級定位不同 解決辦法 把需要定位的元素放在父級中的第一個子元素的位置 在實際使用中發現一個兼容性的問題,position:relative是指針對上級目錄的相對決

原创 服務器下載設置nginx

開發環境 測試環境等這些服務器基本都是在linux環境上的,不確定是什麼環境可以詢問相應的開發同事 在本地下載好對應的nginx壓縮包 下載地址http://nginx.org/en/download.html 使用filezi

原创 vue-cli3.0 更換vue-cli2.x

從2.x升級到3.0後,項目需求又需要換回2.x npm uninstall -g @vue/cli npm install -g vue-cli npm install -g vue-cli npm WARN deprecated cof

原创 npm 升級node

mac 系統需要切換到root用戶 sudo -u 查看版本 npm -v node -v 更新npm版本 npm install -g npm 更新node版本 先清除npm緩存:npm cache clean -f 然

原创 js深淺拷貝

所謂的深淺拷貝是相對與typeof === 'object' 而言的,數組是用堆對應保存的。 淺拷貝:拷貝了對象的存放地址,只是指向相同而已 深拷貝:完全複製了一個獨立的個體 1、 淺拷貝 (指向同一個存放地址) let arr1 =

原创 資源收集

圖片壓縮處理 智圖 https://zhitu.isux.us/ 熊貓壓縮 https://tinypng.com/ FTP 服務端上傳 filezilla 版本控制工具 git svn 客戶端 SmartSVN sourceTree

原创 mac ssh連接服務器 設置配置

本文主要介紹在Mac OS X中,使用終端來執行SSH遠程登錄 1、首先打開終端,然後輸入sudo su - 回車進入根目錄,輸入密碼 2、進入遠程服務器 ,第一次進入需要輸入密碼 ssh root@遠程服務器域名 3、連接成功