前端 终端 实战vue

vue3微信公众号商城项目实战系列(4)第一个页面

在开始写第一个页面之前,先简单看下 index.html 、App.vue、main.js、HelloWorld.vue、TheWelcome.vue、WelcomeItem.vue 这几个页面及文件是怎么运作的,然后再新建2个页面,完成从一个页面跳转到另一个页面这个最简单的操作。 index.ht ......
实战 公众 页面 商城 项目

前端CSS

CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS实例 每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CS ......
前端 CSS

J8、Inception v1算法实战与解析

🍨 本文为🔗365天深度学习训练营 中的学习记录博客 🍖 原作者:K同学啊 | 接辅导、项目定制 📌 本周任务: 1、了解并学习图2中的卷积层运算量的计算过程(🏐储备知识->卷积层运算量的计算,有我的推导过程,建议先自己手动推导,然后再看) 2、了解并学习卷积层的并行结构与1x1卷积核部分 ......
算法 实战 Inception

Vue Props 定义类型时报对象属性 unknown 错误

如上图所示,在模板中使用 item prop 时,surface 属性是 unknown 类型。下面是 props 类型定义: type IWorks = Partial<{ id: string; text: string; content: string; desc: string; date: ......
属性 时报 对象 错误 unknown

2023前端面试题整理

1、vue响应式: 虽然 Vue 2 与 Vue 3 实现响应式系统的方式不同,但是他们的核心思想还是一致的,都是通过 发布-订阅模式 来实现(因为发布者和观察者之间多了一个 dependence 依赖收集者,与传统观察者模式不同)。 个人理解,观察者模式 与 发布-订阅模式 都是 消息传递的一种实 ......
前端 2023

Vue之 vue-router

简介 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。 vue-router是基于路由和组件的,路由用户设定访问路径的,将路径和组件映射起来。在vue-router的单页面应用中,页面的路径的改变就是组件的切换。 官网地址:https://ro ......
vue-router router Vue vue

18.32016年43题代码实战

#include <iostream> //考研初始只需要完成setPartition即可 int setPartition(int a[],int n) { int pivotkey,low=0,low0 = 0,high=n-1,high0=n-1,flag=1,k=n/2,i; int s1= ......
实战 18.32016 代码 32016 18

记录-Vue.js模板编译过程揭秘:从模板字符串到渲染函数

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue.js是一个基于组件化和响应式数据流的前端框架。当我们在Vue中编写模板代码时,它会被Vue编译器处理并转换为可被浏览器解析的JavaScript代码。Vue中的模板实际上是HTML标记和Vue指令的组合,它们会被Vue编译器处理并 ......
模板 字符串 函数 字符 过程

项目实战-经验复盘 项目流程 有用 看1

一个大型项目从立项到完成会需要多方合作,涉及到很多人员的调动,工作也会比较的繁琐。 一套科学有效的(敏捷)项目管理方法是保证项目成功落地的必要条件。 项目管理贯穿于产品的全流程管理,大致分为5个里程碑,分别为需求(需求管理、需求评审)、研发(研发前准备、研发中)、测试(功能测试、集成测试、压力测试、 ......
项目 实战 有用 流程 经验

vue路由传值总结

路由传值总结 1. 路由导航: 在router.js中配置路由的path为 /XXX/:id 的方式,在路由跳转的时候, 设置路径 /XXX/123 即可跳转 接收通过this.$route.params.id 即可拿到123 2. params传参: 通过this.$router.push 传参, ......
路由 vue

Web前端资源

招聘要求 前端工程师:1. 熟练掌握HTML5、CSS3、JavaScript,Ajax,跨域等基础知识;2. 熟练掌握VUE开发框架,熟悉ElementUI、Vant 等UI框架的使用;3. 掌握项目版本控制工具 Git 的使用;4. 有APICloud开发经验更佳; Web前端画图 招聘要求: ......
前端 资源 Web

前端常用/不常用插件【想起来才会去更新】

maptalks支持2d/3d地图渲染及操作,maptalks可支持1w左右图形渲染(再多了就会有一点点卡,和电脑性能也有关系)官网:www.maptalks.org 组件中的组件maptalks.three: 可支持three及一些简单数据样式,具体的还没用过maptalks.snap: 绘制图形 ......
常用 前端 插件

vue中使用jsx

前言 相对来说 有些时候用jsx更合适,更灵活些 安装依赖 有对应的包支持 yarn add --dev @vitejs/plugin-vue-jsx 配置插件 在vite.config.js import { defineConfig } from "vite"; import vue from ......
vue jsx

vue列表渲染之for循环

vue列表渲染之for循环 前端开发中,如果涉及列表渲染,都会提示或要求每个列表项使用唯一的 key,那很多开发者就会直接使用数组的 index 作为 key 的值,而并不知道 key 的原理。那么以下会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。 1、作用 在虚 ......
vue for

vue通过Export2Excel.js进行导入excel,获取数据

<!-- 封装的模板下载和导入按钮和功能组件--> <template> <span style="margin-left: 10px"> <el-button size="mini" class="el-icon-download" @click="downFiles"> 下载模板</el-but ......
Export2Excel Export2 数据 Export 2Excel

Vue3 简介

视频 Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next ......
简介 Vue3 Vue

Vue2总结

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
Vue2 Vue

在终端命令行中把输出复制到剪贴板的命令 All In One

在终端命令行中把输出复制到剪贴板的命令 All In One use command copy from the Terminal Linux 系统 Debian / Ubuntu / Raspberry Pi OS # Raspberry Pi $ grep shutdown | ??? http ......
命令 剪贴板 终端 All One

2023-04-14 vue之组件全局注册

新建一个vue文件,随便写点什么,然后在main.js中引入,如下: xxx.vue: <template> <view class="container"> <view class="content"> 登录窗口 </view> </view> </template> <script> expor ......
全局 组件 2023 vue 04

Vue3 Vite H5 手写一个横向展开的多级树列表

最近写h5要做那种稍微复杂一点的树,没找到现成的UI组件库可用,vant的树只有两级不满足,只能自己写 ps. 选框的选择/反选/半选对父子选项的影响还有bug,留到脑子好的时候再优化 效果 代码 框架是Vue3+Vite+Vant4。复选框用的vant的checkbox,应该也可以换别的或者原生。 ......
横向 Vue3 Vite Vue H5

17.6归并排序原理及实战

#include <stdio.h> #include <stdlib.h> #define N 7 typedef int ElemType; void Merge(ElemType A[],int low,int mid,int high) { static ElemType B[N]; //加 ......
实战 原理 17.6 17

ncurses 库使用介绍: 实现终端 GUI

这次 ENGG1340 课程的 group project 是设计并实现一个 text-base game,作为终端上运行的 text-base game,有一个出彩的 GUI 肯定是一个加分项! 在未老师的介绍下,我知道了有 <ncurses.h> 库这么一个神奇的东西;最重要的是,虽然它不属于 ......
终端 ncurses GUI

微前端 - qiankun学习笔记

##前言 qiankun 是一个基于 single-spa 的微前端实现库,旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 本文主要记录下如何接入 qiankun 微前端。主应用使用 vue2,子应用使用 vue3、react。 ###一、主应用 主应用不限技术栈,只需要提供一个容器 ......
前端 qiankun 笔记

vue 使用 vue-seamless-scroll 实现LED屏滚动效果

yarn add vue-seamless-scroll <div class="index-roll"> <vue-seamless-scroll :data="partnerList" :class-option="optionLeft"> <ul> <li v-for="(item, inde ......

vite vue3 全局批量注册组件

方式1-使用import.meta.glob import { createApp, defineAsyncComponent } from 'vue' const app = createApp(App); app.mount('#app'); // antd全局使用图标,遍历引入 const i ......
全局 组件 vite vue3 vue

字节前端青训营笔记1.计算机网络

数据交换方式 分为电路交换与分组交换 电路交换是指在通信时建立一条专用的物理连接,该连接将一直保持开放,直到通信结束。在此过程中,通信双方可以实时地交换信息,就好像它们直接连接在一起一样。传统的电话通信就是一个很好的例子。在电路交换中,通信资源一直被占用,因此当通信量很大时,电路交换可能会变得不太有 ......
前端 计算机网络 字节 笔记

vue3微信公众号商城项目实战系列(3)项目初始文件及文件夹简介

首先我们来看下项目的文件结构图,如下: 各个文件及文件夹作用如下: 文件或文件夹名称 作用 .vscode VisualStudioCode开发工具的配置信息存放目录,从这个目录可以看出vue3确实是推荐使用vscode作为开发工具的。 node_modules 项目中用到的包存放目录,当我们用 " ......
文件 项目 文件夹 实战 公众

vue3 + ts + electron项目搭建过程

1、输入指令 npm create electron-vite 2、工程创建好后进入工程目录 执行 npm i 加载依赖项, 加载过程中可能会出现加载失败的问题,是因为github资源的问题,非项目本身问题,多执行几次即可 3、打包 输入npm run build,打包过程也会出现打包失败的问题,原 ......
electron 过程 项目 vue3 vue

17.5堆排序实战

#include <stdio.h> #include <stdlib.h> #include <time.h> #include <string> typedef int ElemType; typedef struct { ElemType *elem; //存储元素的起始地址 int Tabl ......
实战 17.5 17

(之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统05

开发笔记五 套餐管理业务开发 新增套餐 需求分析 套餐就是菜品的集合。 后台系统中可以管理套餐信息,通过新增套餐功能来添加一个新的套餐,在添加套餐时需要选择当前套餐所属的套餐分类和包含的菜品,并且需要上传套餐对应的图片,在移动端会按照套餐分类来展示对应的套餐。 数据模型 新增套餐,其实就是将新增页面 ......
项目 商户 实战 餐饮 校园