vue-前端学习

前端学习之旅(三)【解决float】

其他问题，大家可以参考上一篇文章：前端学习之旅(二)解决方法方法一：直接给父元素增加height属性方法分析：能解决问题一（父元素的高度塌陷问题）和问题二（父元
LeopardRich·2024-01-16 16:35

前端学习路径

菜鸟感觉很多人不太知道菜鸟写的博客是一个可以跟着学习、一起深入理解的过程，其中包括了菜鸟从刚开始学习到后面重新学习，再到后面进入学框架等一系列学习过程、知识和感悟，所以菜鸟把自己的博客整理成一个目录提取出来，好让读者跟着进度一起学习，这些文章早就写了，所以有不足的地方还望读者指出，菜鸟来更改！这里菜鸟会把建议一起学习的进行标注，这种建议一起学习的是因为没有对应的学习资料，是菜鸟总结的，还有部分可能
PBitW·2024-01-16 13:33

3、Vue-组合式-条件语法

一、基础语法v-ifv-elsev-else-ifv-showv-if和v-show的区别v-if可以实现更多条件判定，而v-show只能实现真假判定v-show会加载组件，只是不显示出来；v-if则不会加载组件。所以v-show有较高的初始渲染开销，v-if则会有比较高的使用加载时开销二、v-if使用下述代码替换app.vue中的代码constflag=3flag=1的时候才会打印flag=2的
许忠慧·2024-01-16 12:11

vue-跨域

以axios请求为例来说一下跨域的配置：1、安装axios:$npminstallaxios--save2、在项目中找到config>index>proxyTable，将下面的代码替换到proxyTable；'/api'是自己定义，也就相当于用/api替换target中的地址proxyTable:{'/api':{target:'http://www.baidu.com',//请换成自己的请求地址
苏码码·2024-01-15 23:37

【wow-ts】前端学习笔记Typescript基础语法（一）

项目地址是https://github.com/datawhalechina/wow-ts。我选择的是ts前端课程Typescript笔记TypeScript入门介绍基础数据类型TypeScript基础数据结构TypeScript变量声明变量作用域TypeScript入门介绍第一次接触ts，先去了解了下ts的内容，复制内容如下TypeScript是JavaScript的一个超集，支持ECMAScr
miskirito·2024-01-15 22:40

Vue-路由-配置

1.VueRouter的使用(5+2)参考官网5个基础步骤(固定)下载VueRouter模块到当前工程，这里指定版本：[email protected]引入vue-routerimportVueRouterfrom'vue-router'安装注册Vue.use(VueRouter)//VueRouter插件初始化创建路由对象//两种方式:二选一//创建了一个路由对象(不包含路
盖盖衍上·2024-01-15 09:00

Vue-路由-常见设置

1.重定向1.1介绍在Vue应用中，路由管理是至关重要的。当用户访问某个URL时，我们需要确保他们看到正确的页面。有时候，出于各种原因，我们可能需要将用户从一个URL重定向到另一个URL。在VueRouter中，重定向功能非常实用，可以帮助我们轻松实现这一需求。VueRouter允许我们在路由配置中使用重定向来改变用户的导航路径。这可以通过两种方式实现：全局重定向和组件内的局部重定向。全局重定向：
盖盖衍上·2024-01-15 09:00

Vue-路由-编程式导航

1.path路径跳转传参1.1query传参方式一：//不传参this.$router.push('路由路径')//如：//this.$router.push('/search')//传参this.$router.push('/路径?参数名1=参数值1&参数2=参数值2')方式二：//不传参this.$router.push({path:'路由路径'})//如：//this.$router.pus
盖盖衍上·2024-01-15 09:00

Vue-路由-声明式导航

1.导航链接vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。本质还是a标签，to无需#能高亮，默认就会提供高亮类名，可以直接设置高亮样式如：发现音乐我的音乐朋友2.高亮的两个类名我们发现router-link自动给当前导航添加了两个高亮类名router-link-active：模糊匹配(用的多)to=“/my”可以匹配/my/my/a
盖盖衍上·2024-01-15 09:27

一些前端学习过程的自测练习题

目录页面设计部分1设计一个简单的学院网站首页；2.按照图示要求完成简单的登录页面3.完成如下网站设计4.完成如下网站设计（练习页面布局）5利用下面素材，设计一个满足H5规范的网页（移动端页面练习）：Javascrip部分1写一个表单，包含姓名，学号，邮箱，手机号；提交时，做客户端验证（javascript）；2DoM练习：动态添加新元素3.4做一下如下的轮换图效果；5用myFocus库，重做上面的
程序猿online·2024-01-15 02:19

[Vue.js] 捕捉用户键盘输入事件

Vue-我的学习varvm=newVue({el:"#app",methods:{logSpace:function(){console.log("捕捉到用户输入SPACE!");}}})
大写K·2024-01-15 00:31

vue-入门篇

1.目标了解什么是VUE2.vue基础2.1概述官网：https://cn.vuejs.org/Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用，所有的显示都在一个页面当
我是菜鸟ddd·2024-01-14 13:47

html常用标签大全

我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式文字size:控制字体大小.最小1~最大7。
八重樱勿忘·2024-01-13 21:21

2021-09-27

前端虽然相对后端和其他开发相对简单，但是一个月的前端学习应该只是到达一个简单页面的书写的程度。
小闲闲974x·2024-01-13 11:57

web前端 html+css+javascript游戏网页设计实例 (网页制作课作业)

毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南
IT黑马程序员·2024-01-13 10:06

系统性学习vue-组件及脚手架

书接上文Vue组件及脚手架初始化脚手架说明步骤分析脚手架结构render函数修改默认配置ref属性props配置mixin混入/混合定义混合局部混合全局混合插件scoped样式安装less-loader浏览器的本地存储webStoragelocalStroage本地存储sessionStorage会话存储组件自定义事件绑定解绑组件绑定原生事件全局事件总线GlobalEventBus安装绑定事件接收
aqiu~·2024-01-13 10:50

Vue-插槽（Slots）

1.介绍在Vue.js中，插槽是一种强大的功能，它允许你创建可重用的模板，并在使用该模板的多个地方插入自定义内容。插槽为你提供了一种方式，可以在父组件中定义一些“插槽”，然后在子组件中使用这些插槽，插入自己的内容。2.插槽的分类2.1默认插槽（DefaultSlots）这是最常见的插槽类型。如果你在一个组件模板中定义一个slot素，那么这个元素将被视为默认插槽的内容。使用场景：只需要传入一个结构案
盖盖衍上·2024-01-13 08:57

Vue-根据角色获取菜单动态添加路由

文章目录前提提要需求分析具体实现配置静态路由路由权限判断登录添加动态路由修复刷新路由丢失问题结语如果大家写过后台管理系统的项目，那么动态路由一定是绕不开的，如果想偷懒的话，就把所有路由一开始都配置好，然后只根据后端返回的菜单列表渲染就好菜单就好了，但是这样的隐患就是我在地址栏输入的地址的时候，也会进入这个页面，不偷懒的方法就是本文要介绍的，真动态路由了，当然不会仅仅只是介绍使用数据怎么换成动态路由
劫辞·2024-01-13 01:42

前端学习笔记 5：大事件

前端学习笔记5：大事件本文将学习一个示例项目（大事件）的前端搭建过程。1.准备工作1.1.创建工程创建一个名称为big-event的Vue3项目，具体可以参考这篇文章。
魔芋红茶·2024-01-11 23:57

前端学习笔记 6：Pinia

前端学习笔记6：PiniaPinia是Vue的一个官方库，用于状态管理。1.安装首先创建一个Vue3项目，具体方式可以参考这里。
魔芋红茶·2024-01-11 23:26

vue-在table组件的render中添加事件

exportdefault{data(){columns:[{title:'操作',align:'center',dataIndex:'action',customRender:(text,record,index)=>{constdelete=()=>{this.handleDel(record.id);//调用method里面的方法}letcontent=();constobj={childr
Vivian_0430·2024-01-11 23:44

【前端学习笔记3——选不中按钮、全局变量、表格不显示、查看变量值】

前端学习笔记三，覆盖button选不中，可能是被别的元件覆盖了，用开发者工具选择元件，可以在样式里添加z-index或者用position把相对定位变为绝对定位。.
weixin_47227105·2024-01-11 17:06

暑期字节青训营前端学习笔记——简略

文章目录前端与HTML什么是前端？前端应该关注那些方面？注意HTML标签的语义化web开发的基本情况关于前端的开发：起源、架构、变迁前端应用的领域前端应用领域---浏览器前端应用领域---服务器前端应用领域---终端和跨端语言、框架、工具浏览器、网络、服务器Web标准标准组织：HTTP协议初识HTTP协议什么是HTTP协议协议分析报文methodWeb安全攻击防御对于XSS攻击：CSRF的防御Ty
放荡不羁的小雨鸽·2024-01-11 05:33

vue-键盘事件

键盘事件1.Vue中常用的按键别名：回车=>enter删除=>delete(捕获“删除”和“退格”键)退出=>esc空格=>space换行=>tab(特殊，必须配合keydown去使用)上=>up下=>down左=>left右=>right2.Vue未提供别名的按键，可以使用按键原始的key值（名称）去绑定，但注意要驼峰要转为kebab-case（短横线命名）3.系统修饰键（用法特殊）：ctrl、
坏萝卜·2024-01-10 21:58

vue-父子组件生命周期的执行顺序

问题：为啥父子组件生命周期的执行顺序是这样的？答案：父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted解释:在Vue中，父子组件的生命周期顺序是有规律的，原因如下：beforeCreate：父组件的beforeCreate钩子首先被触发。在这个时候，Vue实
じòぴé南冸じょうげん·2024-01-10 14:53

前端学习专栏

前端专栏订阅会员HTML教程HTML教程CSS教程CSS教程JavaScript教程JavaScript教程TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack前端打包工具Webpack前端打包工具BabelBabelCSS预处理器SassCSS预处理器SassCSS预处理器Les
weixin_51551879·2024-01-09 22:34

前端国际化之痛点(一)：让人头疼的词条Key

以Vue-i18n为例，大体如下：Vue-
stonefisher·2024-01-09 19:05

关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现

可以替换文字图片满足不同的CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线网页基本结构网页演示网站源码
二挡起步·2024-01-09 12:36

Vue-依赖注入（provide-inject）

文章目录provide-inject的作用如何使用provide-inject如何实现响应式方法一、父级组件为子级组件提供的数据为对象方法二、传递一个参数用方法返回provide-inject的作用通常情况下，父组件向孙组件传递数据，可以采用父子props层层传递，也可以使用bus和Vuex直接交互。在Vue2.2.0之后，Vue还提供了provide/inject选项这对选项允许一个祖先组件向其
H5_ljy·2024-01-09 09:07

Vue-父组件向子组件传递数据的约束

一。子组件接收的content必须是Number属性二。子组件接收的content必须是Number或String属性Props特性，映射，父组件传，子组件接。下面是非Props特性，实际生产中很少用
丁先生_b64b·2024-01-09 07:01

【融职培训】Web前端学习 第3章 JavaScript基础教程4 条件语句

一、概述语句执行流程有三种：顺序执行、条件执行、循环执行。条件语句表示的就是按照条件判断执行哪些代码（或不执行哪些代码）。例如：我们登录一个软件，输入用户名和密码的时候，输入正确则登录成功，输入错误，会弹出相关提示，这就是一个典型的分支语句（在实际开发中，这个功能或设计多个分支语句）。二、if语句if语句是最基本的条件控制语句，它让JavaScript程序可以选择执行顺序，我们可以通过一个布尔值来
lmonkey_01·2024-01-07 23:41

前端学习网址

https://blog.csdn.net/qq_42915988/article/details/81532921react介绍https://www.bilibili.com/video/BV15Q4y1K79c前端权限的控制和意义https://blog.csdn.net/bentou_/article/details/105400022token设置https://www.cnblogs.
简简单单_aed2·2024-01-06 03:00

什么是Vue-响应式数据

Vue的响应式数据是指当数据发生变化时，相关的视图会自动更新。在Vue中，我们可以通过data选项来定义响应式的数据。当创建Vue实例时，Vue会遍历data选项中的所有属性，将它们转换成getter/setter，这样当属性被访问或者修改时，Vue能够监听到变化并进行响应。这也被称为依赖追踪。当某个响应式数据被修改时，所有依赖于该数据的地方都会被通知到，从而更新相应的视图。通过使用Vue的响应式
&ACE&·2024-01-06 00:22

温故js系列（11）-BOM

前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总欢迎提issues斧正：BOMJavaScript-BOMBOM是browserobjectmodel
生产的驴·2024-01-05 23:38

vue-打包

打包的作用说明：vue脚手架只是开发过程中，协助开发的工具，当真正开发完了=>脚手架不参与上线打包的作用：1）将多个文件压缩合并成一个文件2）语法降级3）lesssassts语法解析打包后，可以生成，浏览器能够直接运行的网页=>就是需要上线的源码打包的命令和配置说明：vue脚手架工具已经提供了打包命令，直接使用即可命令：yarnbuild结果：在项目的根目录会自动创建一个文件夹'dist'，dis
小沐°·2024-01-05 21:17

Vue-报错No “exports“ main defined in xx

vue报错：No"exports"maindefinedinF:\wjh\vue#Practice\EasyQuestionnaire-web-master\EasyQuestionnaire-web-master\node_modules\@babel\helper-compilation-targets\package.json1.在文件中找到该路径的package.json文件，2.按照提示
@年年·2024-01-05 13:36

VUE-利用OSS BrowserJS-SDK实现阿里OSS前端上传

项目中遇到利用阿里OSS上传文件，线上很多示例用到了各种SDK，却没有看到OSSBrowserJS-SDK相关示例，鉴于脑子不好使，记一下。封装upload相关组件使用npm安装SDK的开发包npminstallali-oss在组件中实例化SDK并使用上述四个参数可通过调用后台接口获取，若前端直接封装，容易暴露。前往（控制台-对象存储OSS-基本设置）配置CORS（详见官方文档）method
dingtong6455·2024-01-05 10:57

vue-动态高亮效果

个人练习，仅供参考实现如下效果：点击某块，某块变成其他颜色。具体实现代码：上边：动态高亮效果{{n}}{{n1}}exportdefault{data(){return{navarr:["首页","推荐","分类","我的"],current:"首页",navarr1:["首页","推荐","分类","我的"],current1:"首页",};},methods:{},created:{},};.
LxyingINGing·2024-01-05 09:21

【前端学习笔记】HTML5中的video和audio

标签定义声音，比如音乐或者其他音频流。标签定义视频，比如电影片段或其他视频流。video和audio的优点：都不需要第三方插件就能播放音频和视频，可以直接插入，并且用同一的API接口控制。video和audio的缺点：1）暂时没有对流视频的支持和规范。流媒体分HTTP渐进式下载和实时流式传播，video和audio属于HTTP属于渐进式下载，不需要流媒体服务器，普通HTTP服务器就可以。2）播放媒
花上·2024-01-05 05:02

前端学习|第三章

CSS学习|第二章前言九、圆角边框十、盒子阴影十一、文字阴影十二、浮动12.1浮动的特性12.2常见网页布局12.3清除浮动十三、定位十四、元素的显示与隐藏前言小白开始干前端生命不息，学习不止~~以下内容源于黑马前端教程，纯属搬运工了上篇：CSS学习|第一章九、圆角边框在CSS中，新增了圆角边框样式，这样就能使盒子变成圆角了。border-radius属性用于设置元素的外边框圆角。语法：borde
多加点辣也没关系·2024-01-04 09:54

Vue-监听事件、移除事件（节流处理）

业务：header（fixed定位）在顶部时是transparent的，当scroll触发，添加背景色；再次移动到顶端还是transparent的。depository：TYXX下面这一段代码，在组件卸载后destroyed会执行，但是scroll还是会继续触发。created(){window.addEventListener("scroll",this.throttle());},destro
MINO吖·2024-01-03 22:05

Vue-图表resize事件

有时候我们会遇到这样的场景，一个组件中有几个图表，在浏览器resize的时候我们希望图表也进行resize，因此我们会在父容器组件中写：mounted() {  setTimeout(() => window.onresize = () => {    this.$refs.chart1.chartWrapperDom.resize()    this.$refs.chart2.chartWrap
MINO吖·2024-01-03 22:35

前端学习笔记 3：Vue 工程

前端学习笔记3：Vue工程上一篇文章介绍了如何在单一Html页面中使用Vue，本文介绍如何从头开始用Vue构建一个前端工程项目。
魔芋红茶·2024-01-03 15:03

前端学习笔记 2：Vue

前端学习笔记2：VueVue是一个目前最流行的前端响应式框架，关于它的简单介绍可以观看这里。
魔芋红茶·2024-01-03 15:32

前端学习笔记 1：js 导入导出

前端学习笔记1：js导入导出1.传统引用一般性的，用以下方式引入JS中定义的函数或对象到Html中使用：functionshowMessage(){console.log("hello");}functionshowChineseMessage
魔芋红茶·2024-01-03 15:02

前端学习笔记 4：Element Plus

前端学习笔记4：ElementPlus1.准备工作在使用ElementPlus之前，需要先创建一个Vue工程，具体可以参考上一篇文章。
魔芋红茶·2024-01-03 15:01

Vue-响应式数据

一、ref创建基本类型的响应式数据vue3可以使用ref、reactive去定义响应式数数据。知识点汇总使用ref需要先引入ref，import{ref}from'vue'在模板template中使用了添加ref的响应式数据，变量的后面不用添加.value所有js代码里面，去操作res包裹的东西，必须要加上.value使用ref包裹的变量，都变成了对象，其中不带下划线的value是提供我们自己使用
夏天的冬雪·2024-01-03 15:39

【融职培训】Web前端学习 第2章 网页重构9 css定位

一、定位的基本概念在我们浏览网页的过程中，经常会发现网页中的元素重叠展示，例如一个列表压在了一张图片之上，或者浏览器右下角突然弹出的广告压到了其他元素之上，这些都需要使用css的定位才能实现，本节我们就讲解css定位相关的属性，定位可以分为三类:绝对定位相对定位固定定位二、css定位详解我们可以通过position属性，将一个元素设置成定位元素，之后就可以通过top、left、bottom、rig
lmonkey_01·2024-01-02 15:11

内容分发与自定义事件

学习完整课程请移步互联网Java全栈工程师本节视频【视频】Vue渐进式JavaScript框架-Vue-布局篇-内容分发与自定事件【视频】Vue渐进式JavaScript框架-Vue-入门总结Vue中的内容分发在
撸帝·2024-01-02 07:49

vue-时间控件以及时间控件校验

:model数据区域:rules规则校验1.同时出现两个日期选择列表2.每次出现一个日期选择列表检验规则required必须录入trigger什么时候校验endDate1:[{required:true,message:"请选择保单止期起期",trigger:["change","blur"]}],endDate2:[{required:true,message:"请选择保单止期止期",trigg
悔建阿里杰克马·2024-01-01 22:55
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他