原创 React父組件調用子組件中的方法

  // 父組件 class Parent extends Component { handleChild = ()=> { this.$Child.childMethod(); // this上就有了子組

原创 Sql Pivot行轉列/列轉行應用

表結構: select * from t 需求: 獲取單科目最高分 基本辦法: select 姓名,    max(case 課程 when '語文' then 分數 else 0 end) 語文,   max(case 課程 when

原创 modal過多, 導致背景色太深問題

初始化時, 直接執行即可 $(document).on('show.bs.modal', '.modal', function(event) { $(this).appendTo($('body')); }).on('shown.

原创 vue路由history模式部署到tomcat報404問題

將vue項目打包後,放到tomcat上,刷新頁面或者手動輸入地址會報404 解決辦法: 1. 項目在webapps的meizu-shop目錄下 2. 在meizu-shop中新建文件夾WEB-INF,文件夾中新建web.xml 3. 配

原创 vue批量打包下載圖片

主要用到 jszip 和 file-saver npm install jszip --save npm install file-saver --save js部分 import JSZip from 'jszip' import

原创 node中path.resolve和path.join區別

相同點:對於 ./ 和 ../ 處理方式相同,按照常規相對路徑理解就可以 不同點: resolve會返回一個絕對路徑,join會返回一個路徑字符串,我把它理解爲相對路徑吧; 對於 / 的處理方式不同,resolve把 / 當作根路徑處理,

原创 javascript window獲取iframe、iframe獲取window、document

前言 日常開發中,經常用到在window中獲取某個iframe,或者在iframe中獲取當前window。這裏做個總結,記在心裏後,就不用每次都百度了。 iframe和iframe的關係 首先需要說明的是,w3c已經不推薦使用frame,

原创 form上傳文件並獲取返回值

 原理:頁面寫一個隱藏的iframe,form的target指向這個iframe,在iframe的load事件中獲取返回結果。 <!-- 上傳 --> <form action="" method="post" enctype="mul

原创 vue項目部署到github page

可以使用github page當作免費服務器,部署前端項目 本文只講部署到github page的過程,建議本地build後,先用http-server或者tomcat自測,沒問題再進行之後的過程。部署到本地tomcat詳見此鏈接 1.

原创 vue-router配置信息動態加載

一般路由配置是這樣的,用import實現懶加載 export default new Router({ // mode: "history", base: "/meizu-shop/", routes: [

原创 Vue在多個不同服務器下訪問不同地址

一、前言 通常 vue 在本地啓動時,訪問的後端地址是同事的機器或者線上一個環境(通常叫開發環境)。假如服務器有多個環境:開發、測試、培訓、生產……這樣每次發版前,都要手動在 git 倉庫修改後端地址,就很麻煩。 所以想要實現一個目的:不

原创 Vue項目打包部署到Tomcat

一、 使用 npm run build打包完成之後會出現一個dist文件夾,裏面有static文件夾和一個index.html文件,一般我們部署在tomcat上面會將文件放在webapps文件夾下 如果不進行任何修改將dist文件夾放進去

原创 文本與元素的 垂直和水平居中

#text_div{ text-align: center; line-height: 100px; /* 100爲自身高度 */ } #dom_div{ position: relative; } #dom_cont{ posi

原创 SqlMapConfig.xml配置模板

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"

原创 解決html設置height:100%無效的問題

關鍵在於 <html style="height:100%;"> 和 <body style="height:100%;"> 通常我們需要讓自己的網頁內容能夠更好的適配各種屏幕大小,會採用height:100%,但是我們發現問題出來了,h