Vue
我就吃辣的
这个作者很懒,什么都没留下…
展开
-
字节跳动前端面经
面试经历我入职字节大概一个多月(目前准大四 实习生),现在写面经不仅仅是牛客网(YYSD,真tm灵)的还愿,还是就是想给大家推荐推荐我们部门------技术中台。可能大家对技术中台不太了解,但是大家肯定听说过掘金吧,我们组主要负责ByteTech(字节内部的技术社区)和掘金。欢迎大家投我们部门,可以直接投给我的邮箱huyong.cuger@bytedance.com,我都会看的,一天以内能给你回消息的,当然不局限与前端,其他端也可以投递,文章最后会给出我的微信以及部门的介绍,也欢迎大家加我的微信。面试流原创 2021-08-14 23:29:23 · 3333 阅读 · 12 评论 -
封装网络请求模块续
封装网络请求模块续需要在网络模块和视图之间再添加一层xxx.js,解除视图和api之间的强耦合。防止出现api接口改变,需要修改源码的现象。步骤:定义一个视图对应的访问层,例如home.vue定义一个home.jsimport { request } from "./request";export function getHomeMultidata() { return request({ url: '/home/multidata' })}home原创 2021-02-06 12:55:52 · 86 阅读 · 0 评论 -
vue学习回顾(4)
一. Promise1.1. Promise的基本使用如何将异步操作放入到promise中(resolve, reject) => then/catch1.2. Promise的链式调用1.3. Promise的all方法二. Vuex2.1. 什么是状态管理2.2. Vuex的基本使用state -> 直接修改state(错误)mutations -> devtools2.3. 核心概念state -> 单一状态树getters ->mu原创 2021-02-06 09:55:04 · 79 阅读 · 0 评论 -
vue学习回顾(3)
一. Vue CLI1.1. runtime-compiler和runtime-only的区别ESLint到底是什么?template -> ast -> render -> vdom -> 真实DOMrender: (h) => h, -> createElement1.2. Vue CLI3如何通过CLI3创建项目CLI3的目录结构配置文件: 1.Vue UI 2.隐藏的配置文件 3.自定义vue.config.js二. Vue-原创 2021-02-06 09:53:29 · 72 阅读 · 0 评论 -
封装网络请求模块
封装网络请求模块原因:解除第三方网络请求模块与项目之间的强耦合,防止出现第三方网络请求模块弃用后,需要大规模修改项目源码的现象。步骤:定义一个request.js 对axios第三方HTTP库进行封装import axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'http://123.207.32.32:80原创 2021-02-05 00:28:23 · 195 阅读 · 0 评论 -
vue学习回顾(2)
一. 组件化开发1.1. 父子组件的访问children/refsparent/root1.2. slot的使用基本使用具名插槽编译的作用域作用域插槽二. 前端模块化2.1. 为什么要使用模块化简单写js代码带来的问题闭包引起代码不可复用.自己实现了简单的模块化AMD/CMD/CommonJS2.2. ES6中模块化的使用exportimport三. webpack3.1. 什么是webpackwebpack和gulp对比webpack依赖环境安原创 2021-02-02 18:14:09 · 59 阅读 · 0 评论 -
vue的插槽基本能使用
vue的插槽基本能使用1.插槽的基本使用1.定义一个模板,并且预留一个位置<template id="cpn"> <div> <h2>我是组件</h2> <p>我是组件, 哈哈哈</p> <slot><button>按钮</button></slot>\\预留位置 </div></template>2.替换插槽的内容原创 2021-01-31 14:41:44 · 75 阅读 · 0 评论 -
vue学习回顾(1)
一. 计算属性1.1. 计算属性的本质fullname: {set(), get()}1.2. 计算属性和methods对比计算属性在多次使用时, 只会调用一次.它是由缓存的二. 事件监听2.1. 事件监听基本使用2.2. 参数问题btnClickbtnClick(event)btnClick(abc, event) -> $event2.3. 修饰符stopprevent.enter.once.native三. 条件判断3.1. v-if/v-e原创 2021-01-31 13:24:58 · 45 阅读 · 0 评论 -
vue打包
vue打包1.运行npm run build,会生成一个dist文件夹,如图所示。2.直接在浏览器中运行index.html会报错,说找不到资源,其实是路径问题,原理是绝对路径,这里需要自己加点改成相对路径。原创 2021-01-26 00:33:26 · 102 阅读 · 0 评论 -
Vue刷新当前路由
Vue刷新当前路由需求:在当前页面输入关键字搜索,依然会跳转到这个路由问题:从当前路由跳转同一个路由会报错 uncaught promise…NavigationDuplicated解决办法:1. 新建一个空白组件,该组件会跳转到目标路由。<template></template><script>export default { created() { this.$router.push("/result?q=" + this.$route.原创 2021-01-25 12:06:11 · 245 阅读 · 0 评论 -
vue-cli+vue-router+Element-ui基本使用
vue-cli+vue-router+Element-ui基本使用vue-cli1.通过命令安装vue-cli npm install vue-cli2.创建一个vue项目 vue create 项目名选择Manually select features空格取消Linter/Formatter选择2.x3.vue进行项目的启动cd review npm run serve[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qNtQwo2S-1611030347原创 2021-01-19 12:26:08 · 423 阅读 · 0 评论