vue-前端学习第8页

vue-历史模式部署

项目部署本项目采用nginx进行部署，历史模式的部署需要服务端的配合，本次采用nginx进行配合。1配置constbasePath=process.env.VUE_APP_BASE_PATH;module.exports={publicPath:basePath#静态资源的路径/ecology/}2创建路由constcreateRouter=baseRouter=>{constrouter=new

njnu@liyong·2023-12-01 11:38

爱创课堂分享web前端学习路线自学如何找到工作

爱创课堂分享web前端学习路线自学如何找到工作，自学能不能学会WEB前端并且找到WEB前端开发岗位的工作取决于自身条件，如果基础好，自律性强那么将会容易很多，还有就是自学最难克服的并不是知识点，而是自己的学习环境是否真的能让自己静心学习

爱创乐育知识速递·2023-12-01 05:54

关于前端学习的思考-内边距、边框和外边距

从最简单的盒子开始思考先把实际应用摆出来：margin：居中，控制边距。padding：控制边距。border：制作三角形。盒子分为内容盒子，内边距盒子，边框和外边距。如果想让块级元素居中，需要使用margin-left=auto;margin-right=auto;如果宽度没有，高度没有，这样的居中是无效的。例如图中的效果，因为宽度没有，高度没有，浏览器自动绘制：宽度横跨浏览器，高度为零。一旦宽

Stephen Qiao·2023-12-01 01:13

关于前端学习的思考-浮动元素和块级元素的关系

先摆关系：浮动元素嵌套块级元素，浮动元素和块级元素是上下关系。1、浮动元素为父盒子，块级元素为子盒子。父盒子为浮动元素，子盒子不会继承。如图float=none；摆结论：子盒子为行内元素，行内块元素和块级元素，子盒子都会随着父盒子移动。2、块级元素为父盒子，浮动元素为子盒子。同理，又如上述两张图片，父标子浮的情况下，父盒子也会带着子盒子移动。综上所述，父盒子会带着子盒子移动，浮动元素只会使得高度塌

Stephen Qiao·2023-12-01 01:42

不用mock，前端来建立后端服务以便自己实现接口

主要用到的技术与功能插件前端：vue2.x,vue-

小鸟游露露·2023-11-30 18:51

零基础小白怎么入门前端，Web前端都学些什么

那么下面就把Web前端学习路线告诉大家，让更多想进入Web前端行业的人了解更清楚一些。

Web前端小辰·2023-11-30 14:12

前端学习笔记之闭包——看了一张图终于明白啥是闭包了

闭包闭包定义：指拥有多个变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。函数内部可以直接读取全局变量。函数内部变量无法在函数外部访问。函数内部声明要用var或者let声明，不然会变成全局变量链式作用域：子对象会一级级向上寻找父对象的变量，父对象的变量子对象都是可见的，反之则不行。在一个闭包环境内修改变量值，不会影响另一个闭包中的变量。普通的函数内嵌，内部函数

astak3·2023-11-30 10:59

web前端学习笔记之Node.js

文章目录01浏览器中的JavaScript运行环境02什么是Node.js03安装Node.js04使用Node运行JS代码05fs模块文件操作05.1什么是fs模块05.2读取指定文件内容fs.readFile()05.3写入文件内容fs.writeFile()05.4fs-整理成绩案例05.5fs-路径动态拼接问题05.6fs-使用注意事项06path模块路径操作06.1path模块是什么06

偷到月亮了吗.·2023-11-30 08:27

vue-组件通信之provide/inject

vue-组件通信之provide/inject一般父传子用的都是props但是如果我们想要实现的是爷爷传给孙子，再去用props就比较麻烦了，中间还会经过爸爸。

builder2991·2023-11-30 07:30

vue-全局事件总线mitt库（父子通信，兄弟通信都可，兼容vue2、vue3）

vue-全局事件总线mitt库（父子通信，兄弟通信都可，兼容vue2、vue3）安装npminstallmitt封装JS文件，方便调用importmittfrom"mitt"const$emitter=

builder2991·2023-11-30 07:30

vue-前端实现模糊查询

vue-前端实现模糊查询开始觉得前端的模糊查询肯定是非常难实现的，但后来发现还是很容易的，几行代码就可以搞定。

builder2991·2023-11-30 07:00

vue-动态组件、keep-alive

vue-动态组件、keep-alive如果我们想写一个tabbar导航栏，我能想到的两种方式通过if条件判断的方式实现（不赘述）动态组件接下来我们就看看动态组件如何创建，废话不多少直接上代码（代码中有备注

builder2991·2023-11-30 07:24

前端学习笔记 - JavaScript基础语法

编程语言编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。注意：上面所定义的计算机指的是任何能够执行代码的设备，可能是智能手机、ATM机、黑莓PI、服务器等等。计算机语言计算机语言指用于人与计算机之间通讯的语

茗0309·2023-11-30 05:25

前端-vue-对打包的静态文件进行压缩

通过npmrunbuild打包时候，会发现静态文件很大，放在nginx服务中访问页面会很慢，所以可在打包过程中对静态文件再压缩。对js、css、html等文件进行压缩：安装插件“compression-webpack-plugin”。(我本地版本：[email protected])cnpminstallcompression-webpack-p

timeguys·2023-11-29 20:12

Vue Transition 过渡组件 + animate.style 动画库的使用

详情：Vue-进入/离开&列表过渡本文主要记录VueTransition组件搭配animate.style动画库的使用步骤：animate.style官网：animate.style动画库安装animate

廖若星辰LTY·2023-11-29 12:34

web前端期末大作业——HTML+CSS+JavaScript仿王者荣耀游戏网站设计与制作

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

STU网页优选·2023-11-29 11:57

Vue-深入浅出插槽slot

文章目录作用域默认内容具名插槽用法具名缩写官网示例作用域插槽官网示例独占默认插槽的缩写语法解构插槽Prop动态插槽名已经废弃的语法作用域父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。默认内容我们可能希望这个内绝大多数情况下都渲染文本“Submit”。为了将“Submit”作为后备内容，我们可以将它放在标签内：Submit具名插槽用法子组件通过向slot里面

李和贵·2023-11-29 05:31

想象中的程序员生活与现实版程序员！

外形：想象的程序员：要么是一身黑衣，充满霸气颜值，智商都爆表，现实中的程序员是这样的：工作别人眼中的程序员：这里还是要推荐下小编的web前端学习群:687958461，不管你是小白还是大牛，小编我都欢迎

秋风_bdfd·2023-11-28 20:47

Web前端学习笔记（1）

文章目录一、第一部分1.1内容一Web前端导入二、第二部分2.1内容一HTML和CSS的定义三、第三部分3.1内容一宇宙第一编译器VsCode3.2内容二快捷键的使用四、第四部分4.1内容一Chrome浏览器4.2内容一五大浏览器五大浏览器的介绍五、第五部分5.1内容一深入了解网站开发5.2内容二JV与HTML与CSS的关系第六部分6.1内容一web的三大核心技术6.2内容二结构,样式,行为七、第

周日happy·2023-11-28 18:14

前端学习系列之html

目录初识html发展史优势W3C标准地址格式网页基本标签标题标签段落标签换行标签水平线标签字体样式注释和特殊符号特殊符号图像、超链接图像常见图像格式格式超链接格式重要属性href：规定链接指向的页面的URLtarget：链接页面的打开方式name：定义锚名称title：鼠标悬停显示的提示文本状态列表、表格、媒体元素列表分类表格优点基本结构使用媒体元素内联框架表单及表单应用表单input属性单选框多

lgcgkCQ·2023-11-28 10:23

来自大厂 300+ 道前端面试题大全附答案（整理版）+前端常见算法面试题~~全面详细

很多朋友靠着这些内容进行复习，拿到了BATJ等大厂的offer，也已经帮助了很多的前端学习者，希望也能帮

摸鱼吃榴莲的只只·2023-11-28 10:06

预览PDF无法显示签章文件的解决办法

/api/api";importCMapReaderFactoryfrom"vue-

家里一只小秃鸡·2023-11-28 00:26

JavaWeb开发中有用的网址--持续更新

w3schools含有关于前端学习的教程，不过是国外的，英文版，但是内容写的非常详细，通俗易懂。前端html、c

千霜·2023-11-27 18:49

2021前端学习路线

随着互联网的普及，做小程序、网页版app、网页、物联网等越来越活，前端需求也越来越大。想学前端的小伙伴也很多，刚入门不久或者是还没有入门的人很想学前端，但不知道该学些什么？不知道从何处开始？比较迷茫的小伙伴有福了。下面我为大家整理了一下前端要学的知识点，希望可以给你一点点指引，若觉得有用记得给个赞呦！学习方法建议1.学习完之后，一定要动手练习，眼过千遍，不如手过一遍——实际编写代码。刚开始学习的时

前端人_倩倩·2023-11-27 12:14

前端学习--React(4)路由

一、认识ReactRouter一个路径path对应一个组件component，当我们在浏览器中访问一个path，对应的组件会在页面进行渲染创建路由项目//创建项目npxcreaterouter-demo//安装路由依赖包npmireact-router-dom//启动项目npmrunstart简单的路由小案例importReactfrom'react';importReactDOMfrom'rea

Michelle209·2023-11-27 06:55

vue-使用input封装上传文件图片全局组件

前言实际开发过程中，我们经常遇见需要上传文件图片功能，可以封装一个全局组件来调用原理很简单，首先获取到文件或图片对象，调用自己公司文档服务器的接口，上传文件图片为了方便用户体验，我们应该在上传之前开启遮罩层，上传成功之后关闭遮罩层。我们还可以根据实际开发场景自定义把url和文件名称传回父组件代码实现1.定义apiexportfunctionuploadvideo(data){returnreque

-風过无痕·2023-11-26 14:15

【Node.js】入门指南 - 1

Node.js入门前言去年9月份左右的前端学习Ajax时，始终不明白为什么发送一段http请求，就能获取数据，这个数据是从哪来的，怎么设计这个数据的接口，我一直很好奇，于是在晚上查找资料了解到了Node.js

弥勒か·2023-11-26 07:51

react黑马前端学习笔记

React一、React概述1.1简介react是一个用于构建用户界面的js库用户界面：HTML页面React主要用来写HTML页面或者构建Web应用如果从MVC的角度来看，React仅仅是视图层，也就是只负责视图的渲染，而并非提供了完整的M和C的功能。React起源于Facebook的内部项目，后来又用来架设Instagram的网站，并于2013年5月开源1.2React特点1、声明式只需要描述

firewrk·2023-11-26 04:30

前端学习笔记之 HTTP协议、存储、Ajax（十四）

week14HTTP协议、存储、Ajax前端数据交互与HTTP协议前后端通信初识前后端通信//1.前后端通信是什么//前端和后端数据交互的过程//浏览器和服务器之间数据交互的过程//2.后端向前端发送数据//访问页面//3.前端向后端发送数据//用户注册前后端通信的过程与概念解释//1.前后端通信的过程//前后端的通信是在‘请求-响应’中完成的//2.概念解释//前端：浏览器端//客户端：只要能和

FrebEaton·2023-11-26 04:49

【前端学习整理】入门：领域知识与基础HTML文档说明。

想好开始学习前端了吗，先来了解一下基础吧。什么是前端Web与贯穿前端的HTML我的第一个HTML文档什么是前端前端是非常热门的职业，涉及广泛，可以设计和制作各种网站，手机app，小程序的开发等等。要掌握前端需要学习基础的网页开发语言，例如:HTML:描写网页的内容，和布局。就像修造子，一砖一瓦的砌。css:修饰网页的内容，便于用户读者观看浏览。砖瓦砌成了房子不能直接住人吧，还要装修。javascr

梦叙·2023-11-25 16:15

Vue3 插槽 v-slot

插槽视频链接：尚硅谷vue-插槽章节不使用插槽的情况下结果：1默认插槽在子组件中只能有一个结果：2具名插槽#b是v-slot:b的缩写顾名思义就是指着名字去插入结果：3作用域插槽可以传递数据的插槽，子组件可以将数据回传给父组件

YUELEI118·2023-11-25 12:48

Vue中v-show和v-if有什么区别？使用场景分别是什么？

个人网站:【紫陌】【笔记分享网】想寻找共同学习交流、共同成长的伙伴，请点击【前端学习交流群】目录1.v-show2.v-if3.v-if和v-show区别1.v-showv-show严格意义上说“条件隐藏

紫陌~·2023-11-25 10:18

前端学习交流

群主是一名在校大学生，因厌恶一些公众号以领资料骗人进群，但是进去之后给群友免费的资料都不让发，我为这些人感到耻辱，所以无奈之下只能自己来建一个交流的地方来供大家交流学习之用。如果有想要学习前端的同学或者想纯粹交流技术和经验的同学不妨可以试试这里，群主也会发供各位学习的资源，主要以网盘形式。最后欢迎志同道合的同学加入。665904205

是左蒎哦·2023-11-25 00:00

Vue-导航守卫——全局前置守卫

目录全局前置路由守卫next函数三种调用方法Vue的导航守卫是什么？可以做什么？导航守卫可以控制路由的访问权限--什么意思呢？假如现在我们想要在某一个应用程序主页面点击对应路由链接跳转到后台的管理系统那么这时路由守卫就起到了一个检测的作用路由守卫的名字起的很形象，它其实就是充当了一个'保安'的职责只有你登录成功了，在localStorage本地存储中的token有值，守卫才会让你进入后台的管理系统

Try Tomato·2023-11-24 16:28

java前端学习路线

本篇来梳理一下前端开发方向的学习路线和知识点，包括前端开发到底要学什么、有哪些重要知识、现在的主流的技术点有哪些，希望能给之前很多问过该类问题的小伙伴们一个交代。在正式开始之前，先聊两个常见的问题吧。前端和后端到底该怎么选？不得不说，前端开发现在确实很火，学的人也炒鸡多，如果仅从岗位需求、工资水平等市场就业这个角度来看，其实基本上已经与后端开发不分伯仲了，而且这几年前端技术的发展也非常繁荣。所以到

不熬夜，早点睡·2023-11-24 11:32

前端学习--React(2)

一、受控表单绑定和vue中v-model功能相同import{useState}from"react";//通过value属性绑定react状态//绑定onChange事件通过事件参数e拿到输入框最新的值反向修改到react状态functionApp(){const[value,setValue]=useState('')return(setValue(e.target.value)}/>);}e

Michelle209·2023-11-24 09:38

前端学习--React(3)

一、Redux集中状态管理工具，不需要react即可使用，每个store的数据都是独立于组件之外的vue小链接：vuex/pinia基本使用Redux将数据修改流程分成三个概念，state、action和reducerstate-一个对象存放我们管理的数据状态action-一个对象描述你如何修改数据reducer-一个函数根据action的描述生成新的state-0+//1.定义reducer函数

Michelle209·2023-11-24 09:05

前端学习之vw,vh适配

emem作为font-size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小——MDN比如父元素font-size:12px;自身元素如果写成：font-sise:2em;则自身元素用px表示就是24px（相对父元素字体大小）;但是自身元素设置：width:2rem,那么自身元素用px表示就是48px（相对自身字体大小）；remrem作用于非根元素时，相对于根元素字体大

前端扫地僧·2023-11-24 02:27

VUE增删改查页面实例

/assets/Global.css'importaxiosfrom"axios";importVueRouterfrom'vue-

摇滚侠·2023-11-24 01:14

适合我的前端学习路线（学习前端不迷路）

适合我的前端学习路线（学习前端不迷路）小伙伴们想学习前端，但是却不知如何入手，上网查前端学习路线，第一页往往充斥着各种培训公司的广告，又或者是搜前端学习路线图时，出现大量的路线图导致你还是不能确定适合自己的路线

m0_67265654·2023-11-24 01:07

Web前端学习笔记13：JavaScript_作用域_预解析_对象_内置对象_数据类型

文章目录JavaScript基础第05天笔记1-作用域1.1作用域概述1.2全局作用域1.3局部作用域1.4jS没有块级作用域4-预解析5-对象5.1对象的相关概念5.2创建对象的三种方式利用字面量创建对象利用newObject创建对象利用构造函数创建对象5.3遍历对象JavaScript基础第06天笔记1-内置对象1.1内置对象1.2查文档1.3Math对象1.4日期对象1.5数组对象创建数组的

JasonYangQ·2023-11-23 22:48

Vue-封装简易的长列表虚拟滚动组件(含触底加载数据)

虚拟滚动的理解既可以滚动加载，也不会额外增加DOM数量，随着滚动变化原有几个DOM元素的值思考1.容器该如何布局？2.如何动态变化可视区域内dom的值？3.滚动条的长度如何控制？4.如何判断上拉触底了？列表容器的布局1.新建一个组件ListScroll，容器内部含：滚动条盒子、展示的列表盒子、加载提示盒子2.注意最外层的容器viewport高度设置100%，让父组件去决定ListScroll组件的

张大栗子·2023-11-23 19:24

Web前端学习笔记

Web前端学习笔记目录Web前端学习笔记前言一、拨开云雾见天日，守得云开见月明1.1.1什么是HTML和CSS1.1.2VSCode编辑器1.1.3深入了解网站开发（部分）1.1.4Web前端三大核心技术

DAOkonglong·2023-11-23 16:21

前端学习工作的一些坑

前端开发是一个漫长、艰苦而又收获满满的。当我们回首，以前所踩过的坑，都会使我们变得更强大。很多人在初入前端时，都会或多或少得遇到一些小问题，有的会被html、css中布局搞得头大，有的会被js的逻辑关系缠得晕头转向，那么今天就来简单地谈谈几个工作中遇到的坑吧。坑1：如何预处理器?背景：在组件中的、或上使用各种预处理器、或、或上使用各种预处理器加上处理器后，控制台报错.red{color:red}这

廿峦·2023-11-23 13:48

Vue-父子组件间传值(props,自定义事件+$emit（）,ref)

主要是子组件给父组件传值一、案例School.vue和Student.vue子组件要和父组件App之间产生数据交互需求1：点击“把学校名给App”按钮将学校名传给App实现：APP.vue（1）App里定义获取学校名的方法getSchoolNamemethods：{getSchoolName(name){console.log('App收到了学校名：',name)}}(2)通过在School组件标

1313亮晶晶~·2023-11-23 03:02

前端学习-React Hook(钩子)

一.概述1.什么是Hookhook（钩子）是一种特殊的消息处理机制，它可以监视系统或者进程中的各种事件消息，截获发往目标窗口的消息并进行处理。1.1Hook例子函数记录日志、节流、缓存Windows窗口消息拦截键盘事件拦截（木马和外挂）流量识别分析1.2ReactHook我们可以通过Hook把需要的状态、副作用方法“钩”进来，放到函数内部使用。让原来呆板的React函数拥有状态和生命周期。2.Ho

什巳·2023-11-22 21:29

前端学习--React(1)

一、React简介React由Meta公司研发，是一个用于构建Web和原生交互界面的库优势：组件化开发、不错的性能、丰富生态（所有框架中最好）、跨平台（web、ios、安卓）开发环境搭建打开相应文件夹新建终端并输入npxcreate-react-appreact1就可以得到一个名为react1的项目运行一下↓在package.json中，这是两个核心依赖包"react":"^18.2.0","re

Michelle209·2023-11-22 21:26

深入理解JavaScript中作用域问题

然而在我的前端学习中，我发现它有一个非常专业的解释称为执行环境。

徒手掰榴莲·2023-11-22 21:29

Vue错误[Vue warn]: Invalid prop: type check failed for prop “data“. Expected Array, got String

Vue-常见错误[Vuewarn]:Invalidprop:typecheckfailedforprop“data”.ExpectedArray,gotString前言:项目中遇见Invalidprop

wantLG·2023-11-22 08:49

自学了一年多的web前端，为什么面试却一次都过不了

web前端学习起来相对容易些，自学一年多时间已经不短了，为什么却面试一次都没过？这就值得深思了。

强哥科技兴·2023-11-22 03:50

推荐频道

vue-前端学习