KID-1912’s博客 | KID-1912’s Blog

vuex基础

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

vuex 一个专为vue.js应用程序开发的状态管理模式，它采用集中式存储来管理多个组件间共享的状态安装 npm install vuex --save 使用准备项目 store 下新建 index.js // /store/index.js // 引入插件 import Vuex from 'vuex' import Vue from 'vue' // 使用插件 Vue....

Posted by page on September 16, 2020

Vue Router基础

Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌

vue Router 前端路由对SPA的每个视图(网页组件)匹配特殊的url，形成映射关系；通过监听url来分发进行刷新、前进、后退、切换映射的页面；这要求路由具备：监听到url的变化，可改变url且不让浏览器像服务器发送请求；解决方案包括hash模式和history模式安装与配置安装 npm npm install vue-router --save vue C...

Posted by page on September 8, 2020

RESTful API

互联网应用程序的API设计理论,规范前端设备与后端进行通信机制;

RESTful API RESTful API是目前比较成熟的一套互联网应用程序的API设计理论，规范前端设备与后端进行通信机制; 路径在RESTful架构中，每个网址代表一种资源，所以网址中不能有动词，只能有名词；所用的名词往往与数据库的表格名对应。一般来说，数据库中的表都是同种记录的”集合”，所以API中的名词也应该使用复数；举例来说，有一个API提供动物园（zoo）的信...

Posted by page on August 16, 2020

driver.js

一款简单、无额外依赖的用户页面引导插件

driver.js 基本使用安装 npm install driver.js --save 使用 import Driver from 'driver.js'; import 'driver.js/dist/driver.min.css'; const driver = new Driver({ className: 'scoped-class', // popover的类...

Posted by page on July 30, 2020

Swiper

触摸滑动插件

Swiper 开始安装 npm install swiper vue-awesome-swiper --save swiper 是corejs，常用版本 swiper4 与 swiper6，最新版本 swiper7 vue-awesome-swiper 是 swiper 的Vue组件（swiper6 开始，swiper 集成了各框架组件能力以取代 vue-awesome-swi...

Posted by page on July 30, 2020

NodeJs基础

基于Chrome V8引擎的JavaScript运行时环境,Node.js基于事件驱动、非阻塞式I/O的模型进行操作处理

node.js API文档: http://nodejs.cn/api/ global global是node.js的全局对象，相当于ECMA Script中的windows，其方法和属性都是全局成员 __filename 返回当前执行js脚本名称 __dirname 返回当前执行js脚本路径(不包含文件名) process process.argv 返回一个数组，第0项为n...

Posted by page on July 9, 2020

JavaScript功能实现

JavaScript实现常见功能、交互

弹窗  <div id="modal"> <div class="mask flex justify-center items-center"> <div class="modal-layer">  <!-- 弹窗 1...

Posted by page on July 8, 2020

JavaScript——DOM

通过DOM控制节点的布局、样式、属性、事件进行交互开发

DOM 获取元素 document.documentElement doucment.body document.getElementById() context.getElementsByTagName() context.getElementByName() 拓展 ...

Posted by page on July 7, 2020

Express

路由中间件 + 回调函数快捷实现NodeJs开发

Express 官网： https://expressjs.com/zh-cn/ 引入 const express = require("express"); const app = express(); 创建服务 // "/"标表示对根路径处理 app.get("/",(req,res) => { res.send("express success");//...

Posted by page on June 29, 2020

JavaScript基础

ECMAScript必备知识以及API操作

Object Object.keys(obj) 返回对象可遍历属性组成的数组 obj.hasOwnProperty(key) 判断key是否属于非继承的属性 Array 随机取n个不重复项 function randomArr(arr, num) { const result = []; let count = arr.length; for (let i = 0; i...