原创 發佈訂閱全局事件廣播

// eventProxy.js // 'use strict'; const eventProxy = { onObj: {}, oneObj: {}, on: function (key, fn) {

原创 git將某個分支的代碼完全覆蓋另一個分支

假設每個人有個開發分支,想隔一段時間就把自己的開發分支上的代碼保持和測試分支一直,則需要如下操作: 1.我想將test分支上的代碼完全覆蓋dev分支,首先切換到dev分支 git checkout dev 2.然後直接設置代碼給遠程的te

原创 css3實現滾動圖的彈性 跳轉指定圖片位置

舉個栗子 ul {   scroll-snap-type: x mandatory;      li {     scroll-snap-align: center;   } } scroll-snap-*  自行百度   demo   

原创 1px解決方案

<html> <head> <title>1px question</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF

原创 webpack優化部分總結

基於crp的腳手架優化: 1.針對config文件下的path.js文件 getPublicUrl  函數內有  homepage  屬性,該屬性在package.json文件可進行配置,用於服務器路徑不爲根目錄的情況,homepage:

原创 img標籤加載src圖片,圖片逆時針旋轉了90度,解決方案

問題描述: 手機頭像上傳,遇到一個怪現象,就是拍照上傳時,手機端顯示頭像正常,但在web端查看會有一個左旋90度的問題。 並且照片豎怕纔會有此問題,橫拍不存在。   原因分析: 手機拍照時,用相機拍攝出來的照片是含有EXIF信息的,在我們

原创 meta標籤總結

<meta> 標籤提供關於 HTML 文檔的元數據。它不會顯示在頁面上,但是對於機器是可讀的。可用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他 web 服務。Meta標籤的作用meta裏的數據是供機器解讀的,告訴機器

原创 移動端兼容問題

安卓瀏覽器看背景圖片,有些設備會模糊因爲手機分辨率太小,如果按照分辨率來顯示網頁,字會非常小,安卓手機devicePixoRadio比較亂,有1.5的,有2的也有3的。想讓圖片在手機裏顯示更爲清晰,必須使用2x的背景圖來代替img標籤(一

原创 IOS下localstorage不起作用提示

if (typeof localStorage === 'object') { try { localStorage.setItem('localStorage', 1); localStorage

原创 移動端rem淘寶網易解決方案

1. 問題的引出最近閱讀白樹的博文《移動web資源整理》時,他在博文中有一段指出,如果html5要適應各種分辨率的移動設備,應該使用rem這樣的尺寸單位,同時給出了一段針對各個分辨率範圍在html上設置font-size的代碼:html{

原创 移動端兼容和問題規避處理

H5頁面窗口自動調整到設備寬度,並禁止用戶縮放頁面<meta name =“viewport”content =“width = device-width,initial-scale = 1.0,minimum-scale = 1.0,m

原创 ES6的一些小功能

1.let,const 首先我們來看一下,var 變量會導致變量的提升,聲明提前,例如: function test() { if (bool) { var str // 變量提升

原创 mongodb數據庫在Linux上的使用

一,MongoDB中的使用 (1)which mongod 此步驟的作用是,檢測的MongoDB是否在電腦上安裝成功。 (2)mkdir -p /data/db 一個新建/data/db 文件夾數,-p表示遞歸創建。 這個文件夾的作用是用

原创 vue路由緩存

一、先設置路由模塊元:{         path:'/ category',        name:'Category',        component:Category,        meta:{             ke

原创 js深拷貝

一個比較好的,深拷貝方法 var arr = [1, 2, 43]; var json = { a: 6, b: 4, c: [1, 2, 3], say:function(){console.log('gg')}};