原创 純函數
純函數的概念: 不能改變入參 不能影響作用域之外的變量 老規矩,舉例子: 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