原创 Vue-router的使用和一些技巧

用 Vue.js + Vue Router創建單頁應用,是非常簡單的。使用 Vue.js ,我們已經可以通過組合組件來組成應用程序,當你要把Vue Router 添加進來,我們需要做的是,將組件 components 映射到路由

原创 Vue .sync 語法糖

1、使用之前 在講解這個語法糖之前,我們有必要先了解 Vue 中組件之間 單向數據流 通信規則: Vue 提倡單向數據流,即父級 props 的更新會流向子組件,但是反過來則不行。這是爲了防止意外的改變父組件狀態,使得應用的數據

原创 Nuxt項目支持import寫法的三種解決方案

一、前情摘要 使用npx create-nuxt-app創建Nuxt.js項目,項目默認使用require引入依賴,如下: const Koa = require('koa') 而此時我們想使用ES6的 import 語法: i

原创 PHP常用SQLite數據庫操作類

平時項目中會用到對SQLite數據庫的操作,在此封裝一個操作類,方便以後擴展和使用。 class PDOsqlite { protected static $_instance = null; public $

原创 JS事件級別

事件是javascript和HTML交互的基礎, 任何文檔或者瀏覽器窗口發生的交互, 都要通過綁定事件進行交互;比如鼠標點擊事件、敲擊鍵盤事件等。這樣的事件行爲都是前端DOM事件的組成部分,不同的DOM事件會有不同的觸發條件和觸

原创 JS數組常用操作和技巧

本文記錄的是JS中數組的一些常用操作和技巧,會持續更新。 一、求數組和數組對象中的最大最小值 二、數組去重 一、求數組和數組對象中的最大最小值 1、通過循環遍歷,臨時變量 // 求最大值,最小值類似 Array.protot

原创 PHP常用MySQL數據庫操作類

平時項目中會用到對MySQL數據庫的操作,在此封裝一個操作類,方便以後擴展和使用。 class PDOmysql { private $host = "";//連接地址 private $user = "";/

原创 Vue之render方法使用

Vue 推薦在絕大多數情況下使用模板來創建你的 HTML。然而在一些場景中,你真的需要 JavaScript 的完全編程的能力。這時你可以用渲染函數,它比模板更接近編譯器。 瞭解render函數的用法,可以先查看官方文檔 渲染函

原创 PHP壓縮和解壓縮文件的三種方式

前言:平時在項目中,偶爾會遇到文件備份導入導出的需求,在此記錄使用PHP執行文件壓縮和解壓縮的三種方式** 目錄 1. 使用PHP擴展的ZipArchive類 2. 使用壓縮與解壓縮類PclZip.php 3. 使用PHP函數

原创 從零開始搭建webpack4.X + Vue開發環境

爲了學習和理解webpack解決了前端的哪些痛點,還是有必要從零開始自己搭建一個簡單的開發環境, 此教程適合剛接觸webpack的新手學習。 1. 安裝node依賴環境 2. 初始化項目 3. 安裝webpack 4. 創建w

原创 js獲取URL參數值的幾種方式

示例URL query:https://editor.csdn.net/?a=1&b=2&c=3 hash:https://editor.csdn.net/#a=4&b=5&c=6 方法一:採用正則表達式獲取地址欄參數 (代碼

原创 解決 git ! [rejected] master -> master (fetch first) error: failed to push some refs to 'xxx'

今天新建一個git倉庫,提交本地代碼時報以上錯誤,經過以下方法解決了問題,記錄一下。 1、首先 git add 和 git commit 之後,再執行以下進行本地倉庫和遠程倉庫建立連接: git remote add orig

原创 Vue跨組件可響應通信【provide / inject】

目錄 1. Vue 組件之間常用的通信方式 2. provide / inject 基本使用 3. provide / inject 可響應通信 4. provide / inject 替代 Vuex 5. 進階技巧 6.

原创 PHP常用文件操作類

平時項目中會用到對文件的一些操作,在此封裝一個簡單文件操作類,方便以後使用。 class FileOperations { public function __construct() { //

原创 解決Vue中使用Element UI編譯時babel-preset-es2015報錯問題

首先我的開發環境是基於webpack4.X,配置好開發環境之後,按照Element UI官方文檔配置出現編譯錯誤,詳細步驟如下。 webpack4 + Vue 開發環境配置參考 1、安裝element-ui npm i ele