原创 前端雜亂小知識點(一)

vue項目富文本編輯器可以使用vue-quill-editor,注意對此富文本寫樣式的時候要寫成全局樣式,不然不生效(即寫在App.vue中)

原创 Vue-Quill-Editor富文本使用筆記

<template> <div class="hello"> <quill-editor v-model="content" ref="myQuillEditor" :options="e

原创 node使用crypto進行md5加密,生成唯一用戶Code

const crypto=require("crypto"); //調用了digest()以後就不能再使用hash對象了,方法封裝 const md5Crypto=(str)=>{ const hash=crypto.crea

原创 關於vue-cli的版本問題

vue-cli2裏面是有config文件夾和build文件夾的,在打包的時候可以直接用來進行webpack的相關配置。而在vue-cli3中是沒有這兩個文件加的,因爲vue-cli3直接集成了webpack。 安裝vue-cli3的方法是

原创 原生js實現圖片上傳預覽

<label for="file">上傳圖片</label> <input id="file" type="file" name="file" onchange="changepic()"></input> <img src="" id

原创 如何在express項目中部署多個前端項目

項目目錄結構如下,manage和web文件中分別存放兩個打包後的前端項目。 在app.js中配置如下兩句代碼,即可使得/路徑時打開的是web文件夾中的index.html頁面,/manage路徑時打開的是manage文件下的index.

原创 使用Font Awesome圖標最簡單的方式

1、首先進入官網的開始使用頁http://www.fontawesome.com.cn/get-started/,然後在箭頭指向處輸入自己的郵箱,點擊發送郵箱。 2、收到郵箱,按照郵箱內容的指示註冊Font Awesome CDN 3、

原创 vue中data需要使用return來返回數據的原因

敲重點:避免變量污染 不使用return包裹的數據會在項目的全局可見,會造成變量污染;使用return包裹後數據中變量只在當前組件中生效,不會影響其他組件。 當一個組件被定義, data 必須聲明爲返回一個初始數據對象的函數,因爲組件可能

原创 初學vuex知識筆記

今天看了一下vuex的中文官網,簡單總結一下新手對vuex知識的理解。 vuex的核心就是store(倉庫),主要知識點分爲state,getter,mutation,action,module。   state:是一個用來存儲狀態量的對

原创 前端編程題之對錶格中的數據進行排序的函數

//colum是要排序的列數,order是排序方式,asc爲升序,desc爲降序 function tableSort(colum,order){ //定義變量arr存儲排序列每行的數據 let arr=[]; for(let

原创 使用寬度爲0實現凹凸形狀

直接上代碼: <div></div> div { width:0; font-size: 50px; } div:before { /* content: '好 easy 好';凸 */ conten

原创 table標籤和div標籤佈局的優缺點

table優點:開發時間短(使用DW開發速度快);純table各瀏覽器不會有兼容問題;內容可自適應;在搜索引擎排名能靠前 table缺點:如果佈局變更,需要重新開發;如果table裏有div ul 等,可能會出現瀏覽器兼容問題;加載速度慢

原创 JS對數據進行分組

被分組數據類型:包含n多個對象的數據 代碼示例: let data = [ { key: 'xxx', name: 'yiyi', age: 12, money: 10 }, { key: 'sss', name: 'i

原创 node實現發送郵件功能

以qq郵箱爲例: 1、登錄qq郵箱——設置——賬戶,開啓裏面的SMTP服務,具體操作可參考QQ幫助中心。開啓成功以後就可以生成授權碼啦。 2、安裝nodemailer插件,新建一個test.js文件,寫下如下幾行代碼 const nod

原创 vue+express前後端項目一起配置成https請求

1、首先到阿里雲服務器上面申請證書,申請完成以後下載下來(nginx服務版本的),解壓出來兩個文件,文件後綴是.key和.pem,最好把這兩個文件名改成自己的域名。具體申請證書的步驟自行百度。 2、將vue項目裏面的config文件夾下面