vue-前端学习

3. Windows 10 - Nvm - Node - 创建 Vue项目 Vue-cli 脚手架 3.x

关联链接1.Windows10-Node与Vue-安装Vue2.x及3.x框架-项目创建要点-12.Windows10-Nvm——node版本管理工具的安装配置方法-报错问题集锦与解决方法-工程化Node
沐 修·2024-01-26 15:28

前端学习-0125

工具VscodeChromemac-vscode实用快捷键格式：shift+option+f快速移动一行：option+上下箭快速复制一行：shift+option+上下箭快速保存：command+s文件内查找：command+f文件内快速替换：option+command+fHTML5标签堆积:基础骨架标签特殊文件格式后缀:.html编写规则、声明:
至鳟宝·2024-01-26 14:29

前端学习-0125

标签含义：标题级别：-快捷键生成：h$*[0,6]属性：align="left|center|right"标签含义：段落标签含义：换行标签含义：线属性：color(颜色)|width(宽度：像素单位)|size(高度：像素单位)｜align(对齐方式left|right)标签路径绝对路径：E://test/test.jpg相对路径：父级：..\;同级：.\;子级：/文本标签标签描述着重加粗斜体st
至鳟宝·2024-01-26 14:25

前端学习之——react篇（条件渲染）

React没有特殊的语法来编写条件语句，因此你使用的就是普通的JavaScript代码。例如使用if语句根据条件引入JSX：letcontent;if(isLoggedIn){content=;}else{content=;}return({content});如果你喜欢更为紧凑的代码，可以使用条件?运算符。与if不同的是，它工作于JSX内部：{isLoggedIn?():()}当你不需要else
每月一瓶米诺地尔·2024-01-26 12:18

前端学习之——react篇（渲染列表）

你将依赖JavaScript的特性，例如for循环和array的map()函数来渲染组件列表。假设你有一个产品数组：constproducts=[{title:'Cabbage',id:1},{title:'Garlic',id:2},{title:'Apple',id:3},];在你的组件中，使用map()函数将这个数组转换为标签构成的列表:constlistItems=products.map
每月一瓶米诺地尔·2024-01-26 09:31

前端学习笔记一一HTML常用标签之列表标签

HTML常用标签之列表标签列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（●）。�元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：�disc(圆●)、circle（圆圈○）、square（方块■）定
前前前端小飞·2024-01-26 08:17

vue-报错：Module parse failed: Unexpected character '#'

vue中用到了id并给id设置css，运行项目时报错：Moduleparsefailed:Unexpectedcharacter'#'1.png解决：webpack.config.js文件判断.styl后缀名文件正则改为：/.styl(us)?$/2.png
李大鱼_·2024-01-26 05:28

vue 解决：Module not found: Error: Can‘t resolve ‘vue-router‘ 的问题

：根据报错的中文信息可知：应该是无法解析vue-router模块，应该是vue-router的版本或引入出了问题;2、问题分析：其一、查看vue-router的使用或引入方式是否有问题；其二、vue与vue
狮子座的男孩·2024-01-25 21:59

强烈推荐 GitHub 上值得前端学习的开源实战项目

强烈推荐GitHub上值得前端学习的开源实战项目。
dizhao3079·2024-01-25 18:27

菜鸡后端的前端学习记录

前言记录一下看视频学习前端的的一些笔记，以前对Html、Js、CSS有一定的基础（都认得，没用过），现在不想从头再来了，学学Vue框架，不定时更新，指不定什么时候就鸽了。。。。忘了记一下看的视频了，有兴趣的可以去看一看，目前感觉讲的还不错，但是需要有一定基础：【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】开发工具使用记录：VsCode代码提示挺不友好，配置起来还不一定生效（太
无名一小卒·2024-01-25 06:09

字节跳动内部前端学习笔记在互联网上火了，在Github标星33K+，完整版开放下载

一、入门前端三剑客1、HTMLhtml学起来还是挺简单的，无论你是否有编程基础，我觉得都可以快速入门，对于新手，我推荐找个入门的视频看一下，然后跟着视频打代码就可以了，入门教程随便在网上找个免费的视频就可以了，随便搜索「html入门」即可，或者看菜鸟教程的一个入门教程也行。看完视频，也可以看一下文字版的教程，不知道大家有没有看过阮一峰写过的教程，我觉得他写的教程都很棒，所以这里我也推荐下大家看一下
书苏·2024-01-25 03:29

前端学习路线

前端学习路线入门阶段HTML5：学习网页结构的基本标签，了解语义化标签的使用。CSS3：掌握样式布局，包括选择器、盒模型、定位、响应式设计等，以及CSS3的新特性如动画特效、过渡效果等。
注孤生程序员·2024-01-24 21:36

Vue3 前端学习（登陆界面，input 与 button的使用）

1.router-view跳转APP.vue可以类比主函数理解，里面可以写很多内容，但这是个很局限的做法，只适合学习一些前端知识点时候使用，不适合做项目。于是我们使用将要写的内容拆分开，理解为拆成诸多函数。在函数里实现相关功能。于是APP.vue写的很简单，因为他只实现路由功能2.呈现一个登陆界面（纯前端）LoginVue.vue一个登陆界面账号：密码：登录申请注册IamElButtonimpor
Sonaldo7·2024-01-24 20:31

vue-实战去哪儿项目

运行项目npminstallnpmrundev项目展示项目涉及到技术栈：vue：Vue、Vue-router、Vuex、Vue-cli插件：vue-awesome-swiper、better-scrollAxiosCSS的预处理框架stylusapi后台数据接口主要特点组件化自适应布局代码，简洁，易维护兼容大部分浏览器性能优化项目结构部分Header部分引入Iconfont首页轮播图标区域轮播使用
唐人不自醉·2024-01-24 18:18

前端学习笔记-HTML、CSS、Javascript基础知识

认识web网站的开发模式采用前后端分离技术开发Web前端三个组成部分HTML：负责网页结构（页面元素的内容）CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）JavaScript：负责网页的行为（交互效果）HTML和CSSHTML：超文本标记语言：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容；HTML标签都是预定义好的。例如：使用展示超
m0_53527658·2024-01-24 12:51

从自学的茫然，到现在豁然开朗，说说我的前端学习经历

最近这两年吹起了一股学习前端的风，我也参与了其中，我选择的是自学，花了几天的时间看w3cschool，在腾讯课堂听了很多公开课，然后又找到慕课网，看视频做题目。都说前端入门简单，我却用了三个月摸索的时间来学习，虽然能写点简单的，但是想要真正做一个项目，实际操作起来却并不是那么回事。特别是遇到一些问题的时候，我发现没有人指引我，我开始加学习交流群，运气好的话，有人会帮我解答，但一般情况是没有人回应的
悠悠qie·2024-01-24 07:24

Vue-数据响应式

一个物体能对外界的刺激作出反应，那他就是响应式的constvm=newVue({data:{n:0}})我如果修改vm.n，那么UI中的n就回来响应我Vue通过Object.defineProperty来实现数据响应式Vue通过Object.defineProperty的getter/setter对收集的依赖项进行监听,在属性被访问和修改时通知变化,进而更新视图数据getter/setter用于对
Shigure_Rain·2024-01-24 00:29

【前端学习】JS中var与let的区别

1、作用域不同var是函数作用域，let是块作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let2、let不能在定义之前访问该变量，但是var可以。let必须先声明，再使用。而var先使用后声
半剑·2024-01-22 20:09

10w 字前端技术文档分析

在2023年11月份，有小伙伴跟我说前端学习得很迷茫，不知道该学什么，也不知道已经学过的学得怎么样，于是，我立即萌生了一种想法，我要写一份前端文档，既可以帮助我自己查漏补缺，也可以帮助到其他人。
Jackson-Mseven·2024-01-21 21:48

vue-生命周期

beforeCreate:function(){alert("组件实例化之前");},created:function(){alert("组件实例化完毕,属性关联完毕,但页面还未显示");},beforeMount:function(){alert("组件挂在前，页面未展示，但虚拟DOM已经配置");},mounted:function(){alert("组件挂在后方法执行后页面显示");},be
走停2015_iOS开发·2024-01-21 07:25

vue-项目打包、配置路由懒加载

1.简介在现代前端开发中，Vue.js因其简洁、灵活和高效的特点，已经成为许多开发者的首选框架。在Vue项目中，打包部署和路由懒加载是两个非常重要的环节。打包Vue项目是为了将源代码转换为浏览器可以解析的JavaScript文件，以便在服务器上部署和用户端加载。2.项目打包项目打包yarnbuild//或npmrunbuild注：打包后的文件会生成在dist目录下。配置publicPath在文件v
盖盖衍上·2024-01-21 04:12

ES6前端学习笔记

修正ES6是ECMA为JavaScript制定的第6个标准版本，相关历史可查看此章节《ES6-ECMAScript6简介》。标准委员会最终决定，标准在每年6月正式发布并作为当年的正式版本，接下来的时间里就在此版本的基础上进行改动，直到下一年6月草案就自然变成新一年的版本，这样一来就无需以前的版本号，只要用年份标记即可。ECMAscript2015是在2015年6月发布ES6的第一个版本。以此类推，
已注 销·2024-01-20 22:23

【前端学习笔记1】css基础

css可以使页面更漂亮，即美化网页css：层叠样式表标签选择器：类选择器：id只能单次调用，类似人的身份证css里只要是word里面有的功能，他们都有对应的，不会的时候查一下就行实现垂直居中:height等于line-height就行font-family：可以修改字体font顺序：是否倾斜字号行高字体必须严格按照这个顺序来与文本相关text-indent：文本缩进text-align：cente
__dh·2024-01-20 21:30

【前端学习笔记2】javaScript基础

是什么：是一种运行在客户端（服务器的编程语言）javacript分为行内JavaScript，内部JavaScript，外部JavaScript内部JavaScript直接写在html中body里面alert（“hello，world”）我们将script放在html文件的地步附近的原因是浏览器会按照代码在文件中的顺序加载html如果先加载的JavaScript期望修改其下方的html，那么他可能
__dh·2024-01-20 21:58

vue-使用echarts+echarts-gl实现某个省份地区地图3d可视化

前言最近在开发中遇到一个需求，需要把一个地区地图变成3d感觉悬浮在大屏中间配合业务需求其实echarts配合三方库就可以实现这个效果，具体细节需要自己调整代码实现1.下载各省份各地区地图数据-json文件-根据需求下载对应地图json数据引入即可最新全国地图JSON数据:数据来源：阿里云数据可视化平台-Gitee.com2.安装echarts和echarts-gl插件：npminstallecha
-風过无痕·2024-01-20 08:55

2019-06-14

我的前端学习之路最近在闲暇之余在学习前端开发前端学习之第一步：下载webstorm，开发工具，发现前端开发工具很不友好，不像xcode那么简单易上手，光下载成功就花费了半天的时间，现在附上mac版下载包
c0986fa58b5e·2024-01-19 17:54

vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示+省市级切换

显示移除importAMapLoaderfrom'@amap/amap-jsapi-loader'importchinaDatafrom'./provincialData/中华人民共和国.json'exportdefault{data(){return{map:null,infoWindow:null,markers:[],provincPolygonList:[]}},asyncmounted(
造糖主义·2024-01-19 16:12

vue-动态设置css样式的hover

1.定义不同的颜色数组colorList:['#4cb352','#5bc2d3','#ffc23f','pink','#872822'],//课件标题颜色2.html数据遍历-自定义element-走马灯高度+定义css变量-yf-border-color{{item.subjectName}}更多课件6?'740px':item.courseWaresList[0].lengthcss添加ho
造糖主义·2024-01-19 16:12

vue-实现pc端点击滚动-左右箭头滑动

实现的效果代码{{item.privateDeviceName}}exportdefault{name:'EnergyPlatformBaseChargeTabs',props:{privateDevicesList:{type:Array,default:()=>[]}},data(){return{editPrivateDevicesList:[{privateDeviceName:'测试-切
造糖主义·2024-01-19 16:08

vue中改变v-html中包含body标签的样式修改方法

vue-改变body的css样式beforeCreate(){document.querySelector('body').setAttribute('style','background-color:
奋斗的小鸟鸟·2024-01-19 08:49

前端学习路线图和一些经验

关于前端目前个人建议的一个路线,也是自己之前前端学习时候的一个大致路线,给想要学习前端的小白一个参考,以前自己刚开始接触前端的时候就是不知道该按照什么路线学习eg-前端是做什么的？
zhuyuyaya·2024-01-19 02:51

前端学习路线，带你入门程序猿

相信很多想学前端的小伙伴是非常迷茫的前端知识体系很多，不知从何学起而且框架也有不少，不知道该如何下手很多学习前端的小伙伴都没有一个很好的学习路线图，简直可以说是看见啥学啥而且自己在学习的时候非常吃力，感觉总是学不会，有时候前面学完后面忘都已成常态我们在学习的时候一定要有几个重点学习时间一定要充足，不能学一阵玩一阵，断断续续往往反反要有一个良好的学习路线图，不能看见啥学啥选择一套好的教学体系课程视频
David凉宸·2024-01-19 01:10

Vue-构造选项

options五类属性数据：data数据、props属性、propsData（propsValue）、computed被计算出的、methods方法、watch观察方法与函数：方法：面向对象，一定依附于对象obj.sayhi()函数：数学sayhi()都是functionDOM：el容器、templatehtml完整版用、renderhtml非完整版用、renderError生命周期钩子：befo
Shigure_Rain·2024-01-18 23:17

前端学习03实体转义块级元素行级元素W3C语义化标签

HTML实体转义块级元素（相当执行了display：block操作）行级元素（内联元素）（相当执行了display：line操作）块级标签转化为行级标签块级标签转化为行级标签w3c(WorldWideWeb)结构（HTML）、表现（css）、行为（javascript）三部分组成（1）定义语言代码（2）JavaScript定义//脚本代码（3）css定义(4)注释中不用–（5）所有标签和属性的名字
花落墨山河·2024-01-18 18:30

Vue-组件缓存-keep-alive

1.介绍在Vue.js中，组件的复用和缓存是一个重要的优化手段。当我们频繁切换组件时，频繁的销毁和重建会带来一定的性能开销。为了解决这个问题，Vue提供了一个名为keep-alive的抽象组件。下面我们将深入探讨keep-alive的工作原理、使用场景和最佳实践。keep-alive是什么keep-alive是Vue的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-
盖盖衍上·2024-01-18 14:53

前端学习路上的小技巧二

上次总结了一部分解决问题的小方法以及部分常用代码，今天再来补充一些：1.各大浏览器兼容前缀：谷歌/苹果：-webkit；火狐：-moz；IE浏览器：-ms；欧朋浏览器：-o；2.行内及块元素的嵌套顺序：行内可以包行内；块元素可以包行内以及块元素，p标签属于个例，只能嵌套行内元素；3.css权重：*<标签
林芳芳0619·2024-01-18 07:07

vue-预览public(本地)文件下的pdf文件方式

1.把文件放在public文件夹下2.window.open('/xxx.pdf'）注意：（../../public/exam.pdf'),这样写是打不开的，不能写成相对路径。iframe也是，不可以用相对路径，直接：/文件名.pdf就可以。3.注意：1）在vue项目中，读取本地的pdf文件需要放到public下static文件夹中，不能放在别的地方；2）引用时，不能使用相对路径，因为使用publ
coinisi_li·2024-01-18 06:33

前端学习系列之JQuery

目录JQuery介绍定义作用优点安装与使用JQuery包装集对象DOM对象JQuery包装集对象DOM对象转JQuery对象JQuery对象转DOM对象选择器基础选择器id选择器元素名称选择器类选择器选择所有元素组合选择器层次选择器后代选择器子代选择器相邻选择器同辈选择器表单选择器表单选择器⽂本框选择器密码框选择器单选按钮选择器复选框选择器提交按钮选择器图像域选择器重置按钮选择器按钮选择器⽂件域选
lgcgkCQ·2024-01-18 05:29

前端学习系列之JavaScript

目录JavaScript概述优点入门引入1.内部引入2.外部引入调试模式数据类型1.字符串2.数组3.对象4.流程控制if判断while循环for循环forEach循环for…in-------下标5.Map和SetMapSet6.iterator函数定义函数方式一方式二调用函数argumentsrest变量的作用域全局变量规范局部作用域常量方法内部对象DateJSONAJAXBOM对象windo
lgcgkCQ·2024-01-18 05:29

自学前端学习笔记-02CSS基础样式语法

◆CSS三大特性1.继承性2.层叠性3.优先级继承<通配符选择器<标签选择器<类选择器
Informal杨·2024-01-17 21:27

谁说程序员都是秃子?给你个眼神自己体会！

这里还是要推荐下小编的web前端学习裙:6879，58461，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自
秋风_bdfd·2024-01-17 19:55

《费曼学习法》第十九章

回顾前端学习的内容。第一，怀疑和探索。先对观点进行审视，通过审视的观点，要去思考更深处的原理。第二，寻找反证。有争议的地方往往是最有价值的地方。
伊娜·2024-01-17 10:25

react子父组件互相通信传值

react子父组件互相通信传值写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：https://zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563
潜心专研的小张同学·2024-01-17 07:57

前端学习day27：弹性盒模型

1.盒模型的分类①标准盒模型box-sizing:content-box②怪异盒模型box-sizing:border-box③弹性盒模型2.弹性盒模型的定义传统布局基本依靠display、float、position来完成，有些特殊的布局写起来不太方便。CSS3弹性盒（FlexibleBox或flexbox伸缩盒），是css3的一种全新的布局模式，是一种当页面需要适应不同的屏幕大小以及设备类型时
ysccsyysc·2024-01-17 06:19

前端学习路线

前端学习路线大致的路线图：（个人看法）1.笔记管理使用Typora/vscode等工具将笔记存储在本地；破解版：http://www.itmind.net/13398.html使用github/gitee
城南顾北·2024-01-16 19:55

前端学习之旅(五)【stick】

任务学习使用前端中的粘性定位stick代码粘性定位.container{height:2000px;background-color:gray;}.header{height:80px;background-color:skyblue;line-height:80px;text-align:center;font-size:30px;}.item-first{height:50px;backgro
LeopardRich·2024-01-16 16:37

前端学习之旅(六)【定位元素居中】

任务一实现已经设计好的元素在父元素中水平方向填充满。设计好的元素展示：想要实现的效果：代码实现前的代码：定位元素居中/*原本设计好的样式，不能修改*/.container{height:400px;background-color:gray;position:relative;}.inner{background-color:orange;border:10pxsolidblack;padding
LeopardRich·2024-01-16 16:37

前端学习之旅(一)【对齐】

实操作业一任务实现以下效果代码解答B站学习样式一.outer{height:400px;width:400px;background-color:gray;overflow:hidden;}.inner{height:100px;width:200px;background-color:orange;margin:0auto;margin-top:150px;line-height:100px;t
LeopardRich·2024-01-16 16:07

前端学习之旅(二)【float】

学习任务float浮动产生的效果代码浮动小练习.outer{width:500px;border:1pxsolidblack;}.inner{height:100px;width:100px;background-color:skyblue;margin:10px;}123-->456-->789-->abc-->def-->学习方式分别查看每一个outer类的div产生的效果，将其他div注释。
LeopardRich·2024-01-16 16:07

前端学习之旅(四)【float实操】

任务使用float的方式，实现以下效果：代码实现浮动小实践*{margin:0;padding:0;}.horizontal{text-align:center;}.float-left{float:left;}.float-right{float:right;}.float-clear::after{content:"";display:block;clear:both;}.logo{width
LeopardRich·2024-01-16 16:07
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他