原创 js 豎向(橫向)列表無縫銜接滾動

豎向列表滾動 當前動畫,黑色框一屏顯示三條數據 可修改黑色框的高度,即可顯示一條數據 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 vue 動態列表尾部添加數據執行動畫

先上動畫: 動態控制節點數量(目前只顯示6個節點) 尾部添加幾個item,頭部則刪除幾個item 觸發 transition-group 動畫 splice 的使用方法 代碼 <style lang="scss"> .con

原创 js 實現大屏數字滾動效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue學習</title> <script src="https://cdn.bo

原创 關於mpvue切換頁面數據沒清空

場景: 頁面 add 和 update 寫在同一個頁面裏面,我來回進入當前界面,頁面緩存數據。這不科學啊, 思路:加載頁面的時候,小程序生命週期重置data數據 onLoad(){ Object.assign(this.$d

原创 mongodb的數組常用操作

1. 添加數組數據 // 出始數組(普通的數組) 表中字段 :fruit 爲 [' 蘋果', '李子'] 添加一個值:update('查詢參數' , ‘需要添加值’) await Schedule.update(

原创 Mongoose返回數據修改中遇到的坑

實際上mongoose返回的數據並不是object,雖然你通過typeof判斷類型是object,實際上是mongoose自己封裝的一個對象,並且這個對象會對數據進行實時查詢以保證其符合預定義的model,因爲model中壓根就沒

原创 mongodb 表之間的關聯查詢

cate 表 const mongoose = require('mongoose'); const { Schema, model } = mongoose; const CateSchema = new Schema({

原创 mongodb增刪字段

新增: db.getCollection('snacks').update({},{'$set':{'is_del':0}},false, true) 刪除字段 db.getCollection('snacks'

原创 js 通過H2,H3生成文章目錄結構

markdown寫的文章,沒有生成目錄結構功能,自己手動寫個,DOM節點如下: 本文章只是針對H2,H3的標籤的事例(h1~h6只能有個2個標籤即可) 獲取節點 let childrens = document.get

原创 docker跑前端vue項目

需要下載(docker)[https://www.docker.com/] 下載docker步驟忽略 本文默認下載好了docker容器 vue創建項目忽略,直接拿到打包的文件dist 編寫Dockerfile的文件

原创 koa2 vue mysql 自己擼個博客網站(分享源碼)

前端地址:http://www.zhooson.cn 前端BLOG功能介紹: 首頁 (思維導圖(樹狀圖)) 文章 (文章列表,個人分類,熱門文章,文章詳情,文章目錄結構) 留言(登錄,留言, 發郵件) 作品 (歷年來的項目地址)

原创 微信or支付寶 小程序 與 H5 相互關係

微信小程序與H5的關係 1. 微信小程序內嵌H5 // html <web-view src="{{url}}"></web-view> // js onLoad(options) { this.setData({

原创 git 修改 commit 信息

場景1: 已經commit + message + push的前提下 git add . git commit -m 'fix test' git push 實現步驟 1.使用git rebase -i HEAD~3

原创 ElementUi自定義的header

表頭顯示倆行文字(單個)(見圖片) // template <el-table-column prop="test" :render-header="renderHeader"></el-table-column>

原创 nuxt線上打包發佈

差了很多資料,吧自己的經驗總結一下: 創建項目 vue init nuxt-community/starter-template <project-name> 進行搭建的! 打包 執行nuxt build 或者 npm r