- 博客(18)
- 收藏
- 关注
原创 vue面试技术点整合
谈谈你对vue.js框架的理解?MVVM:MVVM是是Model-View-ViewModel的简写。即模型-视图-视图模型。vue全家桶(vue/cli+vue-router+vuex)vue-router:<router-link>和<router-view>和<keep-alive>$route和 $router的区别是什么?router为VueRouter的实例,是一个全局路由对象,包含了路由跳转的方法、钩子函数等。route 是路由信
2020-07-31 12:13:56 587
原创 vue路由
安装 cnpm i vue-router -S 使用 1: 在src/router.js文件,注册路由、创建路由实例并抛出 2: 在入口文件main.js中引入路由实例并挂载 3: 在App.js组件中,使用内置组件<router-view></router-view>容器来放置匹配成功的组件 4: 使用<router-link></router-link>实现页...
2020-06-24 11:55:13 139
原创 vue搭建环境以及模块的安装命令
npm install -g cnpm --registry=hcnttps://registry.npm.taobao.orgcnpm i vue -gvue安装: cnpm i @vue/cli -gvue脚手架: vue create my-appdevtools安装 :git clone https://github.com/arcliang/Vue-Devtools-.gitcnpm install vue-router -S...
2020-06-23 11:12:29 1461
原创 vue响应式原理
var app = {}// 把普通对象的定义,转化成setter/getter方式进行对象定义Object.defineProperty(app, 'msg', { get: function() { return value }, set: function(arg) { value = arg // 在setter操作里面,通知监听器,更新页面 watch(value) }})// 当页面数据发生变化时,更新对象,触发setter操...
2020-06-17 21:17:00 75
原创 axios+vuex走通Vuex全流程
axios+vuex走通Vuex全流程安装:cnpm install vuex -S创建 vue-cli x项目命令:vue create xxx在src中新建一个文件夹 store,在store中在新建modules文件和index.js文件在moudles中创建js文件,写单个状态管理,import --- from ---//需要引入的文件const xxx = {创建实例化 namespaced:true, //命名空间 st...
2020-06-17 19:54:50 220
原创 结构赋值
1:es6 解构赋值,数组结构 let [a,b,c] = [1,2,3]; //a:1,b=2,c=3; let [,,i]= [1,2,3];//i = 3; let [x,...y] = [1,2,3,4];//x=1,y=[2,3,4]; let [x,y,...z] = ["word"]; //x=word, y:undefined;结构不成功就为undefined,z:[2 : set let [x,y] = new Set(["1","2"...
2020-06-06 14:55:46 103
原创 let,var,const的区别
1: var有声明提升,console.log(a)//undifinedconsole.log(b)//报错console.log(c)//报错var a = 100;let b =100;const c = 100;2:作用域{var a = 100;let b =100;const c = 100;}console.log(a)//100console.log(b)//undifinedconsole.log(c)//undifined..
2020-06-06 11:36:41 124
原创 最简单数组去重
var arr = [1,1,2,2,2,3,3,4,5,5,4,6,];var set =[...(new Set(arr))];console.log(set);//[1,2,3,4,5,6];
2020-06-06 11:18:19 129
原创 初学js
一,js的三大组成部分 ECMAScript JS 的语法 BOM 一套操作浏览器的属性和方法 DOM 一套操作页面元素的属性和方法二,js书写的三个位置1,行内式 JS 代码(强烈不推荐使用) 行内式的 JS 代码就是直接在标签上书写 JS 代码 a 标签书写行内式 JS 代码 =&...
2020-03-22 07:56:41 233 1
原创 js运算符
数学运算符 + 在 JS 里面, 基础数学运算符有五个 => + 加(有两个意义) 1. 进行字符串拼接 -> 当运算符两边, 有任意一边是字符串的时候, 就会进行字符串拼接 -> 把右边的直接拼接在左边的内容后面 2....
2020-03-22 07:56:10 134
原创 js数据类型及转换
js数据类型分为基本数据类型有: -> Number 数值 -> String 字符串 -> Boolean 布尔 -> Undefiend 空 -> Null 空js数据类型分为基本数据类型有: -> Object ...
2020-03-22 07:54:43 97
原创 js分支语句
if 语句 if (条件) { 要执行的代码 } =>条件成立则执行后面的代码,不成立则不执行 =>简写:条件 ? 成立就执行的代码 : 不成立就执行的代码 if (条件) { 条件成立就执行 } else { 条件不成立就执行 } =>条件成立则执行后面的代码,不成立则执行后面的代码 if...
2020-03-21 21:56:21 84
原创 js循环
for循环 for 循环 =>语法: for ( 初始化; 条件判断; 自身改变 ) { 重复执行的代码 } =>举例: for(var=1;i<10;i++){ console.log(i)//输出为1~9; } + 注意: 1. 初...
2020-03-21 21:52:55 89
原创 js函数
函数的创建+两种方式1.声明式函数2.赋值式函声明式函数+语法:function函数名(){}=>function:声明函数的关键字=>空格:分隔关键字和函数名使用的=>函数名:就...
2020-03-21 21:44:55 114
原创 css3动画属性有哪些
一:transfrom标签 改变元素的位置1:translate 平移 单位pxtranslate(x,y) 2d平面 平移距离x轴y轴的距离translate (x,y,z) 3d平面 平移距离x轴y轴z轴的距离可以单独设置translateX(x); translateY(y); translateZ(z);2:roate 旋转 单位 degro...
2020-02-29 10:15:23 345
原创 css中元素居中的方式有哪些?
css中元素居中的方式有哪些?在我们写网页的时候有许多时候会用到元素居中,让我们看看有哪些方式。 一:行内元素居中 text-align: center;(用于让文字居中) text-align: center;的作用就是让行内元素处于左右居中的位置。首先写个案例写个div,设置长宽,背景色,在div中嵌套个span.在css中写入text-align: center;再在css...
2020-02-22 12:55:48 160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人