事项vue cli 01
Vue源码学习(十):关于dep和watcher使用的一些思考
好家伙, 前面想了好久,都没想明白为什么要dep和watcher打配合才能实现数据-视图同步 为什么要多一个依赖管理这样的东西 给每个数据绑个watcher(xxfunction),然后,数据变了,调set,然后调xxfunction,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这 ......
代码审查一些需要注意的事项
在对代码进行审查时,以下是一些需要注意的事项:1. 代码风格和可读性:检查代码是否符合编码规范和最佳实践,例如使用一致的缩进、有意义的变量和函数命名、适当的注释等。确保代码易于阅读和理解,以便他人能够轻松维护和理解代码。2. 错误处理和异常处理:检查代码是否包含适当的错误处理和异常处理机制,以处理可 ......
vue2,3render函数的简单使用
render 函数的主要作用: 创建虚拟 DOM:render 函数负责创建虚拟 DOM 元素,这些元素以 JavaScript 对象的形式表示页面的结构和内容。 根据状态和数据生成 UI:render 函数根据组件的状态(data 数据)、属性(props)、计算属性(computed)、方法(m ......
提示词工程01 吴恩达
使用指令调整LLM时,可以视为给一个聪明人提供指令(一个聪明但不知道具体任务的人)。 当LLM不能工作时,有时是因为指令不够清晰;e.g.请帮我写一些关于图灵的东西。你其实哈可以明确表示你希望文本关注他的科学工作。比如个人生活还是他在历史上的其他角色,亦或者是其他方面。 你如果指定了文本的语气,比如 ......
问题:vue-cli failed to download repo vuejs-templates/webpack:connect etimedout连接超时,怎么解决
https://github.com/vuejs-templates/webpack 下载之后,解压到本地用户目录下的.vue-templates目录下。 vue init webpack my-login-library 命令的时候,需要带上参数--offline表示离线初始化 ......
【2023年10月10日】STF60_docker_Day01(下午)
STF60_docker_Day01(下午) 容器运行 先导入镜像 docker load < /home/centos-lamp.tar 给导入的镜像命名 docker tag 0b8d nickistre/centos-lamp.tar 交互式运行容器 一般就是临时用用,看看配置文件等等 doc ......
在vue3中使用粒子库particles.vue3,只有背景没有粒子的问题
按下述步骤,看是缺少安装包还是缺少引入方法(题主一开始不能显示粒子的原因是因为没有进行下述红色代码的操作) 1. 要安装两个包 npm install particles.vue3 npm install tsparticles 2. 可选择全局引入main.js // 导入粒子库 import P ......
VUE踩坑
问题1:expected indentation of 0 spaces but found 2 . 解决方案:1.打开 /config/index.js文件 ,找到: // 将 true更改为false即可 useEslint: false, 2.打开根目录下的/.eslintrc.js文件,找到 ......
vue前端项目配置,让他人可以访问前端本地启动的项目地址
vue.config.js文件配置 devServer: { host: '0.0.0.0', //运行dev服务器时绑定的IP地址,默认为localhost //配置开发服务器的外网地址 //本机IP地址通过ipconfig查看,要保证自己和访问者在同一个局域网内,比如同连一个VPN的局域网,或者 ......
前端面试八股文 Vue
前端面试八股文 Vue 讲一下Vue框架的原理? 我们使用Vue开发应用,实际上是编写若干Vue组件,实现模板、data、生命周期钩子等,然后执行new Vue(),将根组件挂载到指定的DOM节点上面,当我们编写的组件中生命周期钩子里面的或者在模板的元素事件中改变数据时候,视图会响应地更新。这样就实 ......
vue实现视频上传功能
本文实例为大家分享了vue实现视频上传功能的具体代码,供大家参考,具体内容如下 环境:vue + TS 上传视频 + 上传到阿里云主要处理前端在vue下上传视频 使用的是阿里云的视频点播服务 1、需要后台去申请一个开发API,请求阿里云的接口访问控制2、有了开发视频的token,供给前端3、前端去请 ......
Vue学习笔记(八):Vue脚手架
Vue脚手架是Vue官方提供的标准化开发工具,使用Vue脚手架(vue-cli)可以快速创建 vue 项目。 1 安装npm¶ 第一步(仅第一次执行): 下载npm,npm(node package manager)是nodejs下的包管理工具,后续下载、管理vue包都得通过npm进行,下载地址如下 ......
【2023年10月10日】STF61_docker_Day01(上午)
STF61_docker_Day01(上午) 1. 什么是docker? docker类似于VMware软件,也能虚拟出来很多的系统,虚拟出来的系统不叫虚拟机,叫容器。 docker:linux系统上的虚拟机 2. docker和传统虚拟机的区别 VM:使用VMware提供虚拟机的运行平台,管理每个 ......
06vue之路由vue-router
1. 介绍 路由就是一种对应关系(Hash 地址与组件之间的对应关系),在Vue.js路由允许我们通过不同的url访问不同的内容 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现(在 SP ......
vue上传视频插件
视频作为一种信息表达方式,越来越受到人们的关注和喜爱。近年来,随着移动互联网的普及,手机、平板电脑等设备可以随时随地观看视频。在开发网站或移动应用时,上传和展示视频成为一项不可或缺的功能。Vue作为一种现代化JavaScript框架,提供了丰富的开发工具和插件,其中视频上传插件是Vue开发者必须学会 ......
04vue之axios
1. 简介 axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征: 从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSO ......
05vue之组件
1. 组件化编程 根据封装的思想,把页面上可重用的 UI 结构封装为组件,从而方便项目的开发和维护 1.1 组件 在 Vue 中,组件就是用来封装视图的,说白了就是封装 HTML;组件思想就是把一个很大的复杂的 Web 页面视图给拆分成一块一块的组件视图,然后利用某种特定的方式把它们组织到一起完成完 ......
vue之修饰符
1. 简介 修饰符是以半角句号 . 指明的特殊后缀 2. 常用修饰符 2.1 .prevent :阻止事件默认行为 可以告诉v-on指令对于触发的事件调用 event.preventDefault(),一般用于表单提交、a标签的click事件等 <form v-on.prevent="onSubmi ......
03vue之脚手架搭建项目
1. 介绍 Vue脚手架是基于webpack搭建的,用来创建vue项目的工具包 Vue的运行流程: 通过 main.js 把 App.vue 渲染到 index.html 的指定区域中 脚手架-官网 2 准备工作 2.1 检查以下是否安装 # 确定是否已经安装 node, npm, vue-cli脚 ......
02vue之调试工具vue-devtools
1 下载插件 可以在 https://chrome.zzzmh.cn/#/index 这里直接下载,然后直接拖入 扩展程序即可 2 下载包 2.1 从github克隆项目 git clone https://github.com/vuejs/vue-devtools 2.2 在vue-devtool ......
uniapp引入iconfont真机nvue不生效(兼容vue)
兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;"></text> 2.App.vue设置,引入iconfont onLaunch() { // #ifdef APP-PLUS ......
vue 基于 el-upload 封装视频上传组件
新建video-upload.vue文件: <template> <div class="video-upload-com"> <el-upload :action="uploadUrl" :before-upload="beforeAvatarUpload" :file-list="mediaLi ......
《代码阅读方法与实践》 01
《代码阅读方法与实践》就是讲述代码阅读的方法,也能让我们学习之中的构架模式,数据结构,文档规范。阅读代码后,将所阅读代码的闪光处挑拣选出,牢记心中,并在日后编码时能够加以灵活利用,这才是阅读代码的正确方式。开源软件可以让我们阅读到大量的代码,这些代码有好也有坏,我们通过阅读评论和改进这些代码,可以从 ......
vue前端有数据,但是eharts图标不显示的问题(待解决)
问题描述 vue前端能够获取到array数据,模式如图: echarts图表不能显示数据; 问题解决 还没解决~ ......
vue+echarts实现数据库数据的可视化(新的方式~)
1、新建一个vue项目 使能够正常访问浏览器的页面; 2、引入echarts模块 使用命令: npm install echarts --save 等待下载完成: 3、在main.js里面引用echarts模块 原来: 加上echarts之后: 命令代码: import echarts from ' ......
01 | vim的一些使用说明
我们在使用 vim 编写 C 或者 C++ 的代码的时候,没有自动提示很影响编辑体验。 那么我建议安装 YCM 插件,本文是基于安装完毕该插件的情况下,依然没有头文件自动提示的情况进行说明。 YCM 插件有三个头文件提示来源。 vim 自带的 ctags 机制 vim 打开的文件夹内的 compil ......
Vue 异步更新、$nextTick
Vue 是异步更新 DOM 的,想要在 dom 更新完成之后做某件事,可以使用 $nextTick $nextTick:等 dom 更新后,才会触发执行此方法里的函数体 语法: this.$nextTick ( () => { // 业务逻辑 }) eg: this.$nextTick ( () = ......