原创 js馬賽克

參考1 參考2 參考3 參考4 參考5 vue實現 data () { return { // 馬賽克操作對象

原创 在頁面關閉時發送同步請求

有時候我們需要在用戶離開頁面的時候,做一些上報來記錄用戶行爲。又或者是發送服務器ajax請求,通知服務器用戶已經離開,比如直播間內的退房操作。 本文主要分兩部分來講解怎麼完成退出行爲的上報。 1.事件監聽 瀏覽器有兩個事件可以用來監聽頁面

原创 移動端使用二倍圖比一倍圖有什麼好處

因爲不同的移動設備分辨率不一樣,以iphone爲例,我們假設你在pc上設置的是原始比例即一倍的顯示,iphone6的分辨率要乘以2倍,而6+則要乘以3倍,才能在設備上顯示清晰的圖片。否則,你用一倍的圖片適配所有機型,遇到分辨率大的設備,圖

原创 【譯】網頁像素追蹤原理

原文地址:How tracking pixels work 作者: Julia 前陣子,我花了一點時間和記者聊了聊廣告商是如何在網上追蹤用戶行爲的。我們非常愉快的在一起查看火狐瀏覽器的開發者工具,並在實踐中學會了一些有關通過像素來追蹤

原创 google map 自定義

google map 官方文檔 隱藏地圖默認的山川、圖標、線路等 官方文檔 自定義dom層 官方文檔 官方文檔2 例子 屏幕點(x,y)轉經緯度 function latLng2Point(latLng, map) { var to

原创 vue卡片化輪播圖組件

vue卡片化輪播圖組件 1.安裝swiper npm install swiper 2.在組件中引入swiper import 'swiper/dist/css/swiper.min.css' import Swiper from "sw

原创 Why is using “for…in” with array iteration a bad idea?

  Why is using “for…in” with array iteration a bad idea?   The reason is that one construct: var a = []; // Create a n

原创 當瀏覽器全面禁用三方 Cookie

當瀏覽器全面禁用三方 Cookie 蘋果公司前不久對 Safari 瀏覽器進行一次重大更新,這次更新完全禁用了第三方 Cookie,這意味着,默認情況下,各大廣告商或網站將無法對你的個人隱私進行追蹤。而微軟和 Mozilla 等也紛紛採取

原创 ie11 在canvas添加svg時無效

ie對svg的支持性不好 我用到了canvas的 fabric.js 庫,發現在ie11下添加svg無效 原因是ie11添加的svg圖沒有大小 所以手動設置下大小後顯示正常 var fimg = fabric.Image.fromURL

原创 IE throws Security Error when calling toDataUrl on canvas

圖片存儲在本地時,是默認沒有域名的,用getImageData方法時,瀏覽器會判定爲跨域而報錯! 摘了一段網上的解析: 1、首先沒有服務器環境(如:本地的html網頁,操作本地的圖片), 就會報"Unable to get image d

原创 canvas庫-fabric.js

參考 https://github.com/fabricjs/fabric.js https://blackstarxing.github.io/2019-08-17-fabric-doc.html https://github.com/

原创 調用setState後未重新執行 render?

情況一 shouldComponentUpdate(object nextProps,object nextState),每個組件都有這個方法,它負責確定“應該組件更新(運行渲染函數)?” 每次更改狀態或從父組件傳遞新的道具時。 您可以爲

原创 vue 項目中使用 JSX 以及 $createElement 使用方式

先說一下 element 中 Message 消息提示,MessageBox 彈框,Notification 通知組件怎麼插入自定義的HTML?用 JSX 的方式怎麼實現以及 vue 項目中怎麼使用 JSX ? 我拿 element 組件

原创 解決axios ie 下 缺少promise 墊片

參考 https://github.com/axios/axios/blob/master/UPGRADE_GUIDE.md#es6-promise-polyfill https://stackoverflow.com/questions

原创 獲取DOM元素上所有已註冊的事件偵聽器

getEventListeners() getEventListeners(domElement)爲您提供一個對象,其中包含該DOM元素上所有已註冊的事件偵聽器。例如,如果要在按鈕上引用單擊處理程序,將其刪除或在生產環境中的運行時中對其進