vue-前端学习第7页

前端学习笔记

目标：使用react+antdesign构建出一个前端项目，并且可以自由的添加组件已会：html、css、js所需前置知识：ES6，nodejs，webpack，jsx，react，typescript学习路线如下：1、nodejs安装，会npminstall装包和npmstart项目即可2、webpack是做什么的，一个项目打包工具，可以把ES6语法转化为浏览器能识别的ES5语法webpack教

MInNrz·2023-12-05 19:59

Vue学习第二天

beforeMount挂载前mounted挂载完成beforeUpdate更新前updated更新后beforeDestory销毁前destoryed销毁后异步请求axios要写在mounted钩子函数里面Vue

不是真的冷漠·2023-12-05 16:40

Web前端学习：BAT前端面试送命题—JS三座大山

Web前端开发工程师是一个很新的职业，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。给你学习路线，html-css-js-ajax-jq-html5-css3-bootstrap-vue.js-node.js-react.jd前言本篇文章比较适合3年以上的前端工作者，JS三座大山

Web前端小辰·2023-12-05 15:01

Web前端学习有哪些优势，HTML5与前端什么关系？

HTML5与Web前端什么关系，Web前端有哪些优势？Web前端就业怎么样?现在学习前端就业前景好吗?越来越多人了解Web前端，也有很多年轻人想进入到Web前端的行列，但是现在Web前端还值得大家去选择学习吗?对于很多同学疑虑的问题，下面就给大家解答一下，其实现在学习前端的话就业是没有问题的，为啥这么说?Web前端这一技术是从美工演变而来的，其名称具有很明显的时代特征。而且现在越来越多的IT企业对

Web前端小辰·2023-12-05 14:16

解决: 使用html2canvas和print-js打印组件时, 出现空白页

如图所示:当我利用html2canvas转换成图片后,然后使用print-js打印多张图片,会出现空白页使用html2canvas和print-js打印组件的文章可参考这个:Vue-使用html2canvas

stubborn丶lili·2023-12-05 10:31

2、Vue-组合式-模板语法

一、文本插值将下述代码替换到App.vueconstmsg='hello'constres=trueconstnum=10打印初始文本插值：{{msg}}打印拼接的文本插值：{{msg+"vue"}}打印三元运算后的文本插值：{{res?true:false}}打印计算后的文本插值：{{num+5}}结果展示：二、v-html：插入html上述的例子中是对纯文本数据进行插入，而不是html,如果想

许忠慧·2023-12-04 21:47

前端学习总结，经验分享，项目经验分享过程

前言来，和魔王哪吒总结一下，分享一下自己对前端学习总结，经验分享，以及写过的项目经验分享过程。

魔王哪吒·2023-12-04 19:36

vue-兄弟组件通信

新建bus.js文件//快递员，负责兄弟组件之间传递数据importVuefrom'vue'//导出一个Vue对象//注意：这是一个新的对象，与main.js里边的没有关系exportdefaultnewVue()父组件importchirldAfrom'../chirldA.vue'importchirldBfrom'../chirldB.vue'name:'parent',components

䆪_·2023-12-04 10:55

前端入坑之路

作为一枚前端的小白，还是要给刚刚入坑的小朋友们总结几条建议以及总结前端学习之路。相信刚刚开始准备学习前端之前，可能不确定从哪里开始学习，选择什么编程语言，使用什么工具，框架和技术等等。

liao林凤·2023-12-03 16:24

vue-消息订阅与发布

消息订阅与发布这第三方库，可以让组件之间相互通信安装如下：//这是我们选择的库npmipubsub-js需要订阅和发布的组件导入这个包importpubfrom'pubsub-js'shool.vue//接收消息，消息名是sendMsgthis.pubId=pub.subscribe('sendMsg',(msgName,data)=>{console.log('--shool组件收到消息了--'

tutututudou·2023-12-03 14:54

前端学习系列之CSS

目录CSS简介发展史优势基本语法引用方式内部样式行内样式外部样式选择器id选择器class选择器标签选择器子代选择器后代选择器相邻兄弟选择器后续兄弟选择器交集选择器并集选择器通配符选择器伪类选择器属性选择器CSS基本属性优点字体属性文本属性背景属性边框属性列表属性鼠标属性盒子概念格式边框外边距圆角边框阴影浮动标准文档流displayfloatoverflow定位相对定位绝对定位z-indexCSS

lgcgkCQ·2023-12-03 06:00

前端学习之vue+element-ui电商项目（五）商品列表

文章目录0.准备工作1.界面布局1.1导航界面2.卡片视图区域2.1界面样式2.2数据添加2.3方法实现3.商品表格区3.1界面样式3.2数据添加3.3方法实现4.底部分页4.1界面样式4.2数据添加4.3方法实现5.功能展示0.准备工作component下新建文件夹goods下新建文件List.vue，并在路由中引入文件1.界面布局1.1导航界面首页商品管理商品列表2.卡片视图区域2.1界面样式

shakalaca·2023-12-03 02:02

Vue-自定义指令（v-permission）

vue除了默认设置的核心指令(v-model，v-show，v-if),Vue也允许注册自定义指令。自定义指令就是一种有效的补充和扩展，不仅仅可用于定义任何dom操作，并且是可以复用的。目前项目刚好是有在做按钮权限方面的功能，我实现的方式就是用自定义指令（v-permission）来实现的。在src下面创建一个directives的文件夹在文件夹里创建一个permision文件内容如下：expor

心之所向_gp·2023-12-02 21:44

前端学习之初识Nodejs

node是什么：js运行环境能干什么：创建web服务器，让js成为php，java一样的语言学习地址：官网nodejs.org中午网：nodejs.cnCMD运行js文件创建js文件找到js文件路径node文件名模块化系统commonjs规范在Node.js模块系统中，每个文件都被视为一个独立的模块导出方法1exports.成员名=值导出方法2module.exports.成员名=值导入requi

Jones_aj·2023-12-02 11:23

Vue-(5)自定义指令-路由

一：自定义指令除了默认设置的核心指令(v-model和v-show),Vue也允许注册自定义指令。下面我们注册一个全局指令v-focus,该指令的功能是在页面加载时，元素获得焦点：Vue测试实例-菜鸟教程(runoob.com)页面载入时，input元素自动获取焦点：//注册一个全局自定义指令v-focusVue.directive('focus',{//当绑定元素插入到DOM中。inserted

物非0人非·2023-12-01 20:16

【一、前端开发基础】HTML+CSS基础

学习笔记：基于黑马前端视频学习的CSS3笔记黑马前端学习笔记查看某个前端技术是否兼容浏览器版本HTMLVScode1、OpenInDefaultBrowser=》Alt+B2、注释：Ctrl+/3、查看

小蜜蜂学爪哇·2023-12-01 17:37

个人前端学习笔记 html5+css（保持更新）

2022年7月5日HTML基础知识一.路径的使用1.绝对路径的使用:表示含有盘符的路径地址==-不建议在服务器(工作)中使用==-补充：插件的名字:Imagepreview（在编辑器代码前显示图片）二.相对路径的使用同级找同级元素:目标文件的名称父级找子级元素:目标文件的文件夹名称/目标文件的名称子级找父级元素:../目标文件的名称三.常见的命令./表示当前目录../表示跳出当前文件夹返回上一级自

Natural-9·2023-12-01 17:05

vue-一个域名多个项目的nginx配置

本身nginx很方便，但是有些项目是工程化的，比如vue打包后，项目是绝对路径的模式，这样就找不到路径，报错了。以vue为例子：vue2.0cli1：找到config/index.js修改assetsPublicPath的value，假设区分的路径是'test',比如项目的地址是mysy.vip/test/。我们等下以baseUrl作为这个路径varbaseUrl='/test/'然后找到rout

反者道之动001·2023-12-01 15:15

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

推荐频道

vue-前端学习