原创 簡單的推廣功能:下載海報(canvas),二維碼,複製鏈接等功能

簡單的推廣功能:下載海報[canvas],下載二維碼,複製鏈接等功能 效果圖如下圖所示: 代碼如下,功能也自行刪減: <template> <div class="popularize-modal">

原创 Blob 對象 下載文件

Blob 對象 下載文件(vue) import Cookie from 'js-cookie'; import axios from 'axios'; export default { methods:

原创 iphone6s textarea輸入框獲焦頁面被頂起,失焦後頁面沒有恢復,焦點錯亂問題

iphone6s textarea輸入框獲焦頁面被頂起,失焦後頁面沒有恢復,焦點錯亂問題 場景如下: 點擊分享微信朋友圈的時候,彈出pop框,裏面有textarea可以輸入文案,textarea獲焦的時候,頁面會被頂起,當text

原创 vue中.sync修飾符的使用及拓展

官方對於該修飾符的解釋是專業的:請點擊 其實目的就是實現父子組件的雙向通信,可以更直接的改變互相共用的參數。 那就上個例子: 父組件代碼: <template> <div> <car-number @car-click="onP

原创 使用vscode工具在vue和react native項目上使用eslint和pre-commit

Eslint及pre-commit的安裝與使用(Vue) 一、ESlint的使用 ESlint是用來做什麼的? ESlint官網介紹是可組裝的JavaScript和JSX檢查工具。簡單點來說,就是檢查並約束代碼風格,使之保持一致。代

原创 Visual Studio Code 添加設置代碼段(snippet)的使用(example: react native)

目的:爲了提高開發效率,在VScode我們可以使用 用戶代碼片段 來快速生成模板。 用處:用戶代碼片段其實類似於 webStorm 或者IDEA 的編輯器模板,輸入某些名稱即可快速生成代碼model。 使用用法(mac os示例):

原创 關於npm cache clean --force使用

今天,我把node_modules刪除掉,然後重新npm run install 的時候出現瞭如下錯誤: npm ERR! Unexpected end of JSON input while parsing near '...l.c

原创 css position 定位

static、absolute、fixed、relative、inherit 1.static 默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。 2.ab

原创 關於var,let,const異同點

一、let和var區別 1.關於變量提升,var能變量提升,let不能 // 關於var 如下所示 console.log(a); //輸出undefined,此時就是變量提升 var a = 2; console.lo

原创 爲什麼不能在原型鏈上使用對象以及JS原型鏈的深層原理(轉載自 https://www.cnblogs.com/xueming/p/prototype.html )

在剛剛接觸JS原型鏈的時候都會接觸到一個熟悉的名詞:prototype;如果你曾經深入過prototype,你會接觸到另一個名詞:__proto__(注意:兩邊各有兩條下劃線,不是一條)。以下將會圍繞prototype和__proto__