- 博客(26)
- 收藏
- 关注
原创 VUE2创建调用接口页面并引入
其次是在munted()里面调用这个方法(this.costOptimizeBard()),记住引用的方法名和调用的方法名不能重复,就像。首先要找到使用的页面,然后在script中使用import。最近在项目中用到了这个,在API文件里创建调用接口的组件。这样引入,然后需要在methods里面使用这个组件。然后在这里打印一下,就可以看到接口返回的值了。就是这样的,但是要怎么引入到使用的页面呢?这两个不能重复,不然容易报错。
2024-04-29 10:49:34
305
原创 Vue 项目开发常见 bug 整理与解决方案(一)
解决办法:因为 Cascader 下拉进行显示的数据是由后台接口进行提供,在进行默认值显示修改时,将后台返回的数据赋值给 v-model 绑定的数据,进行如此的赋值是能够实现默认值改变显示的,但是在改变榜单类型后,Cascader 的 options 动态的进行了改变,使得 Cascader 的绑定数值在下拉选项中不存在。用 Vue2.0 + Element-UI 框架开发项目过程中,遇到 bug 是常有的事情,这里做一个简单的整理归纳,希望可以帮到遇到类似问题的网友,同时也可以帮自己总结。
2024-04-10 15:06:49
589
原创 Vue3的一些问题清单
在 Vue2.x 中我们可以通过添加全局属性 property。但是在 Vue3.x 中需要将替换为// Vue2.x// Vue3.x。
2024-03-18 16:53:40
544
原创 深度了解Vue2指令
在Vue.js中,指令是一种特殊的带有v-前缀的特性(attribute)。它们允许我们在DOM上添加特殊行为。指令可以被用于管理DOM、响应用户交互以及与外部API进行通信等场景。指令可以通过全局注册或局部注册的方式来使用。除了内置的指令之外,Vue还允许开发者编写自定义指令。通过自定义Vue2指令是Vue.js框架中强大而灵活的特性之一。通过使用内置的指令和自定义指令,我们可以轻松地实现对DOM的控制、数据的绑定和交互效果的展示。掌握这些指令的使用方法,能够帮助我们更高效地构建复杂的前端应用程序。
2024-02-23 16:23:09
527
1
原创 深入理解 React 路由:构建单页面应用的完整导航体系
React 路由是一种管理页面 URL 和 UI 状态的方式。它允许你构建具有多个视图的单页面应用,同时保持 URL 与当前显示内容的同步。React 路由是构建单页面应用不可或缺的一部分,它提供了强大的导航和页面管理能力。通过合理地使用路由,可以构建出具有良好体验的 Web 应用。本文介绍了 React 路由的基本使用方法,并举例了嵌套路由、动态路由和重定向等常见应用场景。
2024-01-16 17:15:45
564
原创 使用React构建Todolist
在本博文中,我们将深入讨论如何使用React创建一个功能丰富的任务清单应用。我们将介绍添加任务、标记任务完成、根据完成状态筛选任务、编辑和删除任务等功能的实现细节。
2024-01-08 19:53:43
476
1
原创 使用Webpack构建项目脚手架
Webpack是一个强大的工具,用于构建现代化的Web应用程序。创建一个基于Webpack的项目脚手架需要一些步骤和配置。
2023-12-23 15:55:31
231
1
原创 Webpack 代码格式规范与语法检测工具
通过以上配置,我们可以在 Webpack 中轻松地实现代码格式规范和语法检测,从而保证项目代码的质量和一致性。这些工具的结合使用可以帮助我们更好地管理和维护前端项目,提高开发效率,减少潜在的问题。希望本文对你有所帮助,祝你在使用 Webpack 时顺利实现代码规范和质量管理。
2023-12-21 20:50:02
191
原创 Webpack:前端构建利器完全指南,超超超详细!!!!
Webpack作为前端开发中不可或缺的工具,为项目提供了模块化、优化和打包功能。本篇博客将带您深入了解Webpack的安装与使用、配置、优化以及常见场景下的应用。
2023-12-21 20:10:41
456
原创 NodeJS实现jwt鉴权、文件上传、分页、性能监控和优化
以上的一些类型都是建立在字符数据基础上的,还有一些数据不仅仅只包含字符,还会有其它类型的,比如二进制数据等。无论基于什么客户端环境(如:浏览器、postman、迅雷、或是其它),最基本的也是最重要的就是客户端与服务端之前所使用的。除了我们通常提交的文本字符类型的数据,许多时候在应用中还会提交一些其他格式类型的数据,比如:图片、音频、视频等等。中设置的值,只是告知对方数据的类型,但并不表示数据一定是这个格式的。比如:你的数据是通过。的请求的时候(比如:登录请求) ,服务端可以在返回响应的时候通过。
2023-12-16 16:26:20
276
1
原创 学生管理系统,超详细,女朋友看了都流泪
数据驱动视图是指通过数据来驱动页面的显示和行为,使得页面的展示和交互元素可以根据数据的变化而自动更新。这种开发模式通常使用前端框架或库来实现,例如Vue.js、React等。简单来说,其实就是通过操作原始数据来进行显示更新页面,通过更改原始数据重新渲染页面。而并非使用dom操作。
2023-12-06 20:05:37
115
1
原创 ES6常用语法和方法总结
js数据类型除了string,number,boolean,undefined,null,object,第七种为symbol,他的作用就是防止定义变量时出现重复的定义导致覆盖的一些问题,这个我知道有这个,但从没用过。三个方法都是遍历数组,都可以用for...of...唯一的区别是keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历。set方法用来拦截某个属性的赋值操作,可以接受四个参数,依次为目标对象、属性名、属性值和 Proxy 实例本身,其中最后一个参数可选。
2023-12-02 15:34:19
40
1
原创 从小白到高手,你需要理解同步与异步
在这篇文章中我们从各种场景分析了同步与异步这两个概念,但是不管在什么场景下,同步往往意味着双方要相互等待、相互依赖,而异步意味着双方相互独立、各行其是。希望本篇能对大家理解这两个重要的概念有所帮助。
2023-11-18 15:49:07
67
1
原创 继承与原型链
当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。对于使用过基于类的语言(如 Java 或 C++)的开发者来说,JavaScript 实在是有些令人困惑——JavaScript 是动态的且没有静态类型。然而,由于类被设计为对底层原型机制的抽象,我们将在本教程中使用更轻量级的构造函数语法,以充分展示原型的工作原理。这是不够好的,因为每一个实例都有自己的,做相同事情的函数属性,这是冗余且不必要的。
2023-11-03 17:03:17
50
原创 20 个有用的 SVG 工具,提供更好的图像处理
使用 SVG 的 viewBox 和 preserveAspectRatio,也就是下图所示的粉色线和橙色线,以及旁边的标尺,你可以在折腾的过程中学习到 SVG 坐标是如何工作的。如果你使用 Photoshop 作为你作品的图片编辑器,有时候你可以需要在 Photoshop 的 workspace 里边转换你的设计成 SVG, 在 Photoshop 中有一个不支持的格式。上传你的图片,按比例缩小或改变间隔,旋转和重新着色,直到你得到一个漂亮的图案。你可以设置宽松效果,过度动画的持续时间,以及旋转的方向。
2023-10-30 20:15:40
1502
1
原创 HTML + JS+CSS实现瀑布流式布局(包含懒加载)
首先我们需要平铺第一行,这里我们铺了六张图片,然后就该铺第二行了,那这个待插入的图片应该放在哪个位置呢,我们可以得到每一列的高度,也就是每一列的数据块的高度加起来,得到六个高度的数值,我们算出哪一列高度最小就把待插入的图片插入到那一列的正下方,利用绝对定位定位过去(因为是绝对定位,所以top是距离页面顶部高度),left就是第几列乘以数据块宽度就可以了,如下图,待插入图片应该插入到这里。然后之前的“waterfall”函数里面的代码实现了页面缩小图片的列数也会相应的改变哦~铺垫了这么多,重点来了!
2023-10-28 11:02:23
1001
原创 js中的全局预编译
预编译分为全局预编译和函数预编译:全局预编译发生在页面加载完成时执行,而函数预编译发生在函数执行的前一刻。所以我们可以知道,此时x的值为1,y的值为4,z的值为4。故而我们的GO对象变成了。1.创建一个GO对象。结果在代码块的注释里。
2023-10-24 09:00:35
51
1
原创 js预解析详解
var b=10;a()看完是不是觉得预解析其实很简单呢?当然我一时之间写不出复杂的代码,我们找一点笔试题更深入一下好吧 找了比较长的时间,找不到适合的题目,大多都是配合闭包 this 原型,比较复杂,还是小伙伴们多多练一下基础的,可以借鉴我的记忆方法,预解析其实很简单。
2023-10-21 09:55:12
54
1
原创 Hoisting(变量提升)
例如,从概念的字面意义上说,“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面,但这么说并不准确。实际上变量和函数声明在代码里的位置是不会动的,而是在编译阶段被放入内存中。不过,需要注意的是,开始时,这个概念可能比较难理解,甚至恼人。变量提升(Hoisting)被认为是,Javascript 中执行上下文(特别是创建和执行阶段)工作方式的一种认识。JavaScript 在执行任何代码段之前,将函数声明放入内存中的优点之一是,你可以在声明一个函数之前使用该函数。
2023-10-09 10:24:40
42
1
原创 什么是正则表达式,怎么写,使用场景等都在这里了
b. search 搜索是否有,如果有则返回下标,类似于indexOf方法。/^1[3-9]\d{9}$/ 这是手机的正则规则,相当于是要学的全部。c. match 匹配 搜索是否有,如果有则返回到一个数组中。规则表达式(regular expression)a. replace 替换。
2023-09-18 16:26:27
144
原创 JavaScript基础知识整理
JavaScript一种直译式脚本语言,一种基于对象和事件驱动并具有安全性的客户端脚本语言;也是一种广泛应用客户端web开发的脚本语言。简单地说,JavaScript是一种运行在浏览器中的解释型的编程语言。基于已有对象扩充其属性和方法工厂方式构造函数方式原型(“prototype”)方式动态原型方式函数定义语句函数直接量表达式Function构造函数。
2023-09-02 10:10:03
178
原创 HTML发展史
HTML不是一种编程语言,而是一种标记语言,它提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。(3) IETF:因特网工程任务组,负责开发Internet协议,HTML5定义的新API锁依赖的WebSocket协议,正式由它负责开发。2004年,WHATWG小组成立,由各大浏览器开发商组成,重拾HTML 4规格,开发 HTML 5规格。1999年12月,HTML 4.01 以 XML 语法重新构建,较为严格,W3C推荐标准。
2023-08-18 16:44:47
427
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人