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
指令v-for//循环 <li v-for="item in arr" >item</li>v-click//绑定事件 可以使用简写 语法糖 @click="" 添加浏览器对象 click(123,$event)v-once //只会修改一次 <a v-once> {{name}} </a> 不会再次跟着model的修改修改了v-html //将字符串中的 html给解析出来 <a v-html="div"></a> 将div字符变量解析到a标签中v-text //直接将覆盖到html 标签...
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简介
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复...
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关闭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，但是上家公司准备要用。把自己的一些笔记放到这里，正好跟人知识共享，又复习了自己的vue～（希望大佬能多多指点指点）1、初识VueVue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。Vue.js 支持所有兼容 ECMAScript 5 的浏览器。下载完vue.js ...
2024-01-10
Vue基本使用
Vue.js是一款流行的开源JavaScript前端框架，旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。由尤雨溪在2014年2月发布的。一 基本语法1. vue的使用要从创建Vue对象开始let vm = new Vue();2.创建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.config.js 基本配置module.exports = { // 基本路径 cli3.3以前版本用baseUrl publicPath: \'/\', // 输出文件目录 outputDir: \'dist\', // 用于嵌套生成的静态资源 assetsDir: \'\', // 生产环境sourMap productionSourceMap: false, // webpack配置 configureWebpack: () => {}, chainWebpack:...
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 关于过渡的使用场景
*本文只是将官网的内容进行简单的整理，可点击查看实例查看官网具体描述及源码实例。当从 DOM 中插入、更新或移除项目时，Vue 提供多种应用过渡效果的方式。具体可以分为以下三类：单元素/组件件的过渡、多元素间的切换过渡、多组件间的切换过渡。1. 单元素/组件间的过渡定义：任何组件/元...
2024-01-10
Vue 框架 Nuxt 的相关问题?
Vue 新人，Nuxt 更新人，刚接触 Nuxt ，好像不用写路由挺方便的假设不做 SSR ，用来做单页应用，用 Nuxt 傻不傻；是否还不如直接用 Vue 。Nuxt2 的坑多不多，Vue3 TS 都不会，所以还停留在 2 。有没有什么 Nuxt 搭建的开源项目可以做一些参考学习，比如二次封装 axios 之类的。有没有什么学习 Nuxt 的群或者网站推荐。我看官方内置了两个异步获取数据的方法 ...
2024-02-16
Vue中关于响应式的一个问题
最近在参加一个面试，对方发了一套面试题过来；要求是做一个类似京东生鲜的网站，要求实现商品列表功能；之前我一直都是在vue-cli脚手架中使用vue；由于这个页面比较少，所以直接引入的CDN但是却发现不能进行v-for渲染了。下面是我的错误代码<!DOCTYPE html><html> <body> <div id="li...
2024-01-10
Vue与原生APP的相互交互
现在好多APP都采用了Hybrid的开发模式，这种模式特别适合那些内容变动更新较大的APP，从而使得开发和日常维护过程变得集中式、更简短、更经济高效，不需要纯原生频繁发布。但有利肯定有弊咯，性能方面能稍微差一点，还有就是两者之间的交互问题。美团、爱奇艺、微信等知名移动应用，都是采用...
2024-01-10Vue实现导航栏的显示开关控制
一，制作导航栏<template> <div class="space_header_text"> <ul> <router-link to="/order"> <li class="nav-item"> <div :class="['iconfont','interval','iconClass']"></div> 订单 </li> </router-link> <router-link to="/account"> <li class="nav-item"> <div :c...
2024-01-10关于Vue单页面骨架屏实践记录
关于骨架屏介绍骨架屏的作用主要是在网络请求较慢时，提供基础占位，当数据加载完成，恢复数据展示。这样给用户一种很自然的过渡，不会造成页面长时间白屏或者闪烁等情况。 常见的骨架屏实现方案有ssr服务端渲染和prerender两种解决方案。这里主要通过代码为大家展示如何一步步做出这样一...
2024-01-10
Vue监测标签页关闭（非刷新）
问题描述Vue中实现关闭标签页前向其他页面发送消息时需监听页面关闭操作相关代码created() { window.addEventListener('beforeunload', this.beforeunloadHandler) window.addEventListener('unload', this.unloadHandler) ...
2024-02-27
