原创 純函數

純函數的概念: 不能改變入參 不能影響作用域之外的變量 老規矩,舉例子: let obj={name:'作用域之外的對象'} function test(param){ obj = '修改作用域之外的對象,不是純函數';

原创 單例模式

透明單例 有一些對象我們往往只需要一個,比如線程池、全局緩存、瀏覽器中的 window 對象等。 function Window(name){ this.name = name; } Window.prototype.getNa

原创 vue父組件調用子組件方法

 方法一:使用$refs查找,$refs有些類似dom方法getElementById,可以這麼理解 //子組件 <template> <div> child </div> </template> <script>

原创 mousewheel DOMMouseScroll

 mousewheel事件火狐不兼容,但是火狐支持DOMMouseScroll,解決方案: let courseCenterContainer = document.querySelector(".tab-content");

原创 Vue子組件調用父組件的方法

方法一:直接在子組件中通過this.$parent.event來調用父組件的方法 //父組件 <template> <div> <child></child> </div> </template> <script>

原创 使用node和express,搭建服務

場景:真實模擬前後端分離,使用express配置接口 準備工作: 1.安裝node(官網下載) 2.安裝express npm install -g express 3.安裝express-generator  npm install -

原创 將本地已有文件關聯到github庫

場景:已經提前在本地開發,github上正好有一個空的倉庫 //前提:記得住github賬號和密碼 git init git remote add origin Github倉庫地址 //https://github.com/xxx

原创 PC端靜態html文件直接在手機上訪問

沒有服務器的情況下,純靜態的代碼,webstrom等編輯器只能在電腦上臨時啓一個服務供電腦上的瀏覽器訪問,嘗試把地址在手機上訪問,即使是同內網也不行,然後就有了下面這個方案,不知道弊端有多大,但是有效: 安裝node; 全局安裝anywh

原创 根據url地址生成二維碼,微信掃描二維碼可直接打開網址

需求:根據url地址生成二維碼,微信掃描二維碼可直接打開網址 html代碼: <input id="text" type="text" value="http://www.runoob.com" οnblur="makeCode();

原创 webstorm常用快捷鍵

快捷鍵 功能 ctrl + shift + n 類似vue裏的ctrl+p,查找項目裏的文件 ctrl + j 輸出模板 ctrl + b 跳到指定的變量申明處 alt+F12 調出/關掉 terminal ctrl + [ 向上匹配

原创 一行代碼實現純數據json對象的深度克隆

JSON.parse(JSON.stringify( dataObj ))

原创 ellipsis在table裏失效

問題:display:table,或者table標籤佈局之後,設置td(table-cell)文字溢出隱藏ellipsis失效 解決方法: 在table(display:table)的css樣式中設置:table-layout:fixed

原创 JQuery自定義模態框

重點:基於jQuery ,也可改造成原生模態框 功能: 可以自定義模態框的寬高等等一系列css樣式; 關閉、提交都可以執行自定義的回調函數; js和html分離,除了部分帶了js功能的class不能遺漏之外,其他的都可自行增減 html代

原创 swiper 自定義左右箭頭樣式 將箭頭移出容器

關鍵點: 1.在".swiper-container"外層套一個父級容器“.swiper-father”,並讓其position:relative; 2.重點:箭頭相關的兩行代碼,要從“.swiper-container”移出來,放在“.

原创 日期格式化

Date.prototype.format = function (format) { var date = { "M+": this.getMonth() + 1, "d+": this.get