- 博客(16)
- 收藏
- 关注
RSS订阅原创 原生H5拖拽功能实现
@dragover="(e) => {dragover(e, rowIndex, colIndex)}"和@drop="dragDrop(rowIndex, colIndex)"2.给项目添加属性draggable="true",同时添加监听事件@dragstart="(e) => dragstart(e, item)"给容器添加属性@dragenter="dragenter(rowIndex, colIndex)"1.拖拽功能的实现需要两大区域的配合：可拖拽物（项目）和可拖拽区间（容器）
2023-11-25 14:47:51
172
原创 vue大文件上传实现监听操作
主要需要使用axios中封装的onUploadProgress函数来监听文件上传的进程，e.loaded会进行实时的刷新进行当前文件上传字节量的获取，e.total为当前文件总字节量，两者相除获取当前上传的具体百分比，配合Math函数使已上传率取整。
2023-10-07 09:40:50
191
1
原创 前端如何防止用户多次点击向后端发送多次请求
方法一：添加防抖，缺点，防抖本质上是通过控制用户连续多次点击，是控制某段时间点，不能实质上解决服务器卡顿，网络不佳的问题。方法二（推荐）：为按钮进行上锁，设置状态值。初始值为true，fa只有服务器返回响应（成功或者失败）
2023-09-14 14:37:10
385
2
原创 npm、cnpm、nrm、nvm
npm install --save -dev (npm install 包名 -D)：安装只用于开发环境，不用于生产环境，会出现在package.json文件的dependenceies中。npm install --save(npm install 包名 -S)：安装的包需要发布到生产环境，会出现再package.json文件的dependenceies中。nrm add regisery url 命令代表添加源包管理器，registry代表源包名，url代表包管理器的下载url地址。
2023-09-14 14:26:41
179
1
原创 动态路由简单四步法
4将dynaticRoutes添加push进routers.options.routes中（因为这里router.options.routes是路由表初始化的路由，所以为了正常的渲染路由，我们必须手动改变这个死数据）大功告成！3.dynaticRoutes遍历，使用router.addRoutes('加入路由表的路由名'，每一条路由数据)，将路由全部添加至路由表中。1.自己维护一份简单的静态路由表staticRoutes。2.获取后端返回的dynaticRoutes。
2023-09-14 14:17:55
64
2
原创 JavaScript语法基础
JavaScript简介JavaScript通常就是我们所说的js，这是一种嵌入到HTML页面中的编程语言，由浏览器一边解释一边执行。解惑1.JavaScript与Java有什么关系？它们两个有点关系。首先JavaScript最初是受Java启发而开始设计的，而且设计的目的之一就是“看上去像Java”，因此语法上它们有不少类似之处，JavaScript的很多名称和命名规则也借自Java。但实际上，JavaScript的主要设计源自self和scheme。JavaScript和Java虽然名字相似
2021-08-08 11:11:20
87
原创 7. css重要概念
这一章，我给大家介绍一下css中几个极其重要的概念。了解以下概念对深入css本质十分重要。包含块BFC和IFC层叠上下文这些东西比较抽象，难以理解。7.1 包含块7.1.1 什么是包含块包含块是视觉格式化模型的一个重要概念，他和css盒子模型类似，也可以将包含块理解为一个矩形盒子，这个矩形的作用是为这个矩形内部的后代元素（子元素、孙元素等）提供一个参考。一个元素的大小和定位往往是由该元素所在的包含块决定的。通常情况下，一个元素的包含块是由离他最近的“块级祖先元素”和“内容边界”决定的。但
2021-08-07 23:51:23
200
原创 6. :first-letter和:first-line
1.6.1 ：first-letter选择器在css中，我们可以使用：first-letter选择器来选中元素内容的“第一个字”或“第一个字母”。语法元素：first-letter{}举例预览效果如图1-6所示。图1-6 ：first-letter选择器：first-line选择器在css中，我们可以使用：first-line选择器来选中元素内容中的“第一行文字”。语法元素：first-line{}举例预览效果如图1-7所示图1-7 ：first-line 选择器..
2021-08-06 13:19:02
377
原创 5.css选择器
css选择器就是把你想要的标签选中的一种方式，把他选中，你才能操作标签的才能操作css样式。css中提供了很多将标签选中的方式，这些不同的方式就是不同的选择器。css入门阶段，了解以下几种选择器即可。元素选择器ID选择器class选择器群组选择器层次选择器这里着重介绍一下层次选择器层次选择器,指的是通过元素之间的层次关系来选择元素。层次选择器在实际开发中相当的重要。常见的层次关系包含父子、后代、兄弟、相邻等关系。在css中，层次选择器共有4种，如表1-4所示|| ||–|--||
2021-08-06 13:03:50
66
原创 4.css引用方式
css引用方式共有3种：外部样式表、内部样式表、行内样式表。其实除了这三种样式，css还有一种@import方式（即“导入样式表”）。@import方式和外部样式表很相似。不过在实际开发中，极少使用@import，更加倾向于使用link方式。这是因为@import方式先加载HTML后加载css，而link方式先加载css后加载HTML。1.4.1 外部样式表外部样式表是最理想的css引用方式，在实际开发中，为了提升网站的性能和可维护性，一般都是使用外部样式表。所谓外部样式表，指的是css代码和H
2021-08-05 14:54:51
106
原创 3.css优先级
3.CSS优先级css全称层叠样式表，很多人只知道css是用来控制样式的，并没有深入理解“层叠”这两个字的含义。“层叠”其实指的是样式的覆盖。当样式的覆盖发生冲突时，以优先级高的为准。当“同一个元素”的“同一个样式属性”被运用上多个属性值时，我们就需要遵循一定的优先级规则来选择一个属性值。对于样式覆盖发生的冲突，常见的有以下5种情况。引用方式冲突继承方式冲突指定样式冲突集成央视和指定样式冲突！important1.3.1 引用方式冲突我们知道css有3种常用的引用方式：外部样式、内部
2021-08-03 23:59:43
366
原创 2.css特性
2.CSS特性css具有两大特性：继承性和层叠性。1.2.1 继承性继承性指的是子元素继承了父元素的某些样式属性。例如在父元素中定义了字体颜色之后，子元素会继承父元素的字体颜色。但是并不是所有属性都具有继承性，如padding、margin、border等就不具有继承性。在css中，具有继承性的属性有3类。文本相关属性：font-family、font-size、font-style、font-weight、font、line-height、text-align、text-indent、word
2021-08-03 19:42:53
535
原创 1.css单位
1.基础知识1.1 css单位 在css中，除了px外，还有很多常用的单位。总体来说，css单位可以分为相对单位与绝对单位两大类。1.1.1 绝对单位绝对单位定义的大小是固定的，使用的是物理度量单位，显示效果不会受到外界元素影响。绝对单位多用于传统平面印刷中，极少用于前端开发。常用的绝对单位如下表所示。表1-1 css绝对单位绝对单位说明cm厘米mm毫米in英寸pt磅，印刷的点数pc1pc=12pt前端开发中不会设计到绝对单位
2021-08-03 18:37:30
211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人