原创 URLSearchParams初體驗

在之前發的工具方法文章的留言中有人就關於驗證網址的操作時可以使用URL對象,之後有人提到了URLSearchParams這個URL對象接口。由於之前沒有接觸過,所以搜索了一下具體的用處,發現這個接口的功能很實用,特此整理分享一下。 URLS

原创 JavaScript中十種一步拷貝數組的方法實例詳解

JavaScript中我們經常會遇到拷貝數組的場景,但是都有哪些方式能夠來實現呢,我們不妨來梳理一下,感興趣的朋友跟隨小編一起看看吧 JavaScript中我們經常會遇到拷貝數組的場景,但是都有哪些方式能夠來實現呢

原创 JavaScript中十種一步拷貝數組的方法

JavaScript中我們經常會遇到拷貝數組的場景,但是都有哪些方式能夠來實現呢,我們不妨來梳理一下。 1、擴展運算符(淺拷貝) 自從ES6出現以來,這已經成爲最流行的方法。它是一個很簡單的語法,但是當你在使用類似於React和Redux

原创 11個教程中不常被提及的JavaScript小技巧

這次我們主要來分享11個在日常教程中不常被提及的JavaScript小技巧,他們往往在我們的日常工作中經常出現,但是我們又很容易忽略。 1、過濾唯一值 Set類型是在ES6中新增的,它類似於數組,但是成員的值都是唯一的,沒有重複的值。結合擴

原创 淺嘗Vue.js組件(一)

組件名 1、使用 kebab-case Vue.component('my-component-name', { /* ... */ }) 2、使用 PascalCase Vue.component('MyComponentName', {

原创 淺嘗Vue.js組件( 二)

插槽(Slot) 定義一個名child子組件,爲該子組件添加內容應該在子組件的template中定義,直接在父組件的<child>標籤中定義的內容不會被渲染。 在子組件中通過加入<slot>元素佔位,便能夠渲染父組件中子組件標籤中的內容了。

原创 Vue.js基礎拾遺

模版語法 插值 1、Vue.js的數據綁定形式是使用“Mustache”語法(雙大括號)的形式,針對Html代碼,需要使用v-html指令。 <p>Using v-html directive: <span v-html="rawHtml"

原创 Web Worker使用初體驗

聖誕節爲集團活動製作了一款競速(戳手指)類的H5互動小遊戲,在這個的開發過程中第一次體驗了Web Worker的功能,感覺還是不錯的,整理分享一下。 使用緣由 由於這次製作的H5互動小遊戲需要針對點擊速度進行動效的更新,然後遊戲場景中有很

原创 React組件的State

組件state必須能代表一個組件UI呈現的完整狀態集,即組件的任何UI改變都可以從state的變化中反映出來;同時,state還必須代表一個組件UI呈現的最小狀態集,即state中的所有狀態都用於反映組件UI的變化,沒有任何多餘的狀態,也不

原创 React事件處理的機制及原理

這篇文章主要介紹了React事件處理的機制及原理,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 React中的事件處理 在React元素中綁定事件有兩點需要注意: (1)在React

原创 React事件處理

React中的事件處理 在React元素中綁定事件有兩點需要注意: (1)在React中,事件命名採用駝峯命名方式,而不是DOM元素中的小寫字母命名方式。例如onclick要寫成onClick,onchange要寫成onChange等。

原创 React組件的生命週期

組建從被創建到被銷燬的過程稱爲組件的生命週期。React爲組件在不同的生命週期階段提供了不同的生命週期方法,可以讓我們在組件的生命週期過程中更好的控制組件的行爲。通常生命週期我們可以分爲三個階段:掛載階段 -> 更新階段 -> 卸載階段 掛

原创 js控制全屏顯示/退出全屏的方法

退出全屏 var exitFullScreen = function() { var e = document; e.exitFullscreen ? e.exitFullscreen() : e.mozCancelFull

原创 工作手記之ios safari禁止音頻自動播放的解決方法

問題場景: 製作一個H5,需要微信打開後背景音樂或者其他音頻文件進行播放,但是經常出現的結果是,安卓基本沒有問題,但是蘋果手機確不行,總是不進行播放,這是爲什麼呢? 問題原因: 蘋果爲了用戶着想,禁止了Autoplay和JS "onloa