web前端
关注
分享
扫一扫
文章平均质量分 58
web前端的各种知识，如css、js、html以及前端框架的一些知识
vxstar
这个作者很懒，什么都没留下…
展开
-
js中const、let、var三种定义方式的区别
var定义的变量存在变量提升操作，既可以先使用后定义，无论在何处定义，var定义的变量在各处都可以使用，而const和let定义的变量是块级变量，尽在其定义的块范围内可以使用。const定义的变量在声明时必须初始化赋值，且无法再次进行赋值操作，这导致使用const定义的如字符串、数字等简单变量无法改变，类似于常量，但其并不是常量，仅仅是const直接指向变量的地址，其指向的地址是无法改变的，而变量的赋值操作会改变量所指向的地址，所以用const定义的简单变量是无法改变的。而用const定义的复杂变量，如原创 2021-05-06 10:35:37 · 341 阅读 · 0 评论 -
css-笔记（控制文本溢出时以省略号结尾）
1、控制文本溢出时如何显示text-overfl：clip | ellipsis clip：简单的裁剪文本 ellipsis：当对象内文本溢出时以省略号显示（text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示 （white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效...原创 2021-04-15 11:08:17 · 130 阅读 · 0 评论 -
js-实现文件和图片上传
1、使用file类型的input标签获得文件web前端的文件读取操作一般都是通过<input type="file"/>获取文件。input标签常用的关于文件读取的属性multiple指定可以一次（注意是一次性可以多选）选择多个文件。用户可以用他们选择的平台允许的任何方式从文件选择器中选择多个文件（如，按住ShiftorControl，然后单击）。如果您只想让用户为每个<input>选择一个文件，那么省略multiple属性。例如：<input m...原创 2021-03-30 15:26:56 · 1271 阅读 · 0 评论 -
vue的插槽、具名插槽、作用域插槽
插槽的作用和使用方法（1）基本使用我们定义一个组件，并使用它。组件定义使用定义的组件运行发现在使用组件时在组件内添加的内容无法渲染上去，插槽的作用就是来处理这种情况的。在自定义组件中加入<slot>元素占位再次运行，发现使用该组件时定义在组件标签下的内容可以渲染出来，（2）为插槽设置默认内容插槽还可以设置默认内容，定义组件时在<slot>标签下添加内容，如果使用该组件时没有为这个插槽提供了内容，会显示默认的内容。如果为这个插槽提供.原创 2021-03-26 15:07:15 · 290 阅读 · 0 评论 -
使用穿透符设置element-ui组件等第三方组件的内部样式
当<style>的标签属性为scoped时，标签里面的css样式只能作用于当前组件内的标签。其组件中的所有 DOM 添加了一个独一无二的动态属性，然后给 CSS 选择器额外添加一个对应的属性选择器来选择该组件中 DOM，这种做法使得样式只作用于含有该属性的 DOM——组件内部 DOM。当我们想要修改第三方的组件，如Element-ui组件的内部样式时有两种方法。（1）可以在组件中同时使用全局样式和内部样式，可以通过在全局样式中对组件的样式进行设置，但这可能会导致组件之间的样.原创 2021-03-23 17:19:49 · 412 阅读 · 0 评论 -
用css3的animation写一个动画的平滑翻页页面（基于vue）
先看效果图，鼠标滚动和点击下面的圆形按钮都可以以平滑的方式切换页面这是整个组件的代码，转换链接和图片啥的自己改改就行，可以直接使用<template> <div class="main"> <div class="items" :style="{ width: 75 * num + 'vw' }"> <div v-for="n in num" :key="n"> <div v-for="m in.原创 2021-03-19 16:50:04 · 849 阅读 · 0 评论 -
vue生命周期
1、一个vue实列何时初始化以及销毁一个单独组件的页面，在进入页面时会初始化这个页面对应的vue实例以及该页面中调用的所有组件对应的实例，跳转到其他页面时会对所有组件进行销毁操作原创 2021-03-19 10:11:27 · 174 阅读 · 0 评论 -
a标签点击无响应
1、如下代码<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css"> div{ display: inline-block; width: 200px; height: 200px; position: absolute; border: #000000 2px solid;原创 2021-03-16 11:20:11 · 738 阅读 · 0 评论 -
基线、行高相关概念的理解、行内元素的对齐问题、vertical-align的使用
行内元素的几个属性：中线、基线、行高原创 2021-03-12 17:29:12 · 496 阅读 · 0 评论 -
使用vue框架，引入element-ui后运行，页面空白情况
情况创建项目后，用npm安装element-ui，然后在main.js中进行引用后，你npm run serve运行，未报错，但页面一片空白。删去main.js中关于element-ui引入的代码后，恢复正常修改前的的main.js修改后的main.js原因element-ui引用的是Vue对象，但是在vue3.0中已经没有了vue对象，所以这种引用方式是不能使用的，最新的引用方式，element-ui尚未更新，从而出现这种问题。解决方法创建项目时选择vue的版本时选择2原创 2021-03-11 11:21:00 · 10583 阅读 · 5 评论 -
vue脚手架搭建项目
一、前置条件1、安装node.js，可以在官网直接安装，安装成功后，打开dos窗口，输入node -v查看node.js的版本号，检验是否已经安装成功。2、安装vue-cli脚手架，在dos窗口输入vue -V检查版本号检验是否已经安装，若是已经安装可以在dos窗口使用命令卸载 卸载命令：npm uninstall vue-cli -g 脚手架的安装分为全局安装和局部安装，全局安装是将其安装在一个全局环境下，全局安装后，全局安装后可以供命令行(command line)...原创 2021-03-10 14:48:42 · 702 阅读 · 0 评论