自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(93)
  • 资源 (1)
  • 问答 (2)
  • 收藏
  • 关注

原创 TypeScript学习Ts的类型声明,关于类

要想面向对象,操作对象,首先便要拥有对象,那么下一个问题就是如何创建对象。要创建对象,必须要先定义类,所谓的类可以理解为对象的模型,程序中可以根据类创建指定类型的对象,举例来说:可以通过Person类来创建人的对象,通过Dog类创建狗的对象,通过Car类来创建汽车的对象,不同的类可以用来创建不同的对象。class 类名 {属性名:类型;constructor(参数:类型){this.属性名 = 参数方法名(){....// 定义实例属性,需要创建对象实例进行访问。

2023-11-07 15:47:52 249

原创 vue3学习(1)vite、创建vue3项目的两种方式、vue2响应式和vue3响应式的区别、computed、watch、wacthEffect、生命、hooks函数、toRef

将对象类型转换响应式数据,其他基本数据类型仍然使用ref,它接收了该对象之后返回的是一个proxy代理对象,通过代理对象操作源对象内部数据进行操作,并且reactive定义的响应式数据是深层次的。让数据变成响应式数据,需要将数据用ref()包裹,让数据变成引用实现对象,这里利用的是get、set实现,所以在更改数据的值时需要利用.value。vue2的配置项可以拿到vue3的setup内的数据和方法,但是vue3的setup不能拿到vue2的数据和方法,如果两者重名vue3优先,所以不建议混合使用。

2023-07-24 14:13:19 284

原创 总结一个微信小程序跳转到另一个微信小程序

建议使用appId。小程序的页面转发也是需要传递数据的,即在该页面的onShareAppMessage中传递数据,这里要传的数据和在小程序B中要传的数据一样即可,仍然使用路径拼接传递参数。目前有两个微信小程序,小程序A和小程序B,小程序B是不能分享页面的,因为该小程序是给内部人员使用的,但是呢,需要实现B分享A的某一页面,并且该页面的数据由B控制。需要注意的是,小程序跳转传的参数是跳转时当时的数据,所以无论小程序B的数据在跳转之后有没有发生变化,那一页的数据都不会改变。拿到数据后,就可以在页面上运用。

2023-07-19 13:34:56 3941

原创 解决Unresolved function or method ElMessage()

然后再使用以下方式来实现消息提示,但是有些版本是行不通的,以这种方式引入打印出来的内容里面是没有ElMessage的。当我们在js文件里使用部分版本的element-plus时会使用这种引入方法。很多类似的错误提示都有可能是引入的方式不对,可以在官网上去核对核对。我们需要更改它的引入方式。

2023-07-14 16:45:23 334

原创 webstorm终端显示无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称

我当前是在cmd中可以通过node -v获取node版本,但就是在webstorm的终端中不行,试过很多办法都没有效果,后来我尝试在webstorm中给node配置下环境变量就解决了。注意:要完成我的这些操作的前提是得在cmd中已经可以通过node -v获取到node的版本,如果不行的话就考虑node安装或是环境配置是否正确。3:然后给它配置环境变量,在这句话最后面填上node的目录如图所示,根据你的node所在地址进行配置。1:找到webstorm中的file中的setting点击进去。

2023-06-14 16:40:34 1843

原创 使用element-ui封装一个公用的图片上传组件

父传子用的是props,但是props会出现一个问题,它传给子组件的值是最初始的数据,并不是服务器传给我们的数据,因为收到服务器数据在props传值之后,这时候就需要对子组件进行判断,当没有这个值时不传递。如果想要完成真正的上传,就需要图片文件的来回传递,如果编辑时想要展示父组件的内容,就需要从父组件传递图片进行展示,如果子组件向父组件传递上传的图片也需要组件间传值。父组件接收,为了分辨上传的数据,所以父组件向子组件再传递一个字段名imgName,然后使用for in 对form的值进行判断,然后赋值。

2023-04-19 13:07:24 510 1

原创 修改elemet-ui的label的样式

发现还是不行,后来把当前组件的scoped去掉就可以了,我猜想可能是这个el-tabs__item设置时是当前组件的子组件,只是我们不知道,所以scoped限制了它,所以后来在App.vue中再使用它就可以。记得将App.vue的scoped去掉,或者另外引入一个样式文件,应该也可以,可以在这里利用.el-tabs__item对label的样式进行修改。我开始想着用label-width发现没有用,然后找到它的class名。要修改的是这个,它的值是由label设置,我现在想要修改它的样式。

2023-03-24 16:26:09 641

原创 微信小程序7,全局数据共享

创建Store实例,在根目录创建store文件夹,再新建一个store.js文件,在这个文件中导入mobx-miniprogram这个包的observable,并且导出store,将共享的数据放进store中。在小程序中,可使用mobx-miniprogram配合mobx-miniprogram-bindings实现全局数据共享、store中的计算属性,这个值是只读的,不可以重新赋值。actions方法是专门用来修改store中的数据。将Store中的成员绑定到页面中。在组件中绑定store的数据。

2023-03-16 09:34:10 114

原创 微信小程序6,使用npm包,Vant Weapp,定制全局主题模式,API Promise化

定义变量,声明一个属性名,必须以(–)开始,属性值则可以是任何有效的CSS值,和其他属性一样,自定义属性也是写在规则集之内的。API Promise化指的是通过额外的配置,将官方提供的、基于回调函数的异步API,升级改造为基于Promise的异步API,从而提高代码的可读性、维护性,避免回调地狱的问题。使用Vant组件,安装完之后,可以在app.json的usingComponents节点中引入需要的组件,即可在wxml中直接使用组件。可以通过这个方式,得到vant自定义属性名来全局vant组件的样式。

2023-03-15 16:02:47 557

原创 微信小程序5,自定义组件,组件中的数据、属性、方法,组件的生命周期函数,组件通信

目录组件组件的引用方式样式隔离自定义组件的样式隔离修改组件的样式隔离选项组件中的数据、属性、方法propertiesdata和properties的区别使用setData修改properties的值数据监听器纯数据字段使用规则组件的生命周期函数组件所在页面的生命周期函数组件通信插槽父子组件之间通信的3种方式behaviors组件组件的引用方式局部引用:组件只能在当前倍引用的页面被使用全局引用:组件可以在每个小程序页面中使用在页面的.json配置文件中引用组件的方式,叫做局部引用:{ "u

2023-03-15 13:20:00 1883

原创 微信小程序3,数据绑定,列表渲染,条件渲染

使用wx:for进行列表渲染,wx:for后面跟的是要渲染的数据对象,wx:key是用来指定唯一标识符的,也可以配合block来使用,将要渲染的标签放在block中。每一个里面都有一个item对象,可以根据它的内容进行页面渲染。因为 wx:if 之中的模板也可能包含数据绑定,所以当 wx:if 的条件值切换时,框架有一个局部渲染的过程,因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的,如果在初始渲染条件为 false,框架什么也不做,在条件第一次变成真的时候才开始局部渲染。

2023-03-11 16:58:11 697

原创 微信小程序4,生命周期,wxs、导航

是由小程序框架提供的的内置函数,会伴随着生命周期,自动按次序执行。生周期函数的作用就是允许陈鼓学院在特定时间点,执行某些特定的操作。注意:生命周期强调的是时间段,生命周期函数强调的是时间点。

2023-03-11 16:44:48 403

原创 微信小程序2,全局配置,页面配置

页面中配置项在当前页面会覆盖 app.json 中相同的配置项(样式相关的配置项属于 app.json 中的 window 属性,但这里不需要额外指定 window 字段)。如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。小程序也进行了基础组件的样式升级。app.json 中的部分配置,也支持对单个页面进行配置,可以在页面对应的 .json 文件来对本页面的表现进行配置。

2023-03-10 11:43:07 219

原创 微信小程序1,常用组件 view、swiper、swiper-item、 scroll-view、 icon、progress、text、rich-text、button、input、image

组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。其中只可放置swiper-item组件,否则会导致未定义的行为,下方为常用属性,其他很多属性可以去官网看。现支持两种节点,通过 type 来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的 HTML 节点。支持 JPG、PNG、SVG、WEBP、GIF 等格式,2.3.0 起支持云文件ID。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。文本,为行内元素,类似于html中的span。

2023-03-09 18:01:06 596

原创 Uncaught (in promise) value error的错误

就是传参传错了,数据类型错误,后端想要的是JSON类型的参数,所以这时候需要引入axios的一个库qs,引入之后将数据转换成json格式之后再传。根据请求头的设置来判断解决方法。

2023-03-08 17:23:12 237

原创 将拿到数据配合element-ui进行分页器展示

上方的this.allData的长度就是这个分页器需要展示的所有的数据及pageTatol。这里的this.tableData就是当前页数真正需要展示的数据,但这些代码是拿到数据初次渲染时需要写的,接下来需要写页码改变时的函数。从服务器拿到了数据,需要将数据进行分类展示,首先根据条件提取到了每一分类的所有数据,将这个数据放进一个data里的空数组。接下来就是截取总数据中某一页需要展示的数据,这里用的是数组的slice方法。拿到当前页码,不需要再发请求,只需要再剪切一遍总的数据即可。

2023-03-07 15:13:06 298

原创 类似于Unexpected mutation of “dialogable“ prop.eslintvue/no-mutating-props

vue的数据单向流,当父组件给子组件传递的数据用props接收时,子组件可以实时的拿到最新的数据,但是反过来,子组件不能修改props的值。

2023-03-02 17:12:11 240

原创 类似于‘json: cannot unmarshal string into Go struct field Device.type of type uint8‘

提示这一类内容就是传参时的参数的类型或者是长度错了。

2023-03-02 17:07:54 535

原创 类似于#Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘length‘)

如果当你页面第一次渲染时出现这个错误而之后没有出现,那就说明当你拿着这个数据渲染页面时,该数据并没有拿到,当等了一段时间后数据拿到了,所以不再增加提示,但是之前的错误提示还存在,所以这个是需要更改一下页面渲染的时机,或是在方法后面加上||[]、||{}避免出现null和undefind的错误。报错显示某一属性在某一数组或对象中不存在,首先你先确定这个属性是否真的存在,如果确实不存在则不用或是寻找原因。4、如果报错的是该对象或数组身上的某一方法,则在其后面添加||[]、||{}。

2023-02-25 16:26:25 1641

原创 响应式布局

为不同尺寸的屏幕设定不同的CSS样式。

2023-02-23 09:40:41 62

原创 javascript中数组的方法(最全)

他们都接收两个参数,第一个参数是每一项调用的函数,函数接受四个参数分别是初始值,当前值,索引值,和当前数组,函数需要返回一个值,这个值会在下一次迭代中作为初始值。第二个参数是迭代初始值,参数可选,如果缺省,初始值为数组第一项,从数组第一个项开始叠加,缺省参数要比正常传值少一次运算。当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素,之后的值不会再调用执行函数。of循环遍历,唯一区别:keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。

2023-01-07 03:04:31 885

原创 JavaScript字符串的方法(最全)

需要注意的是:JavaScript 的字符串是不可变的(immutable),String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法,返回的是全新的字符串,而不是修改原始字符串。replaceAll() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,该函数会替换所有匹配到的子字符串。slice(start, end) 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。要抽取的片断的起始下标,第一个字符位置为 0。

2023-01-05 22:51:31 715

原创 SQL与mysql,增删改查(crud)操作,SQL与mysql的区别

SQL 指结构化查询语言SQL 使我们有能力访问数据库SQL 是一种 ANSI 的标准计算机语言注:ANSI,美国国家标准化组织MySQL是一种可以处理数据库的关系数据库管理系统(Relational Database Management System:RDBMS)。也是一个允许针对数据进行存储、检索和删除的软件。有许多这样的数据库,例如Oracle、Microsoft SQL Server、SQLite等。

2022-10-12 00:24:14 534

原创 Vue项目后台部分5,ECharts,Home首页的制作,权限管理的菜单权限的相关逻辑

将所有路由进行分组,常量路由(任何角色都可以访问的菜单),异步路由(需要管理员分配的菜单),任意路由(不确定会出现,当满足条件时才出,如404)。使用数组的filiter方法过滤出异步路由的路由名与服务器返回数组内一样的字符串,此时返回true,得到了新的数组,然后将新的数组与常量路由和任意路由利用concat方法拼接成最终路由。当登录时,向服务器发送登录用户的信息,服务器会返回一个数组routes,数组由该用户需要访问的路由名称字符串组成。grid中的left,top,right,bottom都设为0。

2022-09-17 02:25:56 600 1

原创 Vue项目后台部分4,分类管理以及详情管理,添加和修改,loading效果,窗体弹出

全局组件三级联动以及它的自定义事件1、静态2、接口3、发请求获取数据并保存4、完成分页器1、三个模块的切换展示2、静态3、接口4、修改分类发送请求获取数据5、点击保存按钮时6、展示数据、收集数据删除分类1、接口2、动态3、发请求1、当跳转至性情实例页面时,就立即获取详情数据2、数据展示和收集数据3、点击保存或取消按钮(1)接口(2)取消添加时,利用自定义事件,父组件通知子组件切换场景,并且清除数据(3)整理收集的数据(4)发请求,成功之后切换场景1、接口2、给按钮绑定

2022-09-16 02:09:10 792

原创 Vue项目后台部分3,平台属性管理,三级联动静态展示,平台属性展示,根据收集的id获取数据并展示,添加属性,收集属性名与属性值,查看模式和修改模式切换,表单元素自动聚焦,三级联动以及保存按钮的可操作性

1、封装为全局组件2、使用element-ui设置静态样式3、接口4、组件挂载完毕发送请求,获取数据5、数据展示平台属性展示子组件通过自定义事件向父组件传递数据根据收集的id获取数据并展示1、接口2、发请求获取数据3、静态4、数据展示添加属性1、让添加属性和原本展示的模块进行动态展示与隐藏2、添加属性静态页面3、收集属性名与属性值(1)接口(2)属性名使用v-model进行收集(3)属性值收集,书写添加属性值的回调(4)当点击取消按钮(5)修改属性,此时需要用到深

2022-09-11 17:21:23 584

原创 Vue项目后台部分2,文件夹介绍,登录页面,路由的搭建,品牌管理页面使用element-ui动态展示

build----index.js: 是webpack配置文件mock:mock数据的文件夹【模拟一些假的数据】,实际开发利用的是真实的接口node_modules:项目依赖的模块public:ico图标,静态页面,该文件夹里面经常放置一些静态资源,而且在项目打包的时候webpack不会编译这个文件夹,原封不动的打包到dist文件夹里面src:---- 程序员源代码的地方---- api文件夹:涉及相关请求。

2022-09-09 21:10:31 1449

原创 Vue项目后台部分1,复习组件通信(超全),常见的六种方式,以及v-model,属性修饰符sync,$attrs 与 $listeners,$children 与 $parent,混入mixin

适用场景:子组件给父组件传递数据事件注意事项:(1)事件分为系统事件和自定义事件(2)事件源、事件类型、事件回调(3)当给组件添加事件,由于该组件非原生DOM节点,所以此时绑定的事件都非原生DOM事件,而是自定义事件。当给组件添加click事件时,可以添加native属性,则可将自定义事件改为原生DOM事件,即给子组件的根组件绑定了原生DOM事件,利用了事件的委派。(vue3此功能已经被移除)

2022-09-06 01:05:15 232

原创 Vue项目流程8,导航守卫的使用,图片懒加载,利用vee-validate实现表单验证,路由懒加载,打包并处理map文件

/Vue插件一定暴露一个对象 let myPlugins = {//Vue.prototype.$bus:任何组件都可以使用 //Vue.directive //Vue.component Vue . directive(options . name ,(element , params) => {此插件的使用方法与图片懒加载方法一样。

2022-09-04 16:38:57 389

原创 Vue项目流程7,交易页面,提交订单,支付页面,利用element UI 以及 QRCode 完成微信支付,弹出框按钮的相关工作,个人中心以及子路由我的订单

此时需要使用到定时器,当用户没有支付即服务器返回的是未支付成功,此时需要一直向服务器发送请求,直到支付完成或是取消支付。4、二维码生成之后需要知道成功或失败,如果支付成功就路由跳转如果支付失败弹出提示信息,所以此时需要向服务器发请求。React(Vue):antd[PC端]----antd-mobile[移动端]2、点击提交订单时,还需要向服务器发起一次请求并将支付的信息传递给服务器。Vue:ElementUI[PC端]----vant[移动端](3)路由跳转时派发action,即交易页面挂载完毕。

2022-09-02 20:36:49 2133

原创 Vue项目流程6,登录与注册,完成获取验证码,登录跳转,利用token获取用户信息,退出登录等功能,利用导航守卫在路由跳转之间进行判断

当未发起请求时,state中的token无法在本地中找到,即为null。当第一次发起请求即登录成功之后,token就已经本地存储了,当再次刷新时state中的token可以获得本地存储的token,所以再次刷新仍有token。登录成功时,后台为了区分这个用户是谁,服务器会下发token【令牌:唯一标识】,一般会持久化存储token,再带着token找服务器要用的信息进行展示。获取验证码的这个接口,把验证码返回,但是正常情况后台把验证码发到用户手机上。6、当获取到token时持久化存储token。...

2022-08-29 16:39:32 1343 1

原创 Vue项目流程5,TheDetail和购物车页面的获取数据,Vuex三连环,动态展示等操作,利用swiper制作轮播图,制作放大镜,加入购物车的功能,购物车页面的各功能的实现

5、路由跳转时需将产品信息带给下一个路由组件,简单的信息如skuNum通过query形式传递过去,比较复杂的产品信息如skuInfo,通过会话存储。此时并不能获取到购物车的数据,因为服务器不知道你是谁,此时需要用到uuid临时游客身份,即在加入购物车的瞬间高速浏览器你的uuid。接口仍是使用加入购物车的接口,返回修改产品的skuId和变化值,正数为加,负数为减。注意:存储功能一般存储的是字符串,要将对象转化成字符串进行存储,在使用时再将得到的字符串转换成对象。5、Vuex三连环,获取购物车数据。...

2022-08-27 00:15:29 406

原创 Vue项目流程4,TheSearch模块开发,getters的使用,带给服务器的参数,实现可以再次发送请求,分类、搜索框、品牌信息、属性面包屑,排序操作,分页器的相关步骤

点击了品牌,需要整理参数,向服务器发送请求获取相应的数据进行显示,此时应该在父组件TheSearch发送请求,父组件中的searchParams参数带给服务器参数,子组件需要将点击的品牌信息传递给父组件。当用户点击删除时,则categoryName和各级Id的赋值为undefined,由于所带参数过多占宽带,所以选择赋值为undefined,即没有值的参数不被携带。如果用户网络出现问题,此时服务器还未返回数据,但是已经开始遍历了,此时返回的可能是一个undifined,所以此时需要给用户返回一个空数组。

2022-08-22 18:53:56 288

原创 Vue项目流程3,TheSearch模块中商品分类与过渡动画,全部商品分类优化,合并参数,mock,完成轮播图,swiper基本使用,watch+nextTick解决问题,将轮播图拆分为公用的全局组件

然而这次的请求不是在TheFloor当中发送,而是TheHome中发送请求,当初始化实例时,数据已经完全得到了,所以在mounted可以写。getFloorList的action需要在TheHome组件当中发,不能在TheFloor组件内部发,因为需要v-for遍历TheFloor组件。3、把mock数据需要的图片放置到public文件夹中【public文件夹会把相应的资源原封不动到dist文件夹中】将TypeNav组件里的发送请求数据的代码移到App组件中,无论使用TypeNav多少次,请求只发送一次。.

2022-08-18 01:30:30 248

原创 Vue项目流程2,axios二次封装,接口统一管理,nprogress使用,vuex模块式开发,三级联动展示数据业务,JS控制二三级商品分类的显示与隐藏,防抖与节流,三级联动组件路由跳转与传递参数

正常:事件触发非常频繁,而且每一次的触发,回调函数都要去执行(如果时间很短,而回调函数内部有计算,那么很可能出现浏览器卡顿)切记,并不是全部项目都需要Vuex,如果项目很小,完全不需要vuex,如果项目很大,组件很多、数据很多,数据维护很费劲。防抖:前面的所有的触发都被取消,最后一次执行在规定的时间之后才会触发,也就是说如果连续快速的触发只会执行一次。使用声名式导航,当点击各个标签时,会产生很多组件实例,耗用内存,导致卡顿现象。actions:处理action,可以书写自己的业务逻辑,也可以处理异步。...

2022-08-16 02:33:55 434

原创 Vue项目流程1,vue-cli脚手架初始化项目,项目的其他配置,路由组件的搭建,TheFooter组件显示与隐藏,路由传参相关面试题,重写push与replace方法,以及相关我遇到的问题及解决办法

node_modules文件夹:项目依赖文件夹。public文件夹:一般放置一些静态资源(图片),需要注意,放在public文件 夹中的静态资源,webpack进行打包的时候,会原封不动的打包到dist文件夹中。src文件夹(程序员源代码文件夹):assets文件夹:一般也是放置的静态资源(一般放置多个组件共用的静态资源),需要注意,放置在assets文件夹里面的静态资源,在webpack打包的时候,webpack会把静态资源当作一个模块打包到JS文件里面。......

2022-08-14 00:52:20 347

原创 axios特点、常用语法、发ajax请求、create方法、拦截器、取消请求、拦截器实现复用功能、当发送一个请求之后,再发送第二个请求,会自动取消前一个请求,源码分析

1)请求拦截器: 在真正发请求前, 可以对请求进行检查或配置进行特定处理的函数,成功的回调函数, 传递的默认是 config(也必须是),失败的回调函数, 传递的默认是 error。(2) 响应拦截器: 在请求返回后, 可以对响应数据进行特定处理的函数,成功的回调函数, 传递的默认是 response,失败的回调函数, 传递的默认是 error。流程: 请求拦截器2 => 请求拦截器 1 => 发ajax请求 => 响应拦截器1 => 响应拦截器 2 => 请求的回调。...

2022-08-12 22:55:06 246

原创 HTTP请求交互的基本过程,使用json-server快速搭建模拟的rest api接口并解决相关错误;ajax与http的的区别及API,XHR的ajax封装及使用

5、使用浏览器访问测试(GET请求):http://localhost:3000/posts。2、后台服务器接收到请求后,调度服务器应用处理请求,向浏览器端返回HTTP响应(响应报文)(3)请求方式会用到GET/POST/PUT/DELETE。/* 4. DELETE 请求: 删除服务器端数据 *//* 2. POST 请求: 向服务器端添加新数据*//* 3. PUT 请求: 更新服务器端以及数据 *//* 1. GET 请求: 从服务器端获取数据*/html文本/json文本/js/css/图片…...

2022-08-11 17:00:11 515 1

原创 webpack学习记录,webpack的基本使用和基本配置,处理CSS资源,处理图片资源,输出文件目录,处理字体图标资源,处理js资源Eslint和babel,处理html资源,开发服务器&自动化

1、webpack只能编译js中ES模块化语法,不能编译其他语法,导致js不能在IE等浏览器运行,所以需要做一些兼容性处理。此时dist文件会报错,此时需要新建文件.eslintignore,将不需要检查的文件写进去。注意:由于此时修改了main.js文件的路径,public里的index.html中也需要做出相应改变。2、在开发中,对代码格式是有严格要求的,不能由肉眼去检测代码格式,需要使用专业的工具来检测。即可自动清空上次打包的内容。如果想要修改规则,可以直接在rules里修改,回覆盖掉原有的规则。..

2022-08-10 20:47:22 317

原创 Vue学习记录9,路由基本使用,多级路由,路由的query和params参数,命名路由,路由的props配置,replace属性,编程式路由导航,缓存路由组件,路由守卫,路由器的两种工作模式

一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。特别注意:路由携带params参数时,若使用to的对象写法,则不能使用path配置项,必须使用name配置!作用:让不展示的路由组件保持挂载,不被销毁。前端路由:key是路径,value是组件。​ 作用:让路由组件更方便的收到参数。分类:全局守卫、独享守卫、组件内守卫。配置路由,声明接收params参数。实现路由跳转,让路由跳转更加灵活。作用:可以简化路由的跳转。作用:对路由进行权限控制。...

2022-08-08 17:08:17 119

前端,利用HTML和CSS制作的鲜花市场首页

前端,利用HTML和CSS制作的鲜花市场首页,有动态效果。 html部分代码 <!--顶部区域--> <div class="top"> <div class="top_in"> <div class="top_left"> <h1> <a href="#" title="鲜花"></a> </h1> </div> <div class="top_right"> <ul class="top_nav"> <li><a href="#">首页</a></li> <li><a href="#">商城</a></li> <li><a href="#">产品</a></li> <li><a href="#">应用</a></li> <li><a href="#">服务</a></

2022-07-08

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除