vue-前端学习第5页

vue-前端学习

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

2024年总结的前端学习路线分享（学习导读）

在写上一篇2023年前端学习路线的时候，时间还在2023年初停留，而如今不知不觉时间已经悄然来到了2024年，回顾往昔岁月，常顾于迷失在琐碎的事物中，虚度光阴，令人深感悔恨和羞愧。

亦世凡华、·2024-01-01 22:41

2021-07-21 浏览器机制以及进程线程的关系

看了一篇大神的博客，对前端学习体系突然明悟了起来。于是准备参考着大神的脚步开始体系化的学习。博客链接:https://segmentfault.com/a/1190000013662126。

半眼鱼·2024-01-01 18:36

代码随想录刷题笔记（DAY4）

今日总结：今天把中心放在前端学习上，最后一个题没有完全理解，明天早起补上吧。勉强算完成任务。

*Soo_Young*·2024-01-01 08:04

教你一步步使用vue创建项目【超详细(^_−)☆】

前端学习路线：从小白到大神的一步之遥工具VueCLINode.js安装安装VueCLI脚手架安装路由router安装elementUI安装axios(扩展知识)修改npm默认安装路径并配置环境变量或直接配置环境变量工具

半生过往·2023-12-31 21:18

开发人员有用的Vue.js动画库

vue-collapse-transition8、v-animate-css9、vue2-transitions10、vue-lottie11、vue-fake3d-image-effect12、particles-bg-vue13、vue

半生过往·2023-12-31 21:48

vite 创建vue3项目（vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）

三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite----templatevue选择vue

该用户已成仙·2023-12-31 06:30

web前端学习（二）：React是最优秀的web框架，基于JS专注于视图层

React是用于构建用户界面的JavaScript库,只关注于视图，主要表现为将数据渲染为HTML视图。一、React基础学习npx普通安装创建一个项目npxcreate-react-appreact-app创建一个react-app项目yarnstart启动项目(默认3000端口)http://localhost:3000/高级安装--使用脚手架npmi-gcreate-react-appcre

起航吧！少年·2023-12-31 03:14

前端学习ffmpeg RTMP HLS协议记录

ffmpeg安装配置需要准备linux环境，本人主要从事前端工作，一直没有接触过linux,从公司业务开始做音视频开发之后，发现少不了需要linux环境来搭建各种测试工具，于是就花高价租了阿里云。。。。ffmpeg的安装放在了windows环境下ffmpeg官网下载对应的release版本，下载地址https://www.gyan.dev/ffmpeg/builds/下载之后选择一个目录直接解压，

翠莲·2023-12-31 00:24

前端学习之路---CSS

CSS学习内容下一篇javascript基础（1）1.学会使用CSS选择器2.熟记CSS样式和外观属性3.熟练掌握CSS各种选择器4.熟练掌握CSS各种选择器5.熟练掌握CSS三种显示模式6.熟练掌握CSS背景属性7.熟练掌握CSS三大特性8.熟练掌握CSS盒子模型9.熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSSCSS的发展历程从HTML被发明开始，样式就以各种

胡哥居士·2023-12-30 03:21

史上最全web前端学习资料总结

HTML+CSS入门：HTML30分钟入门：http://deerchao.net/tutorials/html/html.htmw3school：http://www.w3school.com.cn/html/index.asp菜鸟教程：http://www.runoob.com/html/html-tutorial.html绿叶学习网：http://www.lvyestudy.com/html

强哥科技兴·2023-12-30 00:50

2021-08-25_vue环境搭建前端学习笔记

20210825_vue环境搭建前端学习笔记1概述1.1目录结构image-20211001195604044.png1.2项目配置细节1.2.1配置拦截器//E:\workdirectory\Dev\

kikop·2023-12-29 14:00

前端学习-TypeScript入门

JavaScript是弱类型语言，经常运行是出现因为类型原因导致代码报错。TypeScript是JavaScript的一个超集，只是在JavaScript的基础之上增加了一些类型标记语法；浏览器并不认识TypeScript，最终还是要编译成JavaScript才能执行。一.为什么要使用TypeScript？使用TypeScript定义：IDE智能提醒，减少代码低级错误。修改TypeScript定义

什巳·2023-12-29 05:24

【前端学习】TypeScript中的基本类型

TypeScript变量类型：除去在JS中的八种数据类型：Number,String,Boolean,Null,Undefined,Symbol,BigInt,Object外，还增加了一些数据类型：1、元组元组可以看做数组的拓展，表示已知元素数量和类型的数组；lettuple:[string,number,boolean];tuple=["a",2,false];2、枚举enumRoles{SUP

人海@·2023-12-29 05:24

TypeScript前端学习（三）

前言继续分享TypeScript学习笔记，大佬请绕行。一、函数参数functionfunc1(a,b,c){console.log("-----"+a,b,c);}func1("a","b","c");functionfunc2(a,b,c){console.log("---可变参数--"+a,b,c);}func2("a");functionfunc3(a,b,c){if(c===void0){

肥仔哥哥1930·2023-12-29 05:51

web前端学习之TypeScript（持续更新中...）

web前端学习之TypeScriptTypeScript简介什么是TypeScript?

书剑走江湖·2023-12-29 05:51

前端学习笔记（11）-typescript总结

0.JavaScript和TypeScript的主要差异TypeScript从核心语言方面和类概念的模塑方面对JavaScript对象模型进行扩展。JavaScript代码可以在无需任何修改的情况下与TypeScript一同工作，同时可以使用编译器将TypeScript代码转换为JavaScript。TypeScript通过类型注解提供编译时的静态类型检查。TypeScript中的数据要求带有明确

吃花椒的恩酱·2023-12-29 05:20

Web前端HTML5表单的应用——调查问卷

石家庄邮电职业技术学院专属活动第2期：【校园前端学习笔记】主题征文石家庄邮电职业技术学院社区学号后四位：0235知识点(项目涉及标签)form标签——创建表单action属性用于指定接收并处理表单数据的服务器

最爱点点了·2023-12-29 03:09

TypeScript前端学习（四）

前言还是分享的笔记，大佬请绕行！一、类的定义和继承console.log("----对象---");varpeople={"name":"张三",syaHi(){console.log("HI,mynameis"+this.name);}}people.syaHi();console.log("----类---");classPeople{name:string;constructor(name:

肥仔哥哥1930·2023-12-29 03:02

VUE-获取本地局域网IP地址

constos=require('os');//提供本地的相关信息//获取本地ipfunctiongetNetWorkIp(){//打开hostletneedHost='';try{letnetwork=os.networkInterfaces();for(constdevinnetwork){letiface=network[dev];for(leti=0;i

梦翼横空·2023-12-28 22:34

前端学习之vue+element-ui电商项目（八）商品信息添加

文章目录0.准备工作1.界面样式1.1界面布局1.2导航区视图2.卡片视图区域2.1警示条2.1.1步骤条3.卡片视图的表单3.1tab栏框架3.1.2tab栏框架数据添加3.1.3tab栏框架方法实现3.2基本信息3.2.1界面样式3.2.2数据添加3.2.3方法实现3.3商品参数3.3.1界面样式3.3.2数据添加3.3.3方法实现3.4商品属性3.4.1界面样式3.4.2数据添加3.5商品图

shakalaca·2023-12-28 17:04

vue前端学习笔记

filter()方法创建给定数组一部分的浅拷贝，其包含通过所提供函数实现的测试的所有元素。constwords=['active','sunlight','self-confident','clever','health'];constresult=words.filter((word)=>word.length==6);console.log(result);结果如下：>Array["activ

努力努力，努力努力·2023-12-28 12:27

权限管理实现的两种方式（详解）

个人网站:【紫陌】【笔记分享网】想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】登录的接口请求的三个内容：1.token2.用户信息、角色信息3.菜单信息第一种：基于角色Role的动态路由管理

紫陌~·2023-12-28 09:40

引入sortablejs插件实现表格列拖拽功能的封装

1参考其他文章Vue+ElementUI实现动态调整表格列显示隐藏&显示顺序2具体实现2.1将列拖拽功能封装到通用表格动态列组件里关于表格动态列组件的具体代码，可以看我的另一篇博客：Vue-基于ElementUI

Xxxxxl17·2023-12-27 08:17

Javascript笔记（持续更新中）

前端学习路线图先附上一张前端学习路线图：（一）Javascript的定义Javascript是一门跨平台、面向对象的脚本语言，来控制网页的行为，它可以实现网页的交互网页由三部分构成：结构：Html表现：

瑶瑶南波万·2023-12-26 05:01

【vue-超出内容时 el-tooltip 提示框才显示，没有超出不显示】

使用disabled属性控制el-tooltip的content显示与隐藏{{item.label}}定义isShowTooltip变量控制disabled，经过onMouseOver鼠标悬停事件改变isShowTooltip值constisShowTooltip=ref(true)//noteel-tooltip超出内容时提示框才显示，没有超出不显示constonMouseOver=i=>{co

110susie·2023-12-26 03:17

修BUG？不存在的！我是上班的，不是卖身的！

秋风_bdfd·2023-12-26 01:07

Flutter 开发环境搭建——windows版

这里足各路声明一下，所有学习资料均参考前端技术爱好者jspang（）相信很多前端学习者都膜拜过这位大神），附jspang个人博客声明，以下包括之后有关Fullter的资料多多少少都参考jspang的笔记进行精简

足各路·2023-12-25 21:48

前端学习笔记

文章目录1、学习路线2、token的安全储存方案3、跨域4、相关的学习链接前言：最近在学习前端补齐我的软件技能树，最近简单总结一下1、学习路线基本：vue3、ts(js)、vite、eslint、css(动画、布局)依赖包：vue-router、vue-i18n、store(pinio)、axios、ui组件（elementPlus、Angular、AntDesign）网络相关：cookie/se

Dream_Kite·2023-12-25 13:23

毕业设计基于SSM框架+MySQL实现的办公用品管理系统办公用品领用系统源码+数据库，包含完整的权限配置

2.专注Java，简化前端学习成本为了专注Java，简化前端学习成本，我对EasyUI进行了二次封装，你只需要写极少的js代码，就可以做出一个页面！剩下的，我们把更多时间放在SSM框架的学习上！

yanglamei1962·2023-12-25 09:54

JavaScript进阶（day04:高阶技巧）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、深浅拷贝浅拷贝和深拷贝只针对引用类型1.浅拷贝如果是简单数据类型拷贝值

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:40

JavaScript进阶（day01作用域&解构&箭头函数）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、作用域作用域（scope）规定了变量能够被访问的”范围

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:10

JavaScript进阶（day02:构造函数&数据常用函数）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、深入对象1.创建对象三种方式①利用对象字面量创建对象

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:10

JavaScript进阶（day03:深入面向对象）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、编程思想1.面向过程介绍面向过程，就是按照我们分析好了的步骤

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:40

JavaScript基础（day01:let/const变量、数据类型、ES6模板字符串）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈前言不能只看不动手不管多简单的代码都要练习随时暂停视频随时写代码不要抄代码重点难点案例一定要多写几遍

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:39

JavaScript应用（day01:DOM获取&属性操作）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、变量声明const声明的值不能更改，而且const声明变量的时候需要里面进行初始化但是对于引用数据类型

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:39

JavaScript应用（day07:实战案例）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈放大镜效果业务分析①：鼠标经过对应小盒子，左侧中等盒子显示对应中等图片获取对应的元素采取事件委托的形式

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:09

Vue核心语法、脚手架与组件化开发、VueRouter&Vuex、综合案例（待办事项工具）

学习源码可以看我的个人前端学习笔记(github.com):qdxzw/frontlearningNotes觉得有帮助的同学，可以点心心支持一下哈一、Vue核心语法Document{{content}}

我是如此相信ᯤ⁶⁶ᴳ·2023-12-24 21:07

前端学习——脚本语言

在计算机科学和编程领域，脚本（Script）通常指的是一系列按照特定规则编写的指令或命令，以便在运行时由解释器执行。与编译型语言相对，脚本语言通常不需要在运行之前进行显式的编译，而是通过解释器逐行地执行。以下是脚本的一些关键特征：1.**解释性质：**脚本语言通常是解释型的，它的代码由解释器逐行执行。这与编译型语言不同，编译型语言需要先将源代码编译成机器代码，然后再执行。2.**高级语言：**大多

吉祥如意_·2023-12-24 18:16

前端学习——指令

vue作为前端框架，为了简化或实现一些特定功能，提供了很多指令，那什么是指令呢？所谓的指令就是能够完成特定功能的一些vue语法，比如属性绑定指令v-bind，事件绑定指令v-on，循环指令v-for等。在vue中，所有的指令都是v-开头的。vue中最常用的指令有以下几种：v-bind属性动态绑定指令，通过v-bind可以实现html属性值的动态修改。如下图所示，a标签有href属性，就可以通过v-

qq_33453797·2023-12-23 15:39

前端学习——vuex的入门

学习一门技术最快捷的方式就是先了解其概念和使用场景，毕竟任何技术的出现都是为了解决某一个场景下的通用解决方案，并且使用最合理的方式去解决问题。那么什么是vuex？Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。这是vuex官网给的关于vuex的概念，翻译成白话就是一个状态(数据)管理的库，类似

qq_33453797·2023-12-23 15:37

程序员的一段代码！网友：你有没有艺术细胞？

秋风_bdfd·2023-12-23 12:25

强烈推荐的前端学习资源，先收藏！

今天分享一些个人收藏的前端学习资源，按一下几个维度简单划分了下，有3D、框架、构建工具等等。

树上有只程序猿·2023-12-22 22:04

前端vue-改造el-table，表头，表格（边框，背景色）

项目需求，表格只有最外面有边框，里面无分割线，且表头和表身的颜色不同CSS代码如下/*表格内背景颜色*/.tableMap::v-deep.el-tableth{//background-color:transparent!important;background-color:rgba(137,42,42,0.5);border:none!important;//表格字体颜色color:#ffff

大嘴史努比·2023-12-22 11:01

前端学习——组件传值

组件是vue中很重要的一个知识点，在vue开发中大部分功能都是通过组件来实现的，因为组件就是一个小的功能模块，类似于乐高，使用一个一个的小组件拼成一个大的模型。组件中有一个很重要的的功能点就是组件之间的传值，因为每个组件就是一个小的功能模块，要完成功能需要进行组件之间的通讯，这就是组件传值的作用。那么组件之间该怎么传值呢？要了解组件之间的传值要先搞明白vue中的父子组件，所谓的父组件就是引用组件的

qq_33453797·2023-12-22 10:40

前端学习——vue + elementui实现分页查询

分页查询功能，是很常见的一个功能，下面是记录使用vue+elementui实现的分页查询功能。elementui使用pagination提供了多种分页功能，可以根据自己的需求选择不同的分页样式，但其最重要的参数有三个，current-page——当前页码,page-size——页大小,total——总条数；还有两个事件函数，size-change——改变页大小时触发，参数是每页条数；current

qq_33453797·2023-12-22 10:09

前端学习——事件处理

前端开发中会涉及到一些事件处理，比如鼠标事件，键盘事件等，算是一个比较重要的知识点。vue封装了一些事件处理等函数和方法，vue的点击事件是通过v-on实现的，也可以简写为@click，当方法不穿任何参数时，会默认传入事件对象event，如下图所示：当传入参数时，也可以使用event获取对象，不过有参方法最好显示传入$event事件对象。vue官网提供的事件属性包括鼠标事件和键盘事件，官网文档地址