vue-前端学习

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

前端学习之旅(三)【解决float】

其他问题，大家可以参考上一篇文章：前端学习之旅(二)解决方法方法一：直接给父元素增加height属性方法分析：能解决问题一（父元素的高度塌陷问题）和问题二（父元
LeopardRich·2024-01-16 16:35

前端学习路径

菜鸟感觉很多人不太知道菜鸟写的博客是一个可以跟着学习、一起深入理解的过程，其中包括了菜鸟从刚开始学习到后面重新学习，再到后面进入学框架等一系列学习过程、知识和感悟，所以菜鸟把自己的博客整理成一个目录提取出来，好让读者跟着进度一起学习，这些文章早就写了，所以有不足的地方还望读者指出，菜鸟来更改！这里菜鸟会把建议一起学习的进行标注，这种建议一起学习的是因为没有对应的学习资料，是菜鸟总结的，还有部分可能
PBitW·2024-01-16 13:33

3、Vue-组合式-条件语法

一、基础语法v-ifv-elsev-else-ifv-showv-if和v-show的区别v-if可以实现更多条件判定，而v-show只能实现真假判定v-show会加载组件，只是不显示出来；v-if则不会加载组件。所以v-show有较高的初始渲染开销，v-if则会有比较高的使用加载时开销二、v-if使用下述代码替换app.vue中的代码constflag=3flag=1的时候才会打印flag=2的
许忠慧·2024-01-16 12:11

vue-跨域

以axios请求为例来说一下跨域的配置：1、安装axios:$npminstallaxios--save2、在项目中找到config>index>proxyTable，将下面的代码替换到proxyTable；'/api'是自己定义，也就相当于用/api替换target中的地址proxyTable:{'/api':{target:'http://www.baidu.com',//请换成自己的请求地址
苏码码·2024-01-15 23:37

【wow-ts】前端学习笔记Typescript基础语法（一）

项目地址是https://github.com/datawhalechina/wow-ts。我选择的是ts前端课程Typescript笔记TypeScript入门介绍基础数据类型TypeScript基础数据结构TypeScript变量声明变量作用域TypeScript入门介绍第一次接触ts，先去了解了下ts的内容，复制内容如下TypeScript是JavaScript的一个超集，支持ECMAScr
miskirito·2024-01-15 22:40

Vue-路由-配置

1.VueRouter的使用(5+2)参考官网5个基础步骤(固定)下载VueRouter模块到当前工程，这里指定版本：[email protected]引入vue-routerimportVueRouterfrom'vue-router'安装注册Vue.use(VueRouter)//VueRouter插件初始化创建路由对象//两种方式:二选一//创建了一个路由对象(不包含路
盖盖衍上·2024-01-15 09:00

Vue-路由-常见设置

1.重定向1.1介绍在Vue应用中，路由管理是至关重要的。当用户访问某个URL时，我们需要确保他们看到正确的页面。有时候，出于各种原因，我们可能需要将用户从一个URL重定向到另一个URL。在VueRouter中，重定向功能非常实用，可以帮助我们轻松实现这一需求。VueRouter允许我们在路由配置中使用重定向来改变用户的导航路径。这可以通过两种方式实现：全局重定向和组件内的局部重定向。全局重定向：
盖盖衍上·2024-01-15 09:00

Vue-路由-编程式导航

1.path路径跳转传参1.1query传参方式一：//不传参this.$router.push('路由路径')//如：//this.$router.push('/search')//传参this.$router.push('/路径?参数名1=参数值1&参数2=参数值2')方式二：//不传参this.$router.push({path:'路由路径'})//如：//this.$router.pus
盖盖衍上·2024-01-15 09:00

Vue-路由-声明式导航

1.导航链接vue-router提供了一个全局组件router-link(取代a标签)能跳转，配置to属性指定路径(必须)。本质还是a标签，to无需#能高亮，默认就会提供高亮类名，可以直接设置高亮样式如：发现音乐我的音乐朋友2.高亮的两个类名我们发现router-link自动给当前导航添加了两个高亮类名router-link-active：模糊匹配(用的多)to=“/my”可以匹配/my/my/a
盖盖衍上·2024-01-15 09:27

一些前端学习过程的自测练习题

目录页面设计部分1设计一个简单的学院网站首页；2.按照图示要求完成简单的登录页面3.完成如下网站设计4.完成如下网站设计（练习页面布局）5利用下面素材，设计一个满足H5规范的网页（移动端页面练习）：Javascrip部分1写一个表单，包含姓名，学号，邮箱，手机号；提交时，做客户端验证（javascript）；2DoM练习：动态添加新元素3.4做一下如下的轮换图效果；5用myFocus库，重做上面的
程序猿online·2024-01-15 02:19

[Vue.js] 捕捉用户键盘输入事件

Vue-我的学习varvm=newVue({el:"#app",methods:{logSpace:function(){console.log("捕捉到用户输入SPACE!");}}})
大写K·2024-01-15 00:31

vue-入门篇

1.目标了解什么是VUE2.vue基础2.1概述官网：https://cn.vuejs.org/Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用，所有的显示都在一个页面当
我是菜鸟ddd·2024-01-14 13:47

html常用标签大全

我的学习交流群web前端学习交流群字体标签，用于展示效果中修饰文字样式文字size:控制字体大小.最小1~最大7。
八重樱勿忘·2024-01-13 21:21
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他