原创 JS中的公有、私有、靜態、共享屬性和方法
什麼是Javascript的公有屬性/方法，私有屬性/方法，靜態屬性/方法，共享屬性/方法？ 公有是指，在外部環境中可以獲取的，可以直接通過實例對象用”.”運算符操作獲得。（在構造函數中用this進行聲明） 私有是指，在外部環境中不能直接訪
2019-05-30 15:05:02
原创 Vue.js知識點雜記
渲染 深入式響應--頁面監聽對象或數組型的數據變化，簡單的設置某個元素的的值是無效的，要使用push等變異方法，或者使用vue.$set() nextTick--DOM發生變化後會執行寫入的回調函數 父子組件傳值 子傳給父--this.$e
2019-04-17 14:45:08
原创 記一次Vue.js混入（mixin）的使用—分權限管理頁面
需求背景：在一個後臺的管理系統中，不同的用戶角色對應不同的用戶權限。現要求，同一個頁面對有操作權限的用戶來說是可操作的，對無操作權限的用戶來說是隻讀的，即操作按鈕均失效。系統用Vue.js開發。 一、mixin的概念 官方文檔這麼說：混入是
2019-04-17 09:45:09
原创 Vue-CLI(3.X)項目中實現分環境請求API
Vue腳手架升級到3後，生成的項目結構有了一些改變，最近做的一個項目用了新版的腳手架，藉此，記錄一下如何配置實現分環境配置請求不同的後端service地址。 一、項目結構 如果你的vue-cli版本還是老版本，請先卸載原來的版本（npm u
2019-04-16 16:25:08
原创 微信小程序mpvue項目使用WuxWeapp前端UI組件
前言：這是一篇簡單粗暴的使用指南 在最近的小程序項目裏前端UI框架最後選擇使用WuxWeapp，這篇文章記錄一下如何在小程序mpvue項目中使用該UI組建。 步驟一：下載源碼 （地址在這裏）主要是裏面的dist文件夾，下載下來之後就把dis
2019-02-19 06:41:07
1
原创 微信小程序如何調用後臺service的簡單記錄
寫在前頭，本篇文章簡單記錄一下，在前後端分離的微信小程序應用中，前端訪問後臺service的實現思路，沒有過多涉及技術實現方面。 先上一張官網的圖片，它很清楚的講明瞭要在後臺service爲每一個小程序用戶提供登錄信息需要做哪些事情。用戶拿
2019-01-30 21:04:46
1
原创 用JS和JQuery分別獲取表單元素的值(select,checkbox,radio)
廢話不多說直接上代碼 HTML部分 <html !DOCTYPE> <head> <title>表單元素值獲取</title> </head> <body> <div> <h1>下拉列表</h1>
2019-01-05 16:44:52
原创 淺談JavaScript原型鏈
原型鏈這一個話題，需要和很多概念一起講，才能串成一個比較系統的知識點。在這其中我們就逃不開要討論繼承、原型對象、構造函數、實例了。 一、構造函數 構造函數是一類特殊的函數，它的作用是用來生成實例對象。想要獲得某一類型的構造函數可以用 cla
2019-01-05 11:42:37
原创 JavaScript數據精度缺失問題
說到數據精度缺失的問題，就想起今年夏天剛轉正做的一個項目。當時的需求涉及到金額的計算，那時候對js的瞭解比現在還少，不過當時關於金額計算這塊js函數的封裝是項目裏架構師寫的，印象很深，當時他就直呼：被JS精度缺失坑了一把！最近看資料又接觸到
2018-12-21 10:15:01
原创 JavaScript中undefined和null的區別
數據類型、定義 首先，從本質來看，他們是兩種不同的JavaScript數據類型。直接上《JavaScript高級程序設計》裏的解釋好了。Undefined類型：Undefined類型只有一個值，即特殊的undefined。在使用var 聲明
2018-12-15 13:34:43
原创 JQuery填坑系列（二）：動態添加表單校驗失效問題
表單驗證用的jquery validation插件，還用到了下拉列表相關的插件”selectize”。有這樣一個功能，表單中一個下拉列表A的”required”屬性是根據另一個下拉列表B的選擇內容來動態變換的。於是想着根據B被選中的值來添加
2018-12-14 13:02:37
1
原创 JQuery填坑系列（一）：JQuery對象與DOM對象innerHTML屬性
做項目時，碰到一個需求，根據一個下拉框選項的值來動態顯示另一個表單元素的標題。心想着做一下選項值的判斷，然後用一下innerHTML這一屬性，應該就可以了。然而，我還是圖樣圖森破，用JQuery獲取到相應的對象之後並且加上innerHTML
2018-12-13 13:34:52
原创 HTML語義化、結構化標籤（個人小結）
結構化的標籤，它在一個網頁結構中，可以清楚的表示該部分在文檔中的結構含義。 HTML5關注的不僅是呈現出一個頁面的效果，它更加關注如何構造一個結構化的代碼內容優雅地頁面。HTML5新增的結構化標籤雖然本質上都是div標籤，但它用語義化的命名
2018-12-10 20:45:02
原创 innerHTML&outerHTML&innerText&outerText實例辨析
有時候做項目會用到上述四個DOM屬性來獲取HTML文檔裏的一些內容，但對他們的區別還是有些模糊，所以寫了幾個簡單的函數，通過打印在控制檯上的結果看看他們之間的區別。 代碼： <div id="outer"> outer <p
2018-12-07 21:45:03
1
原创 從JQuery自定義校驗規則中看JS箭頭函數的this指向問題
哈哈，題目給人一種寫論文的感覺，但其實這篇文章要講得東西很少，很簡單，就當做是填了個坑吧。 今天在做項目的時候，要給form表單添加一些自定義的校驗規則，於是參考菜鳥教程的代碼，自己按需求寫了一下校驗規則。 如上圖，這是菜鳥教程官方給的，
2018-11-09 13:44:48
1