原创 Vue 中methods,computed watch的區別

Vue 中methods,computed,watch的區別 methods methods中定義的都是具體的方法,根據一些觸發條件,調用一次,重新執行一次。 比如說點擊事件 <template> <div>

原创 javascript實現貪喫蛇小遊戲

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>貪喫蛇</title> <script> var map; //地圖類對象 var snake

原创 微信小程序路由

wx.switchTab() 跳轉到 tabBar 頁面,並關閉其他所有非 tabBar 頁面 { "tabBar": { "list": [{ "pagePath": "index", "

原创 JavaScript實現隨機點名器功能

js實現點名器功能 代碼: - css樣式 <style> .box{ width: 350px; height: 300px;

原创 微信小程序中實現父子傳值

小程序擱置了一段時間着實忘記了挺多。今天覆習的是父子傳值。歡迎隨時補充!!! 父組件給子組件傳值 第一步:定義父組件 在父組件json 中引入子組件 { "usingComponents": { "sonCom":

原创 js實現蜘蛛網效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 微信小程序中的生命週期

微信小程序的生命週期大概分爲三步 1.全局生命週期 2.頁面生命週期 3.組件生命週期 一. 生命週期 App(全局) 項目根目錄app.js文件 App({ onLaunch (options) { co

原创 關於js正則的總結

一: 什麼是正則表達式 是對字符串操作的一種邏輯公式,事先定義好的一些特定的字符、及這些特定字符的組合,組成一個“規則字符串”,這些特定字符串是對字符串一種過濾邏輯。 二:正則表達式的作用: 給定一個正則表達式和一個字符串,我們可

原创 js原生實現留言板功能

功能實現: 點擊提交按鈕,講輸入框中文字添加到顯示留言下,並清空文本框;點擊刪除,將添加的姓名與內容以及刪除按鈕都刪除。 代碼如下: css: <style> *{ margin: 0;

原创 js原生實現購物車功能

js原生實現購物車功能 功能實現:1. 用JavaScript實現靜態購物車功能 2. 點擊+號數量增加,點擊-號數量遞減; 3. 實現全選、反選和刪除功能; 4. 求出小計、總數量和總價; 效果圖獻上: 上代碼: cs

原创 Javascript原生的DOM操作方法

Javascript的DOM操作方法 原生js5中操作dom一共是有三種方法: 第一種:標籤式的綁定(HTML事件處理) 第二種:DOM0級事件處理 第三種:DOM2級事件處理 但是頻繁的操作dom可能造成頁面元素的重繪

原创 淺談js中call,apply,bind的區別

Call、 apply 區別,原生實現 bind Call、apply、bind都是改變this指向的,其中call的話是通過第一個參數來 改變this指向,函數在傳參的時候一個一個進行傳參,apply也是通過第一個參 數改變th

原创 vue封裝一個搜索組件

vue封裝一個搜索組件 話不多說,直接上代碼!!! 搜索組件: <!-- --> <template> <div> <input type="text" v-model="inputValue

原创 javascript事件冒泡和事件捕獲及事件代理

一:什麼是事件? 事件是文檔和瀏覽器窗口中發生的特定的交互瞬間。 事件是javascript應用 跳動的心臟,也是把所有東西黏在一起的膠水,當我們與瀏覽器中web頁面進 行某些類型的交互時,事件就發生了。 事件可能是用戶在某些內容

原创 淺談js 防抖節流

淺談js 防抖節流 防抖:在固定的事件,間隔內 不會執行我們的代碼邏輯 除非某個時間段內 有事件觸發 會再次延長 如果在某個時間段後沒後觸發 就在n秒後執行代碼邏輯 我們用防抖實現一個函數的封裝。 生活小例子: 比如說電梯的