属性 变量vue css

meta标签的一些属性描述

在编写html前端的时候,对于很多头部属性不够理解,网上查询的解释记录一下 话不多说,直接开始 <html lang="en"> 此属性无关紧要,不会影响代码,只是告知浏览器使用的是英语还是其他,对国内的浏览器来说就是打开网页的时候会弹出是否需要翻译; <meta charset="utf-8"> ......
属性 标签 meta

Postcss css module 关注点分离

Postcss 简明教程 及 css module - 掘金 https://juejin.cn/post/6862371071115558926 PostCSS - 是一个用 JavaScript 工具和插件来转换 CSS 代码的工具 | PostCSS中文网 https://www.postcs ......
关注点 Postcss module css

仿chatGPT或chatPDF的前端界面布局,css实现对话聊天布局代码,响应式左右分栏布局(附完整源代码)

chatPDF或者chatGPT的界面挺简洁的,就是一个左侧的列表以及右侧的对话列表,现在使用css实现这样的布局 充分运用了flex布局方式实现,左右分栏,以及对话形式展示效果 下面是效果图: 在手机设备看就隐藏左侧,右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
布局 前端 源代码 界面 chatGPT

vue-admin-template 如何添加快捷导航(标签导航栏)

前言 关于快捷导航(标签栏导航)在文档中确实有介绍,但是看完是一头雾水,不知道如何修改,不过文档最后给了一个移除的大致操作,从这里可以找到入手点 前期准备 vue-admin-template 项目代码 vue-element-admin 项目代码 操作流程 注:以下操作流程是按照自行摸索的操作顺序 ......
vue-admin-template template 标签 admin vue

Avalonia属性编辑器控件(Avalonia.PropertyGrid)

Nuget: https://www.nuget.org/packages/bodong.Avalonia.PropertyGrid GitHub: https://github.com/bodong1987/Avalonia.PropertyGrid ......

VUE3 里面使用 vuedraggable 兼容tag="transition"的问题

vue3的拖拽tag="transition"报的错误 TypeError: Cannot set properties of null (setting '__draggable_context') 安装拖拽的时候,使用命令 yarn add @marshallswain/vuedraggable ......
quot vuedraggable transition 问题 VUE3

vue3中使用defineExpose报TS-2339

title: "vue3+ts使用defineExpose报TS:2339" date: 2022-12-29 19:32:44 tags: ["Vue", "踩坑记录"] categories: ["前端篇"] 开头先把错误贴上 src/hooks/usePageSearch.ts:9:27 TS ......
defineExpose vue3 2339 vue TS

vue3+ts使用v-for出现unknown问题

title: vue3+ts使用v-for出现unknown问题 date: 2022-12-27 19:00:45 tags: ['Vue','踩坑记录'] categories: ["前端篇"] 最近在写项目时遇到了一个问题,当我从父组件向子组件传数据并且需要将子组件对传入的数据进行v-for循 ......
unknown 问题 v-for vue3 vue

Vue(二)

2.组件 2.1.模块与组件 2.1.1.模块 可以向外提供某一个功能的js程序,一般为一个js文件 作用:js可以复用,可以简化js的编写,提高js的运行效率。 2.1.2.组件 实现某一个功能的效果代码集合,这个集合包含很多,比如html、css、js等 作用:复用编码,简化项目的编码,提高项目 ......
Vue

supersocket新的配置属性 "textEncoding"

supersocket新的配置属性 "textEncoding" 在 SuperSocket 1.6 之前的版本, 当你通过Session对象发送文本时, 将文本信息转换成能够通过Socket传输的二进制数据的默认编码是UTF8。 你可以通过设置 Session 的 Charset 属性来修改这个编 ......
quot textEncoding supersocket 属性

加密与解密x64逆向——变量、if和switch、循环语句

数据结构 主要是对局部变量,全局变量,数组等的识别。 1.局部变量 局部变量是函数内定义的变量,存放的内存区域称之为栈区。生命周期就是从函数进入到返回释放。 函数在入口处申请了预留栈空间和局部变量空间,也就是sub rsp,30h。局部变量空间在高地址。在应用程序被编译成release版本的时候,需 ......
变量 语句 switch x64 64

shell参数的个数用什么变量,怎么表示上一个运行的结果?两个数字相加,用什么

Shell 参数的个数可以使用特定的变量来表示,即 $# 变量。这个变量表示传递给当前 shell 脚本或函数的参数个数。例如,如果调用一个 shell 脚本,并向其传递了 3 个参数,那么在这个脚本中 $# 的值将为 3。 上一个运行的结果可以使用 $? 变量来表示。这个变量记录上一次命令的返回值 ......
变量 个数 参数 两个 数字

Vue JS项目 添加TypeScript

Vue JS项目 添加TypeScript 转载请注明来源 谢谢 git文件全部提交 必须全部提交 因为会改掉你的文件.很恶心. vue.config.js 添加下面内容 pages:{ index:{ entry:'src/main.js' } } 项目根目录运行 vue add typescri ......
TypeScript 项目 Vue

软件体系架构质量属性-性能

摘要:随着软件系统规模和复杂度的不断增加,软件性能已成为软件体系架构中至关重要的一个质量属性。性能问题会直接影响用户体验、系统稳定性和可靠性等方面,因此,如何确保软件体系架构在设计和实现过程中具备良好的性能特征,已成为软件开发过程中的一个重要问题。本文主要介绍了软件体系架构中的性能问题,探讨了如何在 ......
架构 属性 性能 体系 质量

vue:axios异步通讯

由于Ajax需要对dom进行频繁的操作 所以这里使用axios进行替代 首先放上所有代码 <body> <div id="vue"> {{info.name}} <a v-bind:href="info.url">点我</a> </div> <!-- 到入vue.js--> <script src= ......
通讯 axios vue

css clear + bfc

问题: 没有设置div2的高度,为什么div1的高度 div2的高度,? 解释: 当应用于浮动元素时,它将底部元素的外边界边缘移动到所有相关的浮动元素外边界边缘的下方。 <div style="float:left;clear: both"></div> 当应用于非浮动块时,它将非浮动块的边框边界移 ......
clear css bfc

Vue-Routes

下载 npm i vue-router@x x为版本号 版本对应规则: vue@x == router@x+1 使用 一、创建应用路由器 在src中创建router/index.js目录 1、引入touter插件&&应用插件 import VueRouter from 'vue-touter'Vue ......
Vue-Routes Routes Vue

vue组件

vue组件实际上就是自定义标签 组件是vue可重复使用的实例 也就是说,当你定义好一个组件之后,你可以将其当做一个html的标签使用 <div id="app"> <br> <qinjiang></qinjiang> <br> </div> <div id="buttonnew"> <newbutt ......
组件 vue

vue-router解决警告:No match found for location with path "XXXXXXX"

使用vue-router时,在刷新页面时往往会出现这个警告: 这个问题产生的原因往往是因为vue在启动时,会校验当前页面的路由,而我们使用vue-router时,是在导航守卫中动态添加路由的,因此肯定找不到,而这个时候还没进入守卫,自然就会抛出这个警告了: 1、app.use(router) 2、r ......
quot vue-router location XXXXXXX router

WebStorm 2023.1 vue文件标签中变量无法识别 Unresolved variable or type

从老版本WebStorm 升级到 WebStorm 2023.1 之后,打开项目莫名爆红 可能是查询的不对,很多博客指明是依赖的问题,实际修改无效 问题出在文件类型指向不对 修改为: 问题解决 ......
变量 Unresolved WebStorm variable 标签

Vite + Vue3 +TS 项目搭建

安装 nvm 略 安装 node 略 使用 Vite创建项目 vite3.x 文档:https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 使用 NPM: $ npm create vite@latest 使用 Yarn: $ ......
项目 Vite Vue3 Vue TS

Vue:表单双绑、组件

vue一大精髓就是双向绑定 vue.js是一个mvvm框架,即数据的双向绑定,即当数据发生变化时的时候,视图也就发生变化,当视图发生变化时,数据也会同步变化 双向绑定是对于UI控件来说的,非UI控件不会涉及到数据的双向绑定 以input标签举例 <div id="app"> 输入的文本:<input ......
表单 组件 Vue

嵌入式Linux--开机自启动(/etc/rc.local)、环境变量(/etc/profile)

文章目录 开机自启动 环境变量 总结 开机自启动 /etc/rc.d/rc.local 用于添加开机启动命令/etc/rc.local是/etc/rc.d/rc.local的软连接软连接相当于windows的快捷键 嵌入式Linux只有: 文件:/etc/rc.local 目录:/etc/rc0.d ......
变量 嵌入式 etc profile 环境

VUE上传图片

1 <!-- 2 气味照相机,上传图片 3 --> 4 <template> 5 <div class="main_container" > 6 <div class="bgimg_box" :style="'background-image: url(' + bgImg + ');'"> 7 <d ......
图片 VUE

Java语言获取小红书商品详情 API接口(商品ID、商品标题、价格、原价、卖家昵称、库存、销量、宝贝链接、商品备注、宝贝图片列表、宝贝图片、商品属性名、商品属性图片列表、商品详情、商品规格信息)

小红书是一个生活方式平台和消费决策入口 ,创始人为毛文超和瞿芳。小红书通过机器学习对海量信息和人进行精准、高效匹配。小红书旗下设有电商业务,2017年12月,小红书电商被《​​​​​​​人民日报》评为代表中国消费科技产业的“中国品牌奖”。 Java代码请求示例如下: import java.io.B ......
商品 宝贝 图片 属性 详情

CSS 基础拾遗(核心知识、常见需求)

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长,但较基础,适合初级中级前端阅读,阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久,也参考了许多优秀的文章,但或许文章里还是存在不好或不对的地方,请多多指教,可以评论里直接提出来哈。 核心概念和知识点 语法 C ......
核心 常见 需求 基础 知识

使用PhantomJS解决VUE项目无法被百度收录

一、安装PhantomJS 安装文章:https://www.cnblogs.com/robots2/p/17340143.html 二、编写脚本spider.js // spider.js 'use strict'; console.log(' start '); // 单个资源等待时间,避免资源 ......
PhantomJS 项目 VUE

vue 事件

vue中用 v-on绑定事件 简单绑定一个点击事件 <div id="app"> <button v-on:click="sayHi">点击我</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script ......
事件 vue

vue基本语法 for if else show

vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
语法 else show vue for

vue下拉框选择后不显示值,选其他下拉框后才显示出来

vue下拉框选择后不显示值,选其他下拉框后才显示出来 vue也太坑了 解决方法:为该el-select添加change事件中使用$set来对属性赋值,如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
vue