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 ins ...

Vue 是什么之前端现状 Vue 是一个优秀的**前端框架** 国内大多数中小型公司都在用, 开发者按照 Vue 的**规范**进行开发 => 不按照规范开发 就会报错 和 DOM**解耦** Vue 框架 显示数据 获取数据都不再通过 dom 对象 适应当前**SPA**的项目开发 => single page application 单页应用程序 =>只有一个 html 页面 传统网站开发 一般来说 需求不大 当下各种新框架都采用了**类Vue或者类React**的语法去作 为主语法, 微信小程序/MpVue/uni-app Vue 特点 响应式数据 数据驱动视图 可以让我们只关注数据 Vue 中数据是响应式的 => 数据变化 => 视图一定变化 MVVM 双向绑定 => 数据 <=> 视图 , 数据变化 ==>视图变化 ,视图变化 => 数据变化 model—模型,数据对象(data ...

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 的？ 在项目中是怎么用的，就是面试官想考核你是否具备实际的项目开发经验，这个时候可以结合项目中的实际情况来解答（比如用过的选择器，复选框，表单，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 类型的对象 。就好像 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 对象时，在实参函数中调用了 o ...

数据库的增删改查增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: "test", / ...

标准排序第一种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])
...

javascript 的 typeof 返回哪些数据类型 string,boolean,number,undefined,function,object 例举 3 种强制类型转换和 2 种隐式类型转换? 强制（parseInt,parseFloat,number隐式（== ===） Split 和 join 的区别 Split是将字符串切割成数组的形式join是将数组转换成字符串 数组方法 pop() push() unshift() shift() push()尾部添加pop()尾部删除unshift()头部添加shift()头部删除 IE 和标准下有哪些兼容性的写法123var ev = ev || window.eventdocument.documentElement.clientWidth || document.body.clientWidthVar target = ev.srcElement||ev.target ajax 请求的时候 get 和 post 方式的区别 get请求值在 url 后面post放在虚 ...

会话技术有很多的网站都有登录的功能： 123|--login.html (登录页)|--index.html(主页)|--vip.html(设置页) 实际开发中，我们必须解决： 页面之间的状态共享问题：例如用户从 login.html 页面登陆之后，再去访问 index.html 或者 setting.html 页面时，应该还是能够获取用户的登陆信息。 权限控制。必须先 login 成功，之后才访问 vip.html。 由于 http 是无状态的，就是无记忆的，对于 HTTP 协议而言，无状态同样指每次 request 请求之间是相互独立的，当前请求并不会记录上一次请求信息。每次请求都是独立的，没有关联的，所以服务器和客户端都不知道是否是登录过的。 什么是会话控制会话控制就是用来弥补 http 无记忆的缺陷的一种技术。它能够将数据持久化（保存数据）的保存在客户端(浏览器)或者服务器端，从而让浏览器和服务器进行多次数据交换时，产生连续性。 让每一次的请求和响应都知道对方是谁。 会话控制的分类Cookie–将数据保存到客户端（浏览器）（饼干，甜点）Cookie 原理 从服务器端向客 ...