![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
清风中的一朵云
毕业与河南省鹤壁市汽车工程学院,工作时长3 年了
展开
-
Vue的核心
一、数据驱动就是前端接收后端传输过来的数据,然后通过数据来操作DOM,Vue.js提供了mvvm俗称:双向数据绑定。通过:Object.defineProperty(第一个是监听的属性,第二是回调函数)二、组件化实现了扩展HTML元素,封装可用的代码。页面上每个独立的可视/可交互区域视为一个组件;每个组件对应一个工程目录...原创 2021-03-19 09:53:08 · 255 阅读 · 0 评论 -
v-model是如何实现的,语法糖实际是什么
一、语法糖指计算机语言中添加的某种语法,它方便程序员使用。语法糖和不是语法糖的代码是一样的,更简洁流畅二、实现原理1.作用再普通的表单元素上动态绑定input的value指向的自定义的变量,并且在触发input事件的时候去动态把自定义变量设置为目标值2.作用在组件上是一个父子组件通信的语法糖,通过props和$emit实现...原创 2020-07-27 10:21:57 · 1545 阅读 · 0 评论 -
面试题分析
一 vue优点?1、它是一个轻量级的框架解释:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统2、简单易学解释:国人开发,中文文档,不存在语言障碍,易于理解和学习3、双向数据绑定解释:结合了angular的特点,在操作数据时更为简单,减少dom操作,页面加载更快。4、组件化解释:在前端应用,我们是否也可以像编程一样把模块封装呢?这就引入了组件化开发的思想。5、视图,数据,结构分离解释:使数据的更改更为简单,不需要进行逻辑代码的修改,只原创 2020-07-27 09:34:45 · 1848 阅读 · 0 评论 -
如何获取dom
JS的获取方法:1、通过ID获取(getElementById)2、通过name属性(getElementsByName)3、通过标签名(getElementsByTagName)5、通过类名(getElementsByClassName)6、获取html的方法(document.documentElement)7、获取body的方法(document.body)Jquery的获取方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容..原创 2020-07-22 11:13:32 · 876 阅读 · 0 评论 -
vue优点
1、它是一个轻量级的框架解释:Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统2、简单易学解释:国人开发,中文文档,不存在语言障碍,易于理解和学习3、双向数据绑定解释:结合了angular的特点,在操作数据时更为简单,减少dom操作,页面加载更快。4、组件化解释:在前端应用,我们是否也可以像编程一样把模块封装呢?这就引入了组件化开发的思想。5、视图,数据,结构分离解释:使数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完..原创 2020-07-22 11:12:33 · 923 阅读 · 0 评论 -
Vue组件之间的传值:子传父 父传子 兄弟 Vuex 传值
Vue组件通信组件分类1.父子通信2.子父通信3.兄弟通信4.Vuex通信作用方便取别的组件里的值父子通信在父组件里的标签上加自定义属性=“要传的值”,然后再在子组件中用props接收在子组件用props里的属性就用this.props里的属性1.创建一个父组件里面写个标签 <div 自定义属性:‘要传的值’></div> 2.再创建一个子组件里面写个标签export default{ props:{ 自定义属性的名字原创 2020-07-18 11:33:37 · 338 阅读 · 0 评论 -
keep-alive
keep-alivekeep-alive是什么它是一个加载非动态组件的一个组件,使用keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。它里面有三个属性一个是include另一个是exclude属性还有一个max1.include是被keep-alive中加上include的标签包裹住的组件会被缓存的。2.exclude是被keep-alive中加上exclude的标签包裹住的组件不会被缓存的。3.max是定义缓存组件上限。代码的作用它可以缓存原创 2020-07-17 20:09:46 · 348 阅读 · 0 评论 -
vuex的知识点
什么是vuex它是一个专为 Vue.js 应用程序开发的状态管理模式vuex怎么用1. 首先 cnpm install vuex -S 下载2. 第二步在目录里创建store文件夹里面创建index.js3. 第三步在index.js里面首先通过import Vue from 'vue’引入vue4. 第四步在index.js里面再通过import Vuex from 'vuex’引入vuex5. 第五步在index.js里面再通过Vue.use(Vuex)让vue使用vuex.原创 2020-07-13 08:22:30 · 119 阅读 · 0 评论 -
1.响应式布局如何实现
1.响应式布局如何实现百分比布局利用属性设置百分比来适配不同屏幕百分比相对于父元素,可以设置的属性有:宽、高、内边距、外边距。rem布局是根据HTML元素的font-size的值进行动态计算```javascript**funcion rem(){ 获取文档和body var HTML = document.documentElement||doument.body ////让html文字大小等于屏幕宽度/7.5 html.style.fontSize=html.clientWi原创 2020-05-28 10:04:49 · 185 阅读 · 0 评论