原创 vue計算屬性computed與偵聽器watch

一、計算屬性computed 當其依賴屬性的值發生變化是,這個屬性會重新計算自動更新,並通不更新到dom樹中 作用: 減少模板中的計算邏輯 進行數據緩存 依賴固定的數據類型(響應式數據) 使用: 在computed屬性對象中

原创 vue-delTools安裝

一、安裝DelTool vue-delTools是vue調試工具,是基於Chrome瀏覽器插件。 兩種安裝方式, Chrome商店安裝,或者下載安裝包 手動安裝 a.github 找到vue-devtool項目clone到本地

原创 vue 列表模糊搜索

<template> <div> <h3>搜索列表</h3> <input type="text" placeholder="請輸入搜索信息,姓名,年齡,性別,手機號" v-model="searchName"

原创 js正則表達式 強密碼 必須包含大小寫字母,特殊字符,數字的正則8~20位

琢磨了好久 終於寫出來了 親測有效,根據網站提供的強密碼修改的 話不多說上代碼 var pattern = /^(?![A-z0-9]+$)(?=.[^%&',;=?$\x22])(?=.*[a-z])(?=.*[A-Z])(?=

原创 在mac系統的Chrome中安裝React Devtools調試工具

在mac系統的Chrome中安裝React Devtools調試工具 1.下載安裝包 官網地址:https://github.com/facebook/react-devtools   在Branch中選取v3版本,git clo

原创 canvans鼠標小球

canvas鼠標小球 熟悉es6特性練習,使用canvas繪製鼠標移動小球特效 實現過程 1.首先先定義一個canvas,設定canvas的樣式和大小 <style> #canvas { margin:

原创 es6新特性展開操作符“···”

展開操作符 展開操作符:“…”允許一個表達式在某處展開,在存在多個參數(用於函數調用),多個元素(用於數組字面量)或者多個變量(用於解構賦值)的地方就會出現這種情況。 用於函數調用 如果在之前的js中想讓一個函數把一個數組一次作爲

原创 ES6新特性(一)

1.語言特性 1.const,let關鍵字 let 作用域中變量聲明 if(true){ let a='hollow would!'; } console.log(a); //ReferencError:a is not defi

原创 node.js之 assertion斷言

(assertion)斷言 斷言就是用於檢查程序運行時是否滿足期望。 demo如下: var assert= require('assert'); assert.equal(Math.max(10,100),100); 一旦asse

原创 定時器與計時器

1、計時器setInterval()的使用方法 1.1首先在全局中定義一個變量做線程 var ints=''; ints = setInterval(function () { //do something },time); //time

原创 layer alert 有按鈕功能

layer.open({ title: '雲堆系統提示', content: msg.info, btn: ['添加認證信息'], yes: function

原创 使用正則表達式刪除某一個html標籤內所有屬性

如需刪除,含有某一特定屬性的標籤中的所有屬性 ; 例 :需刪除含有program屬性的中的所有的屬性; //目標str var str='<span class="weapp_image_link" miniprogram="wx484f

原创 layer 彈層插件使用1

layer彈層: 添加提示文字與按鈕功能的: 1.單個按鈕 layer.open({ title: '雲堆系統提示', content: msg.info, btn: ['添加認

原创 js加減乘除封裝

Math.add = function (arg1, arg2) { var r1, r2, m; try { r1 = arg1.toString().split(".")[1].length } catch (e)

原创 千位數換算的封裝

function toThousands(number) { var num = number + ""; num = num.replace(new RegExp(",","g"),""); // 正負號處理 var s