布局vue web

# props是只读的 vue规定：组件中封装的自定义属性是`只读的`，程序员`不能直接修改`props的值。否则会报错 ```JS Count 组件 count的值是:{{ count }} +1 ``` 要想修改props的值，可以`把props的值转存到data中`，因为data中的数据都是可 ......

# 组件的`props` props时组件的`自定义属性`，在`封装通用组件`的时候，合理地使用props可以极大的`提高组件的复用性`！ ```JS Count 组件 count的值是:{{init}} +1 ``` ......

# 背景 有的时候我们做的项目需要支持中英文切换，那么我们就需要使用到`vue-i18n`插件 # 步骤 ## 安装以及挂载 1. 安装`vue-i18n`依赖 ```shell npm i vue-i18n@8 ``` 2. 在`src`同级的目录下创建`language`文件下，在`langua ......

# 使用场景 有的时候我们需要在父组件中去修改第三方组件或者子组件的样式就会使用到`deep深度选择器`。比如：App组件中定义了.title的样式，也想让Test子组件中的.title也应用对应的样式 ![](https://img2023.cnblogs.com/blog/724275/2023 ......

#「场景」 进入场景后提示 > 请用GET方式提交一个名为a,值为1的变量 #「思路」 根据提示在url后加上`?a=1`，回车发送请求。出现新提示。 > 请再以POST方式随便提交一个名为b,值为2的变量 打开brupsuite，配置本地代理为brupsuite中proxy的地址和端口号，刷新浏览 ......

一、题目链接 http://a.y1ng.vip:1126/robots/ 二、题意解析 robots协议就是站点与搜索引擎约定的被允许搜索到的一个协议。也就是说，这个robots协议中规定了某些文件是不能被搜索的。但是这个协议是一种“君子协议”，懂得都懂。 打开题目，发现robots和题目名称ro ......

#「场景」 题目描述: X老师让小宁同学查看一个网页的源代码，但小宁同学发现鼠标右键好像不管用了。 #「思路」 进入场景，右键无法使用，按F12，打开开发者工具，切换到ELements标签页，发现flag... ![](https://img2023.cnblogs.com/blog/710408/ ......

本系列文章是为学习Vue的项目练习笔记，尽量详细记录一下一个完整项目的开发过程。面向初学者，本人也是初学者，搬砖技术还不成熟。项目在技术上前端为主，包含一些后端代码，从基础的数据库（Sqlite）、到后端服务Node.js（Express），再到Web端的Vue，包含服务端、管理后台、商城网站、小程... ......

###直接贴代码 ``` ``` ......

* 想让一个元素变成Flex容器，只需要添加属性:`dispaly:flex`。 * Felx容器有交叉轴 ......

按照官网安装vue-element-admin步骤： 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查，排查过程中，遇到过的报错情况： c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......

<div class="dialog_diy" > <el-dialog :visible.sync="otherShow" :close-on-click-modal='true' width="40%" height="80%"> <div slot="title" class="header- ......

// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用（注意：element table务必指定row-key，且row-key必须是唯一的，如 id，不然 ......

Vue不推荐开发者直接操作dom（当然这并不表示不能这么做），有以下几个原因： 破坏了代码模块化结构导致代码腐化： 组件原本可以控制哪些dom操作可以对外暴露（即对应methods中的方法），但直接操作dom跳过了这个控制，这会导致不可预料的后果。 例如组件A中有一个输入框，且组件A没有暴露可以删除 ......

删除18 node版本过高(18了),这里需要16,因此将原来的node删除. 删除的方法是在设置中搜索node并找到,然后傻瓜式删除. 安装16 直接一路next确认就行 检查版本 vue-admin-template下载 这是一个版本为4.4.0的基础框架(官网:https://panjiach ......

首先，要区分两种开发语言的特点： Java是一种后台的语言，类似于php，主要做的就是把数据库搭建好，以及数据放置到网页当中，java是比较复杂的编程语言。 Web前端开发相对应的职位可能就是一些web前端开发工程师，主要工作是把ui设计师设计好的psd利用html，制作成网页，web前端工程师布局 ......

 vue项目打包时报错，JS stacktrace : Reached heap limit Allocation ......

[TOC] # 特殊效果 一些方便的效果，使您的网站脱颖而出 ```javascript var isEnglish=true; let helloElement=document.getElementById("hello"); let $jQueryElement= jQuery(helloEl ......

1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl，paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......

VS2022当安装在非默认路径时，每次更新后，在发布时，就会出来编译失败的提示，比如这样： C:\VS2022\Preview\MSBuild\Microsoft\VisualStudio\v17.0\Web\Transform\Microsoft.Web.Publishing.AspNetComp ......

​ 对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍服务端实现文件上传的步骤及 ......

1、deep深度监听的用法 当监听一个对象时，可能想监听整个对象的变化，而不仅仅是某个属性。但在默认情况下，如果你正在监听formData对象并且修改了formData.username，对应的侦听器并不会触发，它只在formData对象被整个替换时触发。 监听整个对象被称作深度监听，通过将deep ......

前言 使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时间，进行 Vue ......

```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器，在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......

html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO ......

# https://cn.vuejs.org/guide/introduction.html#what-is-vue # 简介 ``` import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).moun ......

1、Python环境，网上很多教程，查询配置即可 2、选用的浏览器及driver驱动 以google为例子： 首先查看你的google浏览器的版本，比如我的：114.0.5735.199 找driver驱动：https://registry.npmmirror.com/binary.html?pat ......

## Grid 布局 ### 网格布局的基本概念 [CSS 网格布局](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_grid_layout)引入了二维网格布局系统，可用于布局页面主要的区域布局或小型组件。 #### 什么是网格？ 网格是一 ......

#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......

问题 假设有多个Activity需要标题栏，且标题栏的样式都是一样的，那么怎么操作才能提高工作效率？ 方案 可以定义一个公共的标题栏布局，然后每个Activity布局引用这个公共布局即可。 公共标题栏布局 <?xml version="1.0" encoding="utf-8"?> <LinearL ......