原创 webpack4 處理靜態資源
需要處理的靜態資源： 圖片 字體 json 文件 視頻 音頻 需要用到的插件： 插件 版本 用途 image-webpack-loader ^6.0.0 圖片壓縮工具 url-loader ^4.1.0 資源
2020-06-06 12:33:01
1
原创 webpack4 使用模板生成 html 文件
雖然實際需求肯定不會只做這件事情，但是這篇文章只講如何把模板文件轉換爲 html 文件，其他的內容，請移步： 編譯 sass，壓縮，抽離爲單獨的文件 編譯、壓縮 ES6 語法的 js，抽離公共文件 處理其他資源，image 文件
2020-06-06 12:33:01
原创 webpack+模板引擎生成多個靜態HTML
需求： 編譯 sass，壓縮，抽離爲單獨的文件 編譯、壓縮 ES6 語法的 js，抽離公共文件 處理其他資源，image 文件，字體文件等 將模板轉換成 html 文件 html 文件自動引入靜態資源，轉換路徑 生成多個頁面 開
2020-06-06 12:33:01
原创 webacpk4 打包 js
構建目標： es6 轉義 代碼合併 抽離公共代碼 代碼壓縮 需要用到的插件 @babel/core 核心插件 @babel/preset-env 轉換高級語法/特性到es5或者以下的語法 @babel/runtime 提取公
2020-05-11 22:55:31
1
原创 webpack4 打包 css
構建目標： 編譯 sass 自動處理瀏覽器兼容 抽離成獨立文件 代碼去重 壓縮代碼 需要用到的插件： css-loader 樣式加載器 sass 編譯 sass 需要的庫，這個比 node-sass 安裝似乎快一點 sass
2020-05-11 22:55:31
原创 vue ssr 如何移除 window.__INITIAL_STATE__ 注入
閱讀本文前，假設你已經完整的閱讀過 vue ssr 的文檔，知道如何搭建一個 vue ssr 的項目了。 如題，提出這個需求，多半是 SEO 大佬那邊說這個東西影響收錄。官方文檔上雖然有這麼句話： 在 2.5.0+ 版本中，嵌入
2020-05-08 04:45:25
8
原创 apache 開啓路徑重寫的配置
1、啓用 LoadModule rewrite_module modules/mod_rewrite.so （去掉前面的 # 號） 2、 找到這段代碼 <Directory /> Options FollowSymLinks Al
2019-03-23 03:04:51
原创 js實現圖片旋轉
首先還是抱歉忘了原博主誰，不過好東西一定要分享 // 兼容性的旋轉,基本上是利用HTML5的canvas實現的，如果是一個相冊的預覽， // 則應該在上下一張的點擊事件中刪除canvas元素，否則只能旋轉一張圖片
2018-08-30 15:02:04
原创 z-index無效，無論設置多大都被其他的元素覆蓋
<!DOCTYPE html> <html> <head> <title>z-index問題</title> <meta http-equiv="content-type" content="text/html; charset
2018-08-30 15:02:04
1
原创 利用畫布繪製一個函數圖像（簡易版）
寫這個東西其實是因爲最近在學習 JS 動畫原理。雖然CSS3的普及，讓我們在 web 端可以更輕易的做出一些相當不錯的動畫效果，但是複雜動畫依舊需要 JS 去實現。 寫一個簡單的動畫，只需要一些 web 編程基礎和一點思路，但是寫一些稍
2018-08-30 15:02:04
原创 spring data jpa 查詢自定義字段，轉換爲自定義實體
目標：查詢數據庫中的字段，然後轉換成 JSON 格式的數據，返回前臺。 環境：idea 2016.3.4， jdk 1.8， mysql 5.6， spring-boot 1.5.2 背景：首先建立 entity 映射數據庫（非專業 j
2018-08-30 15:02:03
原创 file 選擇圖片後預覽
圖片上傳預覽是比較常見的需求，以前的做法，是在旁邊隱藏一個 <img> 標籤，然後給 file 標籤加個事件，當用戶選擇文件之後，獲得文件物理路徑（文件絕對路徑），然後賦值給<img> 標籤的 src 屬性。 但是現代瀏覽器中，出於安全考
2018-08-30 15:02:03
原创 瀏覽器定位
剛接觸前端，剛知道 HTML5 的時候，我一直以爲 瀏覽器定位的 API 是 HTML5 標準下的東西，直到後來才知道，有些東西並不是 HTML5 定義的玩意。 比如說： 1、SVG 2、瀏覽器定位 3、webSocket .... 暫
2018-08-30 15:02:03
原创 vue-cli 手腳架搭建 vue 環境報錯 [email protected] install: `node install.js` Exit status 1
最近在學習 vue 這個框架，使用官方推薦的手腳架搭建環境時一直報錯，錯誤信息如下： [email protected] install: `node install.js` Exit status 1
2018-08-30 15:02:03
原创 canvas 圖片旋轉
首先聲明的是：這是轉載的文章，之前不玩博客，所以就只是複製了下來，忘了原博主誰了，抱歉。不過好東西肯定是要分享的 1. 最常見的在canvas上畫圖的方法是使用Image對象。所支持的來源圖片格式依賴於瀏覽器的支持，然而，一些典
2018-08-30 15:02:03