monody157 - 个人主页动态 - 牛客网

发布(27) 评论刷题收藏

2020-10-23 14:47

燕山大学自动化

let声明变量1、不允许重复声明2、不存在函数提升3、存在块级作用域4、不影响作用域链const声明常量1、一定要赋初始值2、一般常量使用大写3、常量值不能修改4、块级作用域5、对于数组和对象的元素的修改，不算做常量的修改解构赋值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> co...

0 点赞评论收藏

分享

2020-10-23 11:12

燕山大学自动化

Vue响应式原理

数据发生改变，界面发生更新并不是理所当然的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> {{message}} {{message}} {{message}} {{name}} </div> <script src="....

0 点赞评论收藏

分享

2020-10-09 15:11

燕山大学自动化

垃圾销毁机制

export default { name: "Home", components: { NavBar, }, data(){ return{ banners:[], recommends:[] } }, created() { // 1、请求多个数据 getHomeMultidata().then(res => { console.log(res); this.banners = res.data.banner //保证请求到的数据不会被销毁 this.recommends = res.data.recommend //保证请求到的数据不会被销毁 }) } }请求数...

0 点赞评论收藏

分享

2020-10-08 13:49

燕山大学自动化

项目结构划分

assets项目所用资源，包括img图片和css样式common项目的公共部分，包括const公共变量和utils公共工具类components项目组件，包括common可复用组件和content业务相关组件network项目的网络axios部分router项目的路由router部分store项目的vuex仓库部分views项目的所有页面视图

0 点赞评论收藏

分享

2020-10-08 13:30

燕山大学自动化

promise的基本使用

什么时候会用到promise 一般在有异步操作的时候会用到promise对异步操作进行一次封装；promise的运行过程 new -> 构造函数（1、保存一些基本信息 2、执行传入的函数），在执行传入的函数的过程中，又会传入两个固定的参数：reslove和reject，这两个参数本身又是函数。在promise中进行网络请求时，成功则会调用reslove参数，之后在then结构中执行对网络请求到的数据的处理操作；失败则会调用reject参数，之后在catch结构中执行输出错误信息的操作。 <!DOCTYPE html> <html lang="en"&...

0 点赞评论收藏

分享

2020-09-29 09:26

已编辑

燕山大学自动化

runtimecompiler和runtimeonly的区别

runtimecompilermain函数中的代码 import Vue from 'vue' import App from './App' Vue.config.productionTip = false new Vue({ el: '#app', components: { App }, template: '<App/>' })运行过程template->ast->render->vdom->rdomtemplate模板-（解析）>抽象语法树-（编译）>render函数->虚拟DOM->真实DOM runtimeonlymai...

0 点赞评论收藏

分享

2020-09-28 10:16

燕山大学自动化

webpack打包图片

一张小于8kb时，使用url-loader进行打包，最终生成base64编码一张大于8kb时，使用file-loader进行打包，webpack会在打包文件夹生成一个具有32位hash值的图片。这时图片仍然不能正常显示，这时因为webpack会将生成的路径直接返回给使用者，但是打包的文件是生成在dist文件夹下的，所以我们需要在配置文件的output中加入 publicPath:'dist/'如果想对打包的图片进行命名，需要在配置文件的options中添加如下代码： name:'img/[name].[hash:8].[ext]'

0 点赞评论收藏

分享

2020-09-27 09:17

燕山大学自动化

计算属性和methods的对比

计算属性在多次使用时只会调用一次，他是有缓存的，所以在实际中应该多使用计算属性

0 点赞评论收藏

分享

2020-09-26 16:46

燕山大学自动化

组件的data为什么必须是一个函数

组件就像一个Vue函数，其中可以有data,methods等。但其中data必须是一个函数定义，因为在多次调用时，函数可以生成多个对象，使得每个调用之间不会相互受到影响。如果不是一个函数，那么每一次调用组件时指向的data都是同一个值，彼此之间一定会相互影响。

0 点赞评论收藏

分享

2020-09-26 14:47

燕山大学自动化

Vue的组件化思想

它提供了一种思想，让我们开发出一个个独立可复用的小组件来构成我们的应用；任何应用都会被抽象成一个组件树；组件的创建步骤：1、创建组件构造器（Vue.extends()）2、注册组件（Vue.component(组件名,组件构造器名)）3、使用组件

0 点赞评论收藏

分享

2020-09-26 16:20

已编辑

燕山大学自动化

v-bind的简写是： 如v-bind：value的简写是 ：valuev-on的简写是@ 如v-on:input的简写是 @input组件化开发中省去了Vue.extend,直接使用一个对象进行了替换

0 点赞评论收藏

分享

2020-09-26 12:02

燕山大学自动化

v-model的双向绑定原理

model实现双向绑定实际上是两个事件的结合： :value="message"实现将massage绑定在输入框 @input= "message=$event.target.value"实现在输入框输入时实时的改变message

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客网在线编程
牛客网题解
牛客企业服务