VueX
VueX 介绍 官方网站Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。(管理数据共享的工具) 看图结论: state 管理数据,管理的数据是响应式的,当数据改变时驱动视图更新。 mutations 更新数据,state 中的数据只能使用 mutations 去改变数据。 actions 请求数据,响应成功后把数据提交给 mutations 初始化功能安装1npm i vuex --save 新建 store.js 文件123456789101112// 初始化一个vuex的实例(数据仓库) 导出即可import Vue from "vue";import Vuex from "vuex";// 使用安装Vue.use(Vuex);// 初始化const store = new Vuex.Store({ state: null, mutations: null, actions:...
Vue的钩子函数
前言 官方介绍文档 官方使用文档
Vue-Cli的使用
Vue-Cli 官方网站 vue-cli是一个辅助开发工具=> 代码编译 + 样式 + 语法校验 + 输出设置 + 其他 … 作用: 可以为开发者提供一个**标准的项目开发结构** 和配置 开发者不需要再关注 安装 vue-cli解决powershell禁止运行脚本 1set-ExecutionPolicy RemoteSigned 采用 npm 的方式安装1npm i -g @vue/cli 采用 cmpn 的方式安装 cnpm 官网 123npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm i -g @vue/cli 查看安装版本号123vue -V//或者vue --version vue-cli 2.0 补丁1npm install -g @vue/cli-init 初始化项目创建 2.0 项目12345678# heroes 创建的项目名称vue init webpack-simple 项目名称# 切换到当前目录cd heroes# 安装依赖npm...
Vue基础
Vue 是什么之前端现状 Vue 是一个优秀的**前端框架** 国内大多数中小型公司都在用, 开发者按照 Vue 的**规范**进行开发 => 不按照规范开发 就会报错 和 DOM**解耦** Vue 框架 显示数据 获取数据都不再通过 dom 对象 适应当前**SPA**的项目开发 => single page application 单页应用程序 =>只有一个 html 页面 传统网站开发 一般来说 需求不大 当下各种新框架都采用了**类Vue或者类React**的语法去作 为主语法, 微信小程序/MpVue/uni-app Vue 特点 响应式数据 数据驱动视图 可以让我们只关注数据 Vue 中数据是响应式的 => 数据变化 => 视图一定变化 MVVM 双向绑定 => 数据 <=> 视图 , 数据变化 ==>视图变化 ,视图变化 =>...
MVVM原理
MVVM 原理常见的面试问题: Vue 数据绑定的原理? MVVM 数据绑定的原理? Vue 双向数据绑定的原理? Vue 数据响应式原理? 数据响应式原理? 当前比较流行的前端框架都是采用的 MVVM 的方式: 什么是 MVVM? 简单一句话:数据驱动视图。 介绍感受 MVVM 传统的 DOM 操作方式 模板引擎方式 数据驱动视图方式(MVVM) 什么是 MVVM 简单一句话:数据驱动视图 123456789101112131415161718192021<!-- 视图 --><template> <div>{{ message }}</div></template><!-- - 把普通的 JavaScript 对象和视图 DOM 之间建立了一种映射关系: - 数据的改变影响视图 - 视图(表单元素)的改变影响数据--><script> // Model 普通数据对象 export default { data()...
Jquery的常见问题
你在公司是怎么使用 jquery 的? 在项目中是怎么用的,就是面试官想考核你是否具备实际的项目开发经验,这个时候可以结合项目中的实际情况来解答(比如用过的选择器,复选框,表单,ajax,事件等)配置 jquery 环境,下载 jquery 类库,在 jsp 页面引入 jquery 类库即可 1<script type="text/javascript" src="jquery/jquery-1.7.2.min.js" /> 接下来通过在 1<script> $(function(){}); </script> 你为什么要使用 jquery?(或者是这样问的:你认为 jquery 有哪些好处?) 因为 jQuery 是轻量级的框架,大小不到 30kb,它有强大的选择器,出色的 DOM 操作的封装,有可靠的事件处理机制(jQuery 在处理事件绑定的时候相当的可靠),完善的 ajax(它的 ajax 封装的非常的好,不需要考虑复杂浏览器的兼容性和 XMLHttpRequest...
Promise
Promise 构造器Promise 是一个构造器,用来创建 Promise 类型的对象 。就好像 Array 是一个构造器,用来创建数组。 格式123456789var p1 = new Promise(function (resolve, reject) { alert(1); // 在某一个时刻去调用 // resolve():把p1的状态由 pending -----> resolved // reject() :把p1的状态由 pending -----> rejected console.log(222); resolve(456);});console.dir(p1); 三种状态pendingpending,”行将发生的”。相当于是一个初始状态。 1234var p = new Promise((ok, err) => { console.info("发呆.....");});console.dir(p); resolved创建 Promise...
Node操作MySQL
数据库的增删改查增1insert into 表名(字段名1,字段名2,......) values(值1,值2,......) 删1delete from 表名 where 删除条件 改1update 表名 set 字段1=值1, 字段2=值2,... where 修改条件 查1SELECT 字段名1, 字段名2, ..... FROM 表名 WHERE <条件表达式> Node.js 中使用 MySQL初始化文件夹1npm init -y 安装插件1npm i mysql 创建 server.js 将代码复制进去12345678910111213141516var mysql = require("mysql");var connection = mysql.createConnection({ host: "localhost", user: "root", password: "root", database:...
Xmind笔记汇总
HTML到Node.js之前笔记汇总
24道JavaScript算法题
标准排序第一种123456789101112var arr = [5, 8, 3, 6, 9];for (var i = 0; i < arr.length; i++) { for (var j = i + 1; j < arr.length; j++) { var temp; if (arr[i] > arr[j]) { temp = arr[i]; arr[i] = arr[j]; arr[j] = temp; } }}console.log(arr); 第二种:冒泡排序123456789101112var arr = [5, 4, 6, 1, 3, 2];for (var i = 0; i < arr.length; i++) { for (var j = 0; j < arr.length - i + 1; j++) { var temp; if (arr[j] > arr[j + 1])...