vue相关
vue脚手架的环境搭建###这里先不说vue安装resourcenpm install vue-resource --savavue安装bootstrap这里请参考官网，如果是用的国内源，请用cnpm，https://bootstrap-vue.js.org/npm 安装 element官网：http://element-cn.eleme.io/#/zh-CN/component/installationcnpm 安装axios,后面应该是 --savecnpm 安装 fastclickcnpm 安装sty...
2024-01-10
vue相关报错
1.无ico时报错，GET http://localhost:8080/favicon.ico 404 (Not Found)解决方案：在vue根目录下的index.html的中加入下面一行代码 <link rel="shortcut icon" href="#"/>2.在文件中引入一个文件，favicon.ico ...
2024-01-10
入坑Vue
长期的后端数据开发着实有些枯燥无趣，项目完工，闲暇之际，最近一直在研究前端方面的东西，不得感叹，前端技术发展速度快的让人有些目不暇接，从jQuery开启的插件化时代，几乎许多网站都被jQuery支配，而jQuery也成为了一个时代的经典，再到解决全局变量带来的命名冲突的模块化时代，再到Angula...
2024-01-10
简谈Vue
Vue的基本目录Vue的基本1.0、Vue的出现.1.1、CSS预处理器1.2、JS框架1.3、Vue框架1.4、Axios框架1.5、框架知识扩展1.6、开发相关JS后台开发NodeJs是什么？1.0、Vue的出现.创建者:尤雨溪Vue自底向上逐层应用，注重视图层（HTML结构层+CSS表现层+JS行为层）网络通信：axios页面跳转：vue-router状态管理：vuexvue-UI：I...
2024-01-10
Vue相关，插槽怎么用！
插槽内容Vue 实现了一套内容分发的 API，将 <slot> 元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile"> Your Profile</navigation-link>在 <navigation-link> 的模板中写为：<a v-bind:href="url" class="nav-link"> <slot></slot></a>当组件渲染的时候，<slot></slot> 将会被替换为“Your Profil...
2024-01-10
Vue相关，diff算法。
1. 当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。我们先根据真实DOM生成一颗virtual DOM...
2024-01-10
Vue 数据响应式相关总结
在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码let obj0 = { 姓: "高", 名: "圆圆", age: 18};// 需求一，得到姓名let obj1 = { 姓: "高", 名: "圆圆", 姓名() { return this.姓 + this....
2024-01-10
Vue相关，Vue JSX
JSX简介JSX是一种Javascript的语法扩展，JSX = Javascript + XML，即在Javascript里面写XML，因为JSX的这个特性，所以他即具备了Javascript的灵活性，同时又兼具html的语义化和直观性。 应用场景为了让大家更方便的去理解JSX的作用及用法，小编先为大家罗列了几个可能会用到JSX的应用场景。 在消息框内添...
2024-01-10
Vue 数据响应式相关总结
在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码let obj0 = { 姓: "高", 名: "圆圆", age: 18};// 需求一，得到姓名let obj1 = { 姓: "高", 名: "圆圆", 姓名() { return this.姓 + this....
2024-01-10
Vue初体验
Vue特点 易用：HTML/CSS/JavaScript 灵活：不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩 高效：20kB min+gzip 运行大小 超快虚拟DOM 最省心的优化 渐进式：如果之前页面全是jQ写的，那么我们想改进单个或多个页面，可以单独提取出来进行改进安装 方式一：直接CDN引...
2024-01-10
Vue关闭ESLint
ESLint实在是太烦人了，每次有缩进都爆红，严重影响写代码心情，那么如何关闭呢？首先，可以在创建项目时不选择这一项！其次，如果已经创建项目了，那么如何关闭呢？先把这玩意注释掉，但是对我而言并没有效果。然后进入File->settings，进行如下操作即可附：ctrl+alt+L可以格式化代码...
2024-01-10
关于Vue的事件修饰符
Vue的事件修饰符：.stop阻止事件的冒泡，阻止事件继续传播.prevent阻止事件原来默认事件.capture捕获监听器，可理解为改变冒泡的顺序.self只在事件本身的元素及以上触发，不在子元素的事件链中.once只触发一次.prevent为阻止元素的默认事件，一般有<a>、<submit>这些标签原生带有自己的默...
2024-01-10
Vue过渡动画
vue可以在元素或组件进入和消失的时候提供过渡效果使用过渡：<div > <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">hello</p> </transition></div>new Vue({ el: '#demo', data: { show: true }}).fade-enter-active, .fade-leave-activ...
2024-01-10
Vue之初始化
前言之前分析过Moon的源码，对于Moon实现的双向绑定、computed、事件分发、生命周期有了比较详细的阅读分析，学到了很多。不足之处也比较明显，对于component、虚拟DOM、模板解析不够深入，之后会逐渐完善，这个高仿库是非常值得深入学习的。本文会介绍Vue.js加载过程中主要的初始化工作，vue版本是...
2024-01-10
关于Vue虚拟dom问题
目录一、什么是虚拟dom？二、为什么需要虚拟dom三、虚拟dom是如何转换为真实dom的四、模板和虚拟dom的关系一、什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，没有render找template，没有template找el，有el就会把el.outHTML作为template，然...
2024-01-10
关于Vue虚拟dom问题
目录一、什么是虚拟dom？二、为什么需要虚拟dom三、虚拟dom是如何转换为真实dom的四、模板和虚拟dom的关系一、什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，没有render找template，没有template找el，有el就会把el.outHTML作为template，然...
2024-01-10
Vue的一些考点
前言作为前端开发中现行最火的框架之一，Vue 在面试中出现的频率不断增加。基于此，总结了一些 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴感兴趣的小伙伴也可以点击 这里，查看前端方面的其他面试题，欢迎 star 关注如果文章中有出现纰漏、错误之处，还请看...
2024-01-10
Vue 关于过渡的使用场景
*本文只是将官网的内容进行简单的整理，可点击查看实例查看官网具体描述及源码实例。当从 DOM 中插入、更新或移除项目时，Vue 提供多种应用过渡效果的方式。具体可以分为以下三类：单元素/组件件的过渡、多元素间的切换过渡、多组件间的切换过渡。1. 单元素/组件间的过渡定义：任何组件/元...
2024-01-10
fuse3编译相关简要记录
下面是在使用fuse3 编译bbfs 过程中一些参数，用于备忘：FUSE_CFLAGS="-I/usr/local/include/fuse3" FUSE_LIBS="-L/usr/local/lib/x86_64-linux-gnu -lfuse3 -lpthread -ldl" ./configure保持更新，更多内容请关注cnblogs.com/xuyaowen;fuse 相关手册：https://www.cs.nmsu.edu/~pfeiffer/fuse-tutorial/ http://libf...
2024-01-10
Vue 框架 Nuxt 的相关问题?
Vue 新人，Nuxt 更新人，刚接触 Nuxt ，好像不用写路由挺方便的假设不做 SSR ，用来做单页应用，用 Nuxt 傻不傻；是否还不如直接用 Vue 。Nuxt2 的坑多不多，Vue3 TS 都不会，所以还停留在 2 。有没有什么 Nuxt 搭建的开源项目可以做一些参考学习，比如二次封装 axios 之类的。有没有什么学习 Nuxt 的群或者网站推荐。我看官方内置了两个异步获取数据的方法 ...
2024-02-16浅谈Vue数据响应
Vue 中可以用 $watch 实例方法观察一个字段，当该字段的值发生变化时，会执行指定的回调函数（即观察者），实际上和 watch 选项作用相同。如下：vm.$watch('box', () => { console.log('box变了')})vm.box = 'newValue' // 'box变了'以上例切入，我想实现一个功能类似的方法 myWatch。如何知道我观察的属性被修改了...
2024-01-10
浅谈Vue中的动画
使用transition标签<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title> css动画原理 </title> </meta> <script src="./vue.js" type="text/javascript"> </script> <style> ...
2024-01-10Vue的手风琴过渡
我想给Accordion组件与车身的过渡整合，但没有成功:(所有的工作，以及除动画Vue的手风琴过渡模板：。<div class="accordion"> <div class="accordion-title" @click="isOpen = !isOpen" :class="{'is-open': isOpen}"> <span>{{title}}</span> <i class="ic ic-next"></i> </div> <div class="ac...
2024-01-10
Vue与原生APP的相互交互
现在好多APP都采用了Hybrid的开发模式，这种模式特别适合那些内容变动更新较大的APP，从而使得开发和日常维护过程变得集中式、更简短、更经济高效，不需要纯原生频繁发布。但有利肯定有弊咯，性能方面能稍微差一点，还有就是两者之间的交互问题。美团、爱奇艺、微信等知名移动应用，都是采用...
2024-01-10
Vue中关于响应式的一个问题
最近在参加一个面试，对方发了一套面试题过来；要求是做一个类似京东生鲜的网站，要求实现商品列表功能；之前我一直都是在vue-cli脚手架中使用vue；由于这个页面比较少，所以直接引入的CDN但是却发现不能进行v-for渲染了。下面是我的错误代码<!DOCTYPE html><html> <body> <div id="li...
2024-01-10
