原创 小程序功能實現案例
實現自定義的checkbox 效果圖： // wxml <view class="container"> <checkbox-group bindchange="checkboxChange"> <view class=
2018-11-07 10:10:03
原创 小程序開發工具命令行啓動配置
在cmd窗口中使用命令啓動指定的小程序項目 命令形如： wechat -o miniapp-shops 1.自定義一個 wechat.bat 文件，輸入以下代碼： @echo off call C:"\Program Files (x
2018-11-04 10:58:57
原创 html、body元素的高度問題
首先：html元素和body元素均爲塊級元素。 簡述：有時我們會發現未設置height: 100%，html、body元素的高度卻爲當前窗口的高度，看上去像是設置了height: 100%。 看下面兩個例子： 例1： <html>
2018-11-04 10:58:55
原创 JavaScript中原始值的理解
原始值： 概念：原始類型的值就是原始值，即原始值有string,、number、boolean、null和undefined五種。 valueOf() 和 toString() 方法的使用： null和undefined沒有val
2018-10-27 10:33:38
原创 原型鏈圖示
例1：畫出 [] 的原型鏈圖？ 例2： 畫出var obj = {} 的原型鏈圖？ 例2： 畫出 var f = function () {} 的原型鏈圖？ 繪圖工具使用ProcessOn：https://www.process
2018-10-27 10:33:38
原创 css必備知識
1. 平滑滾動 （1）設置屬性：scroll-behavior: smooth; 以前使用錨點跳轉時總是快速的定位到指定位置，而使用平滑滾動後，頁面會有一個滾動的過程，效果更好。 設置時只需要給滾動的盒子設置scroll-behavi
2018-10-27 10:33:38
原创 Web前端面試題
1. DOCTYPE 作用，標準模式與兼容模式(怪異模式)的區別？ <!DOCTYPE>聲明位於位於HTML文檔中的第一行，處於 <html> 標籤之前。告知瀏覽器的解析器用什麼文檔標準解析這個文檔。DOCTYPE不存在或格式不正確
2018-10-19 22:06:44
原创 JavaScript中算法題
1. 給定一串數據將其轉化爲樹形結構 // 數據： let arr = [ { id: 1, name: 'js', parent:'前端'
2018-10-19 22:06:44
3
原创 React中setState的更新策略
React中setState的更新策略 React中的setState有Batch模式(批量更新模式)和普通模式。 普通模式下,setState能夠即時更新state，重新調用 render 方法，然後把render方法所渲染的最新的
2018-10-10 09:42:04
4
原创 JavaScript中常用的一些方法
一. 數組 reduce() :對數組中的數據進行累計操作。 傳入四個參數：累計值，數組每一項的值，索引，數組本身。 var arr = [1, 2, 3, 4]; var res = arr.reduce(function (tot
2018-10-10 09:42:04
原创 JavaScript實現DOM樹的深度優先遍歷和廣度優先遍歷
深度優先遍歷 // 非遞歸,首次傳入的node值爲DOM樹中的根元素點，即html // 調用：deep(document.documentElement) function deep (node) { var res = [];
2018-09-30 09:53:14
8
原创 瞭解NodeList、HTMLCollection以及NamedNodeMap的使用
這三個都是類數組對象。 HTMLCollection只包含元素節點，而NodeList包含任何節點類型。 HTMLCollection對象可以調用item()和namedItem()方法，NodeList對象只能調用item()方法
2018-09-30 09:53:14
2
原创 Git的基本使用與語法彙總
推薦學習Git的地址： https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 常用操作： 例：拉取遠程分支代碼與本地分支
2018-09-26 10:10:18
1
原创 如何理解閉包
概念： 閉包：指能夠讀取其他函數內部變量的函數。 特性： 可以讀取函數內部的變量 可以使變量保存在內存中 // 例1： function f() { var n = 1; return function () { cons
2018-09-26 10:10:18
3
原创 ES6知識彙總
基礎知識： ECMAScript中ECMA實際上是一個標準化組織。 ECMAScript 方言有Jscript和ActionScript。JavaScript和ActionScript都是以ECMAScript爲標準，但Action
2018-09-26 10:10:18
2