Web
一、Vue 中,如何实现组件之间的通信? Props和$emit: 父组件通过props向下传递数据给子组件。 子组件通过$emit发射事件,并传递参数给父组件。 $refs: 父组件可以通过$refs来直接访问子组件的方法和数据。 𝑝𝑎𝑟𝑒𝑛𝑡和parent和children: 子组件可以通过$parent访问父组件的实例,同样父组件可以通过$children访问子组件的实例。 Provide 和 Inject: 祖先组件可以通过provide选项来提供数据,所有的子孙组件都可以通过inject选项来接收这个数据。 Event Bus: 创建一个空的Vue实例作为中央事件总线,用于兄弟组件之间的通信。 Vuex: 对于大型应用,使用Vuex作为状态管理库,可以实现任何组件之间的通信。 𝑎𝑡𝑡𝑟𝑠和attrs和listeners: $attrs包含了父作用域中不被认为是prop的所有绑定属性(class和style除外)。 $listeners包含了父作用域中为当前组件注册的所有监听器。 Portals (Vue 3中为Teleport ...
vue指令命令
项目初始化1npm install vue cli1npm i @vue/cli -g 安装 less 和 less-loader 命令1npm install less less-loader --save-dev vue-cli自定义创建项目-eslint依赖冲突解决方式 降级eslint-plugin-vue到@vue/eslint-config-standard支持的版本 参考vue-cli自定义创建项目-eslint依赖冲突解决方式_vue-offical 和eslint冲突-CSDN博客 123npm install eslint-plugin-vue@^7.0.0npm i --registry https://registry.npmmirror.com vant@latest-v2 -S ts1npm install -g typescript 路由router1npm install vue-router@3.6.5 vuex1npm i vuex@3 vent212345# Vue 3 项目,安装最新版 Vant:npm i vant - ...
this指向问题
在 JavaScript 中,this 关键字通常指向执行上下文中的对象。然而,在箭头函数中,this 的行为与传统的函数不同。箭头函数不绑定自己的 this,它们继承自父执行上下文中的 this 值。这意味着在箭头函数中,this 的值是在函数定义时确定的,而不是在函数调用时确定的。 以下是箭头函数和传统函数中 this 指向的一些关键区别: 传统函数(非箭头函数)在传统函数中,this 的值取决于函数是如何被调用的。它可以是以下之一: 全局对象:在全局执行上下文中,this 指向全局对象(在浏览器中通常是 window 对象)。 当前对象:当函数作为对象的方法调用时,this 指向调用该方法的对象。 自定义对象:当使用 call、apply 或 bind 方法时,this 可以被显式设置为这些方法的一个参数。 箭头函数箭头函数不绑定自己的 this,它们使用词法作用域来确定 this 的值。this 的值是在函数定义时所在的上下文中继承的,而不是在函数调用时。这意味着箭头函数中的 this 与外部上下文中的 this 是相同的。箭头函数的 this 不能通过 call、appl ...
bk
关于博客搭建的教程。Welcome to my notes on blog ! 1.一些准备工作 安装nodejs 安装git 申请一个gitee账号,关联秘钥将本地仓库和远端的仓库关联起来 2.搭建流程 本地新建一个文件夹,名字随意,调出git的命令窗口安装hexo 1npm install hexo-cli -g 生成博客文件 1hexo init 预览生成的博客文件 1hexo s 在gitee上新建一个仓库,仓库名称和你的用户名保持一致。 配置博客文件下的_config,yml 文件 位置在_config.yml 文件的最下方,配置三个地方 123456# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy: type: 'git' //类型为git 这里不动 repo: https://gitee.com/wang-yingqiang/Wangyingqiang.git //这里配置的是你的仓库的地址,也就是gite ...
host
host参考:https://blog.csdn.net/qq_41176055/article/details/128496628 DNS解析网址: http://tool.chinaz.com/dns/ github加速:http://api.wer.plus/api/getgithub 打开电脑文件C:\Windows\System32\drivers\etc下的host文件 1C:\Windows\System32\drivers\etc 在host文件的最后一刚加入刚才复制的IP4.win+R 打开cmd 命窗口,执行命令ipconfig/flushdns 1ipconfig/flushdns 刷新DNS缓存
Git笔记
Git总结1、配置用户1git config --global user.name "wjt" 1git config --global user.email "793335974@qq.com" 2、关联1git remote add origin https://gitee.com/wen-jiangtao1/123.git 3、拉取保证远程端与本地端一致,有可能导致代码冲突 git pull --rebase git pull origin 分支名 4、暂存将文件变动添加到暂存区 git add -A 5、提交到本地git commit -m '提交说明' 6、推送git push -u origin master // 第一次推送可以加 -u 参数,以后推送至需要git push 7、查看仓库状态git status 8、分支操作概念:分支操作就是生成一份现有代码的物理拷贝,然后在分支上进行操作,而不是直接在 master 上操作。 命令名称 描述 git branch 查看本 ...
HTML笔记
0. 概述1. 网页1.1 网页:网站中的一“页”,通常是HTML格式的文件,组成网站的基本元素。由图片,链接,文字,声音,视频等元素组成。(修改后缀名为.html) 1.2 HTML:超文本标记语言。他不是编程语言,而是一种标记语言。由各种标签组成。 超文本:不仅可以放入文字,还可以加入图片,声音,动画,多媒体等;还可以从一个文件跳转到另一个文件。 2. 常用浏览器2.1 五大浏览器:IE浏览器,火狐浏览器,谷歌浏览器,Safari和Opera等。 2.2 浏览器内核 3. Web标准3.1 由W3C组织和其他组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。 3.2 构成:结构(Structure),表现(Presentation),行为(Behavior)。 最佳体验方案:结构,行为,表现相互分离。 如:身体(HTML),外观(CSS),动作(JS)。 一. HTML标签(上)1. HTML基本结构标签 双标签:成对的标签如<html> </html>。关系:包含关系和并列关系。 单标签:特殊标签,如<br> ...
项目总结
项目介绍1. 项目流程 需求分析(评审和分析) 等视觉与交互设计 项目开发(项目完成度基本与视觉设计和交互设计保持一致) 预留充分的自测时间(测试功能和样式) 前后端联调(调接口功能与字段限制);经常需要改接口逻辑、甚至加接口造成前端需要修改对应的校验或功能;时间必须 视觉与交互验收 产品验收 提交测试 线上接口回归 新项目的上线前准备 资源申请 沙盒环境部署测试 线上部署测试 2. 项目迭代 需求分析、系统设计、代码实现、系统测试。 3. 联调本地模拟假数据,使用mock数据 项目难点和亮点1. 权限管理1.1 登录权限概述: 登录权限控制要做的事情,是实现哪些页面能被游客访问,哪些页面只有登录后才能被访问. 12345678910111213141516171819202122232425// 路由守卫 - 登录拦截router.beforeEach((to, from, next) => { const token = store.state.token; // 表示用户登录的凭证 if (to.meta.auth) { // 如 ...