vue-前端学习第2页

前端基础复习（后端人员看前端知识）

sunyunfei1994·2024-02-06 17:14

目前最全的前端开发面试题及答案

https://github.com/HerbertKarajan/Fe-Interview-questions在GitHub上收集的最全的前端资源汇总（包括前端学习、前端开发资源、前端求职面试等）react

jooner·2024-02-06 15:00

前端学习之路(4) vue2和vue3的区别

一.根节点不同vue2中必须要有根标签vue3中可以没有根标签，会默认将多个根标签包裹在一个fragement虚拟标签中，有利于减少内存。二.组合式API和选项式API在vue2中采用选项式API，将数据和函数集中起来处理，将功能点切割了当逻辑复杂的时候不利于代码阅读。在vue3中采用组合式API，将同一个功能的代码集中起来处理，使得代码更加有序，有利于代码的书写和维护。三.生命周期的变化创建前：

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-06 14:37

前端学习day03-js高级

Document1、练习一:验证密码①密码长度必须是6位的任意字符②当鼠标离开文本输入框的时候就会触发的事件，所以我们需要在密码的input标签中添加一个离焦事件onblur,用来验证密码是否合法。输入密码:练习二:表格隔行换色，能够使用js实现表格隔行换色功能。点击换色序号名称状态序号名称状态序号名称状态序号名称状态练习三:日期①使用Date对象，在页面回显当前年月日时分秒星期vartoday=

-lyslyslys·2024-02-06 10:30

前端学习day07-高级元素之列表-表单-表格

CSS高级元素之列表-表单-表格一.列表元素1.1.三种列表ol>liul>lidl>dt>dd1.2.列表案例总结思路二.table元素2.1.table常见tabletrtd2.2.案例练习股票表格table{border-collapse:collapse}2.3.table元素theadtbodytfootcaptionth2.4.单元格合并colspanrowspan练习:课程表三.表单

XD前端·2024-02-06 10:29

前端学习笔记day02--CSS

前端学习笔记day02–CSS一、CSS知识CSS（cascadingstylesheet）：层叠样式表（级联样式表）作用：设置html标签的字体、颜色、背景、边框、边距和宽高等，使界面美观、漂亮，从而提高用户体验

m0_38077048·2024-02-06 10:57

前端学习个人心得，总结（个人向）

一、外边距合并1.出现的条件只有垂直方向的外边距会出现合并，水平方向上不会出现外边距合并。垂直方向上相邻的元素才会有外边距合并的问题。2.有两种情况2.1兄弟元素间的外边距合并（1）若两者都是正值，取值为两者间最大值（2）若两个外边距一正一负，取值为两者之和（3）若两个外边距都是负值，取值为绝对值较大的外边距解决方案：一般不需要处理，这一般是对开发有利的，如果要处理，可以将本应该设置给两个元素的外

独醉于笙·2024-02-06 07:04

06、如何在html中绑定数据

{{name}}letapp=newVue({el:'#app',data:{name:'前端学习'}})页面上就会显示——前端学习。

小白摘葡萄·2024-02-05 18:25

1、Vue-组合式-第一个项目

点击前往官网点击进行环境搭建一、创建项目使用下述命令创建项目npmcreatevue@latestps:为了方便学习，上述在创建项目时需要用到的插件全部选择不创建二、运行项目按照上述操作最后结果上显示的命令来启动项目即可cdstudy-vuenpminstall#这一步需要等的时间稍微长一些npmrundev然后使用local的地址在浏览器中即可访问该前端项目三、目录结构这里把下图的对应文件和内容

许忠慧·2024-02-05 17:22

前端学习第4天

一、复合选择器1.后代选择器2.子代选择器3.并集选择器4.交集选择器5.伪类选择器1.伪类-超链接（拓展）二、CSS特性1.继承性body放在style中2.层叠性3.优先级属性+!important+;（最高优先级）1.优先级-叠加计算规则2.emmet写法div带类名直接.类名三、背景属性1.背景图2.背景图平铺方式3.背景图位置4.背景图缩放5.背景图固定6.背景复合属性四、显示模式1.块

qingxi_ran·2024-02-05 13:46

前端学习之路(5) vue样式穿透

前言vue的style中设置scoped属性后，组件实现样式私有化。但是该组件又使用的其他组件库时(vant,elementui,自定义等)，该组件的style中的样式，优先级低，不生效，这个时候需要使用样式穿透(作用得更深)。一、scoped底层原理scoped是通过在DOM以及css中加上data-v-xxx唯一标识来实现样式私有化。1.加上scoped前样式穿透示例.demo{color:r

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 23:56

前端学习之路(2) Vue3响应式模式设计原理

为什么要关系vue3的设计原理？了解vue3构建原理，将有助于开发者更快速上手Vue3；同时可以提高Vue调试技能，可以快速定位错误1.vue3对比vue2vue2的原理是通过Object.defineProperty()来劫持各个属性，在数据变动时发布消息给订阅者，触发相应的监听回调。defineProperty不具备监听数组的能力,无法检测到对象属性的添加和删除,只有在初始化实例时对data对

星如雨ｸﾞｯ!(๑•̀ㅂ•́)و✧·2024-02-04 18:42

【前端学习】CSS入门

前端学习：CSS入门文章目录前端学习：CSS入门前言1、class011.我的第一个CSS2.导入方式3.基本选择器(1)ID选择器(2)标签选择器(3)类选择器4.层次选择器5.结构伪类选择器6.属性选择器

woodwhale·2024-02-04 10:59

[前端学习笔记1] 前端学习路线

按顺序学习一、做网页HTML：定义网页结构CSS（Cascadingstylesheets层叠样式表）：对网页进行装饰JS（JavaScript）：网页与用户的交互效果，【重要】WebAPI：将HTML,CSS,JS结合在一起，通过JS可以改变HTML,CSS.JQuery：老牌框架，了解即可。Bootstrap：响应式页面，了解即可移动端开发：【重要】二、数据库和服务器数据库：mongoDB（J

Lumos_zbj·2024-02-04 10:29

前端学习01

1.浏览器能识别的标签1.1编码（head）1.2title（head）我的联通1.3标题我的联通1级标题2级标题3级标题4级标题5级标题6级标题1.4div和span内容asdfadiv，一个人占一整行。【块级标签】我的联通山东蓝翔挖掘机哪家强span，自己多大占多少。【行内标签、内联标签】我的联通山东蓝翔挖掘机哪家强注意：这两个标签比较素+CSS样式。1.4.5超链接跳转到其他网站点击跳转跳转

Yoin.·2024-02-04 10:27

前端学习02

1.CSS案例1.1内容回顾1.1.1搭建骨架Titlebody{margin:0;}.sub-header{height:100px;background-color:#b0b0b0;}.container{width:1128px;margin:0auto;}.sub-header.ht{height:100px;}.sub-header.logo{width:234px;float:left

Yoin.·2024-02-04 10:27

网页前端学习-03

HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这

Leoma_·2024-02-04 09:25

爬虫配套学习-前端学习笔记03

插入图片水平线无月的中秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这就是月饼的来历，大家会在这一天，和嘉园也，吃月饼，赏月。®效果图像的超链接水平线无月的中秋据说每年八月十五的时候，夜空中的月亮是一年中最大，最圆，最亮，最美的月亮，中秋节的来历，这

丰。。·2024-02-04 09:55

前端学习——Ajax的使用

Ajax一、JSON格式本质上是一个字符串，是作为数据交换的格式。主要是用于前后端数据交互json可以是对象，数组，字符串，标题//json格式——特殊格式的字符串,varstr1='{"name":"北斗"}'//分为两种类型：json对象，json数组,可以是数值null数组对象varobj1='{"name":"北斗","age":"18"}'//json对象varobj2='["name"

Indra_ran·2024-02-04 09:24

Web前端学习-day03-JavaScript

溢出设置overflowvisible显示(默认)hidden隐藏scroll滚动显示行内元素垂直对其方式vertical-aligntop上对齐middle中间对齐bottom下对齐baseline基线对齐显示层级z-index当元素脱离文档流出现层叠显示时undefined可以通过z-index设置显示层级z-index的值越大显示约靠前此样式只能添加给非静态定位的元素undefined静态定

王敏晓·2024-02-04 09:24

前端学习03

1.JavaScript```htmlTitle.menus{width:200px;border:1pxsolidred;}.menus.header{background-color:gold;padding:20px10px;}大标题内容functionmyFunc(){//alert("你好呀");confirm("是否要继续？")}1.1代码位置JS代码的存在形式：当前HTML中。//编

Yoin.·2024-02-04 09:23

Vue-动态组件 & 插槽 & 自定义指令

1.什么是动态组件动态组件指的是动态切换组件的显示与隐藏。2.如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：App根组件展示Left展示RightimportLeftfrom'@/components/Left.vue'importRightfrom'@/components/Right.vue'exportdefault{data(){return{/

程序猿向前跑·2024-02-03 19:41

适合初学者的WEB前端学习路线

零基础学习web前端学习路线图从哪里可以找到呢?在此为大家整理完整的适合零基础学员的web前端学习路线分享给大家：1.HTML5介绍内容包括：(互联网发展趋势、H5语言的优势

千_锋小小千·2024-02-03 16:36

前端学习笔记 | CSS动画+移动web

一、平面转换为元素添加动态效果，一般与过渡配合使用。1、设置transition给元素本身，表示过渡变换方式和时间2、在元素hover设置transform（动态效果）transform:【移动】translate(x方向，y方向)、translateX（x、translateY(y)位移【旋转】rotate(数字+deg）【缩放】scele(数字)大于1放大，小于1缩小【倾斜】skew（数字+d

简·AI·2024-02-03 15:04

前端学习笔记 | HTML5+CSS3静态网页制作的技巧（持续更新）

注：本文的css样式均使用less写法1、字体居中（1）先text-align:center;行内元素水平居中（2）再line-heigh:(盒子高度);行内元素垂直居中text-align:center;line-height:(30/@vw);2、盒子居中情景1：版心居中margin:0auto;情景2：标题栏制作时让左右两个弹性盒子居中的方法（1）设置浮动（2）给父级添加行高line-hei

简·AI·2024-02-03 15:04

前端学习笔记 | CSS高级技巧

一、定位注：需要同时设置定位模式和边偏移才生效。1、定位模式相对定位-position:relative特点：（1）灵活改变盒子在网页中的位置，改变位置的参照物是自己原来的位置（2）不脱标，占位（3）标签显示模式特点不变绝对定位-position:abusolute(子级绝对定位，父级相对定位-子绝父相)特点：（1）脱标，不占位（2）参照物先找祖先元素，如果祖先没有定位，则参照浏览器可视区域位置（

简·AI·2024-02-03 15:03

前端学习笔记 | 响应式网页+Boostrap

一、响应式网页一套代码适应多端1、媒体查询@media(条件){css}max-width小于等于max-width生效min-width【案例】左侧隐藏因为CSS的层叠性，书写顺序：max-width从大到小；min-width从小到大。【媒体查询完整写法】在html中link用于不同视口的css样式，media=""中一定要加（），否则不生效。2、BootstrapBootstrap是由Twi

简·AI·2024-02-03 15:31

前端面试题-VUE-持续更新

文章目录Webpack面试题webpack打包原理、基本功能、构建过程打包原理基本功能构建过程常见loader常见plugin什么是bundle，chunk，module？VUE面试题MVC、MVP、MVVM的理解VUE生命周期函数VUE路由vue-routervue-router的导航钩子$router和$route区别vue-router传参vue-router的两种模式（hashhistor

zeroOneJJ·2024-02-03 01:10

【前端学习路线】

前端学习路线1.大纲:前端学习路线2.ES6语法1.let和const2.箭头函数3.解构3.1数组解构3.2对象解构4剩余参数4.1和解构联用4.2合并数组5.可选链6.Set7.数组操作8.字符串扩展方法

代码哲学·2024-02-03 00:52

前端学习总结

前端常见面试问题最近发现了一个up主“Alice铛铛铛”，学习到了很多面试技巧，下面分享一下一、1.vueAPP适配是怎么写的，用的什么单位？2.get和post有什么区别？3.计算属性和监听器有什么区别？4.v-for渲染列表是key是用来做什么的？5.数据请求在生命周期哪一个阶段？6.水平居中有哪几种方法？7.flex弹性盒模型？8.父盒子中子盒子浮动有什么后果？9.清除浮动有哪些方法？10.

joy_mhy·2024-02-02 21:31

菜鸡后端的前端学习记录-2

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】（学习记录第二部分，都写到一个博客里太长了，不利于阅读复习）周末休息-先

无名一小卒·2024-02-02 21:30

2020年小白要知道的Web前端学习路线

今天小编要跟大家分享的文章是关于2020年小白要知道的Web前端学习路线。准备在2020年学习Web前端技术的小伙伴们来和小编一起看看本篇文章，希望能够对大家有所帮助！

web前端学习指南·2024-02-01 23:27

vue-请求接口，出现参数不能为空？我也不知道你要什么数据，可不就是为空？

大家做项目可能会出现请求接口，该传的参数都传，会报错请求参数不能为空，但是我也不知道你要什么数据，我该填啥？下面我为大家一一解答先来看一下场景点击添加用户按钮，弹出对话框，填写数据，请求接口然后你写接口会报请求参数不能为空的提示**敲黑板！！！！**这里有两个事件，一个是点击添加用户，一个是对话框里面的确定按钮。出现参数不能为空的原因，很可能是你在点击添加用户的时候，就请求接口了。这是错误的，因为

推开世界的门·2024-02-01 09:47

自学前端学习笔记html5(简称H5)

image.pngimage.pngimage.pngH5在语义上的改进在此基础上，HTML5增加了大量有意义的语义标签，更有利于搜索引擎或辅助设备理解HTML页面内容。HTML5会让HTML代码的内容更结构化、标签更语义化。我们常见的css+div布局是：image.png在html5中，我们可以这样写：image.pngH5的经典网页布局：H5中新增的语义标签表示区块表示文章。如文章、评论、帖

Informal杨·2024-01-31 03:14

Vue-样式穿透

使用第三方组件时，设置第三方组件样式不生效，因为scope是局部样式。解决：::v-deep(第三方组件){样式}

LxyingINGing·2024-01-30 20:29

前端自己整理的学习面试笔记

简介以下是本人一年多整理的前端学习笔记，现汇总分享给大家，很多问题都是面试必问的更多学习资源，可以点击我获取更多1js数据类型原始类型：nullundefinednumberstringbooleanSymbolBigInt

小江的博客·2024-01-30 12:30

css3帮助文档,CSS3 最新版参考手册

坐会儿吧·2024-01-30 09:43

使用react修改ant design默认样式|自定义

写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！

潜心专研的小张同学·2024-01-30 06:52

前端学习day12-总结

关键词：scope在线添加数据到表单一.th>scope语法：col:规定单元格是列的表头。row:规定单元格是行的表头。colgroup:规定单元格是列组的表头.rowgroup:规定单元格是行组的表头二.提高用户体验原本的表单属性中，比如单选按钮:男女若想要点击男女，必须要鼠标点到那个小圆点，用户体验极差。此时，可以利用包裹男女，这样用户在点击“男”这片区域时，也可以选中单选按钮。三.plac

你喜欢吃青椒吗_c744·2024-01-29 18:14

Nodejs前端学习Day5

苦其心志，劳其筋骨文章目录前言一、处理路径问题二、path路径模块总结前言继续fs一、处理路径问题在使用fs模块操作文件时，如果提供的操作路径是以./或…/开头的相对路径时，很容易出现路径动态拼接错误的问题原因：代码在运行的时候，会执行node命令时所处的目录，动态拼接出被操作文件的完整路径如果要解决这个问题，可以直接提供一个完整的文件存放路径就行，但也有缺点，即移植性差，不利于维护见下图node

Mundaneman·2024-01-29 14:00

展望2018

跑步，坚持下去并达到1000公里;读书，至少45本；前端学习，学习TypeScript，并在项目中应用到React。

大洪·2024-01-28 18:50

Nodejs前端学习Day3_准备工作

妈的，这几天真tm冷，前天上午还下了一整天的雪，大雪文章目录前言一、Node.js简介1.1何为1.2有什么二、Node.js可以做什么三、学习路线四、下载nodejs4.1小坑记录4.2LTS和Current版本的不同五、什么是终端六、在nodejs中执行js代码七、powershell和cmd的区别八、fs文件系统模块8.1是什么，怎么用8.2fs.readFile()总结前言妈的，昨天没学，

Mundaneman·2024-01-28 17:53

vue-生命周期函数

一、生命周期的含义每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图示：vue生命周期.jpg二、生命周期的过程生命周期钩子的this上下文指向调用它的Vue实例。注意：在生命周期函数中不要使用箭头函数1、bef

韩歆歆·2024-01-28 14:45

vue-组件综合案例-商品管理展示

友情提示一下：前面的图书管理没整明白的看这个章节就会有点晕组件和组件之间的数据传输没整明白也会有点晕组件都没整明白的同学放弃看这个案例哈1：静态页面展示（一定要看得懂，能单独写出来更好）2：组件化静态页面（1）商品列表展示2：组件化静态页面（2）为什么还要处理呢？因为我们父组件上展示的数据，一般不会在子组件上，而是在父组件上，然后子组件调用父组件的数据父组件标签绑定属性子组件使用props完成相关

阿娇77·2024-01-28 06:31

Nodejs前端学习Day4_fs文件系统模块基础应用之成绩转换

君子应有龙蛇之变，处于木雁之间文章目录前言一、fs文件系统模块1.1判断文件是否读取成功1.2向指定的文件中写入内容1.2.1fs.writeFile的语法格式1.2.2fs.readFile和fs.writeFile的运用——成绩转换总结前言Day3fs开了点头一、fs文件系统模块1.1判断文件是否读取成功可以判断err对象是否为null，从而知晓文件读取的结果即constfs=require(

Mundaneman·2024-01-28 05:00

前端学习：HTTP协议、请求响应、分层解耦

HTTP协议HTTP-概述 HTTP：HyperTextTransferProtocol(超文本传输协议)，规定了浏览器与服务器之间数据传输的规则。如果想知道http协议的数据传输格式有哪些，可以打开浏览器，点击F12打开开发者工具，点击Network来查看。浏览器和服务器是按照HTTP协议进行数据通信的。HTTP协议又分为：请求协议和响应协议请求协议：浏览器将数据以请求格式发送到服务器包括

~hello world~·2024-01-27 22:41

easypan前端学习（一）

文章目录前端项目node版本node镜像构建项目创建项目安装项目所有依赖图片资源网站encodeURI&decodeURIapp.config.globalProperties与getCurrentInstanceObject.assignvue-cookies安装vue-cookies使用vue-cookiesrouter.currentRoutepreservelogimport.meta.e

ps酷教程·2024-01-27 13:08

Nodejs前端学习Day1_补档

我给day1搞没了，还是觉得该补一个，有用文章目录前言一、学习目标二、学习目录三、为什么JavaScript代码可以在浏览器中运行四、为什么JavaScript可以操作DOM和BOM五、浏览器中的JavaScript运行环境总结前言补档一、学习目标二、学习目录三、为什么JavaScript代码可以在浏览器中运行浏览器中存在js解析引擎，才可以执行js代码不同浏览器使用不同的js解析引擎其中Chro

Mundaneman·2024-01-27 06:45

vue-用formData实现单张图片上传

上传文件为什么要用formData1.使用application/x-www-form-urlencoded：此类型不适合用于传输大型二进制数据或者包含非ASCII字符的数据。平常我们使用这个类型都是把表单数据使用url编码后传送给后端，二进制文件当然没办法一起编码进去了。所以multipart/form-data就诞生了，专门用于有效的传输文件。2.使用FormData的最大优点就是可以异步上传

岩岩很哇塞！·2024-01-26 19:16

【融职培训】Web前端学习第7章 Vue基础教程2 创建Vue项目

一、使用vue/cli创建Vue项目在第七章我们已经介绍了如何使用npm命令全局安装node包，本节我们需要安装一个名为@vue/cli的包来创建我们的vue项目，安装代码如下所示：npminstall-g@vue/cli安装完成之后，在命令行可以使用Vue命令命令创建一个vue项目，具体命令如下所示vuecreatehello安装过程需要连接国外服务器下载项目模板和依赖包，如果网速过慢可以在配套

lmonkey_01·2024-01-26 16:59

推荐频道

vue-前端学习