- 博客(26)
- 收藏
- 关注
RSS订阅原创 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关注的人