前端从精通到入门-CSDN博客

原创 Vuex的使用

进入项目目录，安装包（这里说明一下，如果是vue2的项目，那么就需要按照下面的指定版本号，如果是vue3不需要指定版本号，直接npm i vuex就可以了）它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。好处:定义全局变量,让其在各个页面上实现数据的共享包括状态，并且可操作。Vuex 是一个专为 Vue.js 应用程序开发的。在store/index.js 中放置具体的代码。('mutation名'，载荷) 来调用。用 this.$store....

2022-08-13 11:29:24 342 1

原创 vue-router路由——路由、路由的基本使用、多级路由、路由的配置、编程式路由跳转 $router 、路由信息 $route、路由守卫、路由元信息、路由查询参数

router-link class="list-group-item" active-class="active" to="/home/news">News要去的二级路由页面。产品例:关于router组件配置。

2022-08-06 17:56:41 329

原创 Axios初级用法

一款支持前后端的网络请求工具特点01前后端都可以使用,主要用在项目未上线之前的网络测试02不依赖dom03拦截扩展强调04可封装复用性强。

2022-07-28 20:50:11 570

原创 Vue生命周期

Vue的生命周期就是vue实例从创建到销毁的全过程，也就是newVue()开始就是vue生命周期的开始。Vue实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。......

2022-07-27 18:37:51 535

原创 vue父子传参

定义子组件components中新建一个定义templateApp.vue(1)导入子组件(2)注册子组件components{CountCom}(3)使用子组件两种写法均可,

2022-07-27 18:16:16 951

原创初识 Vue脚手架

stylescoped="scoped">或者简写为。data(){return{msg"脚手架写大项目"}}（3）运行npmi@vue/cli-g(安装vue脚手架)package-lock.json插件安装地址缓存（较重要）（1）node官网下载node.js(下载过可以调过这一步)bable.config.jsES6转ES5配置。vue.config.jsvue项目配置文件。----HelloWorld.vue默认组件。jsconfig.jsonjs配置。......

2022-07-25 19:26:06 514

原创初识npm

X大版本,X的升级是不兼容的3.6.0->4.0.1使用3.6.0的项目和现在的4.0.1的项目是不兼容。"jquery""^3.6.0"限定版本范围(项目使用jquery可以升级的方法不但能大于。"jquery""2.1"固定版本为2.1(固定之后无法更新版本)安装jquerynpmijquery。开发依赖安装安装的插件在项目开发阶段使用,上线就不需要了。Z小版本,通常修复bug错误的(非必要,,可以忽略)Y中版本,Y的升级是代表有个新的内容增加(兼容的)...

2022-07-25 18:22:16 477

原创 Vue的准备工作--通过cmd来管理Vue文件

md目录名创建目录例如mdmy创建一个名字加my的目录。del文件例如del1.txt删除1.txt文件。rd目录名/s/q删除有内容的目录且全部确认。rd删除空目录例如rdmy删除空目录。(注字母不区分大小写,不可以切换到不存在的磁盘)dir查看所在目录当前的文件或文件夹的一些信息。(注只能用来删除文件删除文件夹请使用rd)例如helprd查看rd命令的使用教程。../所在目录的上一层目录。查看所有的cmd命令和教程。...

2022-07-25 17:47:21 957

原创 js操作表格相关

js对表格操作(增删查)提供了一些非常好用的方法使用之前需要先获取表格的节点例如: var tab = document.querySelector("table");对表格添加元素var 新添加的行=表格节点.insertRow();添加行新添加的行.insertCell(); 行里添加列对表格删除元素表格元素.deleteRow(参数); 删除指定行参数:tr的索引需...

2022-05-05 23:14:28 701

原创 js 偏移量相关

一.offset先确定父元素之后才会计算值父元素的查找:会先从最近的父元素开始,如果父元素并没有定位(position值为fixed absolute 或者relative)则会再往上一级查找,找到则停止,否则一直查找到html下的body并将body作为父元素.换句话说就是offset只受有定位的父元素(position值为fixed absolute 或者relative)和自身所在offsetparent位置影响元素.offsetTop : 子元素距离...

2022-05-05 22:30:16 1333

原创 javascript基础-关于节点、查找节点、查看/修改/删除属性节点、创建和添加节点

一.JS关于节点js节点是什么JavaScript中的节点是页面中所有的内容（标签、属性、文本（文字、换行、空格、回车）），Node。我们常用的节点标签：元素节点（标签）属性节点（标签里的属性）文本节点(文字、换行、空格、回车等等)如何获取节点元素节点获取有很多方法Document.getElementById(" #id")通过标签id来获取节点Document.getElementsB...

2022-04-25 00:17:50 3336

原创 js预编译入门

首先要了解一下js中的预编译是什么意思js代码运行时会经历这三步:1.语法分析:语法中有没有报错的地方,如果有则不执行第二步2.预编译:包含两步变量提升:如(var a=10;)

2022-04-13 00:32:19 72

原创 JavaScript入门篇

一、javascript简介是一种面向对象，轻量级，内嵌于HTML代码中，广泛用于Web应用开发,常用来为网页添加各式各样的动态功能，如单击事件的响应的一种脚本语言。二、如何引入1、通过事件引入，可以添加到任意html标签中<body> <button onclick="alert('你好');">单击</button> <button ondblclick="alert('Hello')">双击</button

2022-03-28 21:38:22 742

Alienkp的博客