vue-前端学习

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

2021-09-27

前端虽然相对后端和其他开发相对简单，但是一个月的前端学习应该只是到达一个简单页面的书写的程度。
小闲闲974x·2024-01-13 11:57

web前端 html+css+javascript游戏网页设计实例 (网页制作课作业)

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

系统性学习vue-组件及脚手架

书接上文Vue组件及脚手架初始化脚手架说明步骤分析脚手架结构render函数修改默认配置ref属性props配置mixin混入/混合定义混合局部混合全局混合插件scoped样式安装less-loader浏览器的本地存储webStoragelocalStroage本地存储sessionStorage会话存储组件自定义事件绑定解绑组件绑定原生事件全局事件总线GlobalEventBus安装绑定事件接收
aqiu~·2024-01-13 10:50

Vue-插槽（Slots）

1.介绍在Vue.js中，插槽是一种强大的功能，它允许你创建可重用的模板，并在使用该模板的多个地方插入自定义内容。插槽为你提供了一种方式，可以在父组件中定义一些“插槽”，然后在子组件中使用这些插槽，插入自己的内容。2.插槽的分类2.1默认插槽（DefaultSlots）这是最常见的插槽类型。如果你在一个组件模板中定义一个slot素，那么这个元素将被视为默认插槽的内容。使用场景：只需要传入一个结构案
盖盖衍上·2024-01-13 08:57

Vue-根据角色获取菜单动态添加路由

文章目录前提提要需求分析具体实现配置静态路由路由权限判断登录添加动态路由修复刷新路由丢失问题结语如果大家写过后台管理系统的项目，那么动态路由一定是绕不开的，如果想偷懒的话，就把所有路由一开始都配置好，然后只根据后端返回的菜单列表渲染就好菜单就好了，但是这样的隐患就是我在地址栏输入的地址的时候，也会进入这个页面，不偷懒的方法就是本文要介绍的，真动态路由了，当然不会仅仅只是介绍使用数据怎么换成动态路由
劫辞·2024-01-13 01:42

前端学习笔记 5：大事件

前端学习笔记5：大事件本文将学习一个示例项目（大事件）的前端搭建过程。1.准备工作1.1.创建工程创建一个名称为big-event的Vue3项目，具体可以参考这篇文章。
魔芋红茶·2024-01-11 23:57

前端学习笔记 6：Pinia

前端学习笔记6：PiniaPinia是Vue的一个官方库，用于状态管理。1.安装首先创建一个Vue3项目，具体方式可以参考这里。
魔芋红茶·2024-01-11 23:26

vue-在table组件的render中添加事件

exportdefault{data(){columns:[{title:'操作',align:'center',dataIndex:'action',customRender:(text,record,index)=>{constdelete=()=>{this.handleDel(record.id);//调用method里面的方法}letcontent=();constobj={childr
Vivian_0430·2024-01-11 23:44

【前端学习笔记3——选不中按钮、全局变量、表格不显示、查看变量值】

前端学习笔记三，覆盖button选不中，可能是被别的元件覆盖了，用开发者工具选择元件，可以在样式里添加z-index或者用position把相对定位变为绝对定位。.
weixin_47227105·2024-01-11 17:06

暑期字节青训营前端学习笔记——简略

文章目录前端与HTML什么是前端？前端应该关注那些方面？注意HTML标签的语义化web开发的基本情况关于前端的开发：起源、架构、变迁前端应用的领域前端应用领域---浏览器前端应用领域---服务器前端应用领域---终端和跨端语言、框架、工具浏览器、网络、服务器Web标准标准组织：HTTP协议初识HTTP协议什么是HTTP协议协议分析报文methodWeb安全攻击防御对于XSS攻击：CSRF的防御Ty
放荡不羁的小雨鸽·2024-01-11 05:33

vue-键盘事件

键盘事件1.Vue中常用的按键别名：回车=>enter删除=>delete(捕获“删除”和“退格”键)退出=>esc空格=>space换行=>tab(特殊，必须配合keydown去使用)上=>up下=>down左=>left右=>right2.Vue未提供别名的按键，可以使用按键原始的key值（名称）去绑定，但注意要驼峰要转为kebab-case（短横线命名）3.系统修饰键（用法特殊）：ctrl、
坏萝卜·2024-01-10 21:58

vue-父子组件生命周期的执行顺序

问题：为啥父子组件生命周期的执行顺序是这样的？答案：父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted解释:在Vue中，父子组件的生命周期顺序是有规律的，原因如下：beforeCreate：父组件的beforeCreate钩子首先被触发。在这个时候，Vue实
じòぴé南冸じょうげん·2024-01-10 14:53

前端学习专栏

前端专栏订阅会员HTML教程HTML教程CSS教程CSS教程JavaScript教程JavaScript教程TypeScript教程TypeScript教程ES6ES6Node.jsNode.jsnpm包管理工具npm包管理工具Yarn包管理工具Yarn包管理工具Webpack前端打包工具Webpack前端打包工具BabelBabelCSS预处理器SassCSS预处理器SassCSS预处理器Les
weixin_51551879·2024-01-09 22:34

前端国际化之痛点(一)：让人头疼的词条Key

以Vue-i18n为例，大体如下：Vue-
stonefisher·2024-01-09 19:05

关于我的家乡html网页设计完整版 以家乡为主题的网页设计与实现

可以替换文字图片满足不同的CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线网页基本结构网页演示网站源码
二挡起步·2024-01-09 12:36

Vue-依赖注入（provide-inject）

文章目录provide-inject的作用如何使用provide-inject如何实现响应式方法一、父级组件为子级组件提供的数据为对象方法二、传递一个参数用方法返回provide-inject的作用通常情况下，父组件向孙组件传递数据，可以采用父子props层层传递，也可以使用bus和Vuex直接交互。在Vue2.2.0之后，Vue还提供了provide/inject选项这对选项允许一个祖先组件向其
H5_ljy·2024-01-09 09:07

Vue-父组件向子组件传递数据的约束

一。子组件接收的content必须是Number属性二。子组件接收的content必须是Number或String属性Props特性，映射，父组件传，子组件接。下面是非Props特性，实际生产中很少用
丁先生_b64b·2024-01-09 07:01

【融职培训】Web前端学习 第3章 JavaScript基础教程4 条件语句

一、概述语句执行流程有三种：顺序执行、条件执行、循环执行。条件语句表示的就是按照条件判断执行哪些代码（或不执行哪些代码）。例如：我们登录一个软件，输入用户名和密码的时候，输入正确则登录成功，输入错误，会弹出相关提示，这就是一个典型的分支语句（在实际开发中，这个功能或设计多个分支语句）。二、if语句if语句是最基本的条件控制语句，它让JavaScript程序可以选择执行顺序，我们可以通过一个布尔值来
lmonkey_01·2024-01-07 23:41

前端学习网址

https://blog.csdn.net/qq_42915988/article/details/81532921react介绍https://www.bilibili.com/video/BV15Q4y1K79c前端权限的控制和意义https://blog.csdn.net/bentou_/article/details/105400022token设置https://www.cnblogs.
简简单单_aed2·2024-01-06 03:00

什么是Vue-响应式数据

Vue的响应式数据是指当数据发生变化时，相关的视图会自动更新。在Vue中，我们可以通过data选项来定义响应式的数据。当创建Vue实例时，Vue会遍历data选项中的所有属性，将它们转换成getter/setter，这样当属性被访问或者修改时，Vue能够监听到变化并进行响应。这也被称为依赖追踪。当某个响应式数据被修改时，所有依赖于该数据的地方都会被通知到，从而更新相应的视图。通过使用Vue的响应式
&ACE&·2024-01-06 00:22

温故js系列（11）-BOM

前端学习：教程&开发模块化/规范化/工程化/优化&工具/调试&值得关注的博客/Git&面试-前端资源汇总欢迎提issues斧正：BOMJavaScript-BOMBOM是browserobjectmodel
生产的驴·2024-01-05 23:38

vue-打包

打包的作用说明：vue脚手架只是开发过程中，协助开发的工具，当真正开发完了=>脚手架不参与上线打包的作用：1）将多个文件压缩合并成一个文件2）语法降级3）lesssassts语法解析打包后，可以生成，浏览器能够直接运行的网页=>就是需要上线的源码打包的命令和配置说明：vue脚手架工具已经提供了打包命令，直接使用即可命令：yarnbuild结果：在项目的根目录会自动创建一个文件夹'dist'，dis
小沐°·2024-01-05 21:17

Vue-报错No “exports“ main defined in xx

vue报错：No"exports"maindefinedinF:\wjh\vue#Practice\EasyQuestionnaire-web-master\EasyQuestionnaire-web-master\node_modules\@babel\helper-compilation-targets\package.json1.在文件中找到该路径的package.json文件，2.按照提示
@年年·2024-01-05 13:36
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他