- 博客(25)
- 收藏
- 关注
RSS订阅原创 后台管理系统和前台页面的关联
该后台主要是管理前台页面的各个部分，前台的新闻资讯则是通过后台来控制位置来现显示在不同地方，登录则是用到了token鉴权，唤起登录接口，会有一个token返回来做这个权限的控制，后台也是增加了不少的角色来控制，以及发布文章的身份，前台banner图的显示位置，后台角色的身份也分布的十分明确明确，前台则是展示后台的数据，例如新闻和资讯等等。收获了项目中问题的解决办法，以及框架的使用，因为框架的很多组件和你的项目并不是很贴切，所以，懂得修改这个组件并应用到你的项目才是重重之重，以及多人开发的项目的冲突，
2024-03-17 22:14:48
810
原创 深入理解 Vue2 指令
在 Vue2 中，指令是一种特殊的属性，用于在模板中动态地改变 DOM 元素的行为。Vue2 提供了许多内置指令，使得我们可以更加方便地对 DOM 进行操作。在这篇博客中，我们将深入了解 Vue2 中的一些常用指令。v-bind指令用于动态地绑定属性值。通过使用v-bind，我们可以将组件中的数据绑定到 DOM 元素的属性上。例如，如果我们有一个名为myData的属性，那么可以使用v-bind指令将其绑定到一个元素的class属性上，如下所示：v-bind用来响应的更新html属。
2024-02-23 15:34:55
838
原创 Javascript类型转换方法总结
给对象定义新属性、修改现有属性// obj 表示要操作的对象， "name"表示要操作的对象属性enumerable: false, // 是否可枚举，设置为 false，则 name 不能通过 for...in 遍历到configurable: false, // 是否可被删除，设置为false，则 name 无法通过 delete运算符删除writable: false, // 是否可写，设置为 false ，则属性不能被重新赋值或修改value: "dary", // 被设置的属性值。
2024-01-21 19:43:07
867
1
原创 react的自我介绍
useState是一个Hook函数，让你在函数组件中拥有state变量。它接收一个初始化的state，返回一个数组，数组里有两个元素，第一个元素是当前状态值和另一个更新该值的方法。特点：名字一定是以 use 开头的函数，这样 React 才能够知道这个函数是一个 Hook。函数内部一定调用了其它的 Hooks，可以是内置的 Hooks，也可以是其它自定义 Hooks。这样才能够让组件刷新，或者去产生副作用。这里的hooks就是监听浏览器宽度变化的自定义hooks。
2024-01-06 15:30:50
864
原创 Typescript入门
按照TS官网的介绍，ts是一门javaScript的超集。所谓超集意思就是，js有的东西，我ts有，js没有的，我ts还有，那到底ts提供给了我们哪些额外的东西了呢，先让我们看下js这门语言的简单描述，然后一切就明白了。
2024-01-02 20:09:44
1458
原创 从零开始搭建前端开发环境：一个完整指南
到目前为止，一些常见的优化构建速度和优化构建结果，完整代码将上传至gitee。当然这还远远不够，还有很多细节没有做到位，比如oneOf、eslint部分、babel的辅助代码、图片压缩、Commitlint和Commitizen，引入Less、Sass（Scss）和Stylus等等…
2023-12-24 22:23:48
2142
1
原创 webpack超详细，超规范，超炫酷
通过上述内容，你可以更全面地了解到 Webpack 在实际项目中的应用。它可以帮助你完成快速搭建本地开发环境、优化生产环境构建等任务、以及上面提到的注意点。希望这些信息能够帮助到你，提高项目的开发效率和性能。
2023-12-23 10:50:31
1567
1
原创 Node.js 中的token和鉴权
在计算机安全领域，Token 是一种用于代表用户身份、访问权限或者认证状态的凭证。Token 在Web开发中通常指的是用于表示用户身份和授权信息的字符串，用于实现用户认证和授权操作。
2023-12-16 16:07:51
403
1
原创 nodejs 上传图片超详细，超实用
当使用Node.js上传图片时，可以按照以下步骤进行操作。首先，确保已经安装了Node.js，并创建一个新的项目文件夹。
2023-12-16 15:53:20
923
1
原创 学生管理系统---数据驱动版
数据驱动视图是指通过数据来驱动页面的显示和行为，使得页面的展示和交互元素可以根据数据的变化而自动更新。这种开发模式通常使用前端框架或库来实现，例如Vue.js、React等。简单来说，其实就是通过操作原始数据来进行显示更新页面，通过更改原始数据重新渲染页面。而并非使用dom操作。
2023-12-05 20:23:18
71
1
原创 炫酷的js十大排序算法（下）
3、第三个元素与前两个元素进行比较，从后向前比，先与第二个元素比，如果比第二个元素小，再与第一个元素比，比第一个元素小，就放在第一个元素的位置，第一个元素和第二个元素向后移一个位置；如果第三个元素不比第二个元素小，不交换位置，这趟的排序以固定，也就是前三个元素的大小顺序已经排好。桶排序（Bucket Sort）是一种线性排序算法，它利用了函数的映射关系，将要排序的数据分到有限数量的桶子里，每个桶子再分别排序。2、如果第二个元素比第一个元素小，那就交换二者位置，否则不交换，前两个元素的顺序已经固定。
2023-11-18 15:50:20
326
1
原创 炫酷的js十大排序算法（上）
快速排序算法是一种基于分治思想的排序算法，其核心思路在于通过选取一个基准值，将待排序数组划分为左右两个子序列，其中左侧序列所有元素均小于基准值，右侧序列所有元素均大于基准值。遍历完成时，最大元素会被交换至数组最右边。把长度为n的arr分成两个长度为n/2的子序列，一直划分到最小个数之后，两两比较，合并成长度为2的小序列，然后再小序列间比较，一直重复合并成最终的arr。2、再次分组，分成k/2组，每个组有 arr.length/k/2 个元素，再次将组内元素按升序进行排序，排序好在并成大arr。
2023-11-18 15:28:38
140
1
原创 js的继承的六种方法，超全，超详解
许多面向对象语言都支持两种继承的方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。在 JavaScript 中由于函数没有签名也就无法实现接口继承，而只支持实现继承，而且实现继承主要通过原型链来实现的。
2023-11-02 20:05:06
1055
原创 实现图片懒加载和图片瀑布流的前端技巧
在现代网页设计中，优化图像加载以提高性能是至关重要的。同时，图片瀑布流布局也已经成为许多网站的设计趋势之一。本文将介绍如何使用HTML、CSS和JavaScript实现图片懒加载和图片瀑布流图片懒加载是一种技术，它延迟加载页面上的图像，直到它们进入用户的视野范围。这有助于减少初始页面加载时间和带宽消耗。
2023-10-25 18:38:44
706
1
原创 JavaScript历史遗留问题：挑战与解决
JavaScript的历史遗留问题可能会导致开发中的挑战，但有了正确的知识和技术，这些问题都可以得到解决。随着语言的不断发展和新标准的推出，许多历史问题已经被修复或减轻。开发人员可以通过学习最新的JavaScript标准和最佳实践来更好地应对历史遗留问题。在今天的JavaScript中，许多新的特性和工具都可以帮助我们更轻松地处理历史遗留问题，同时提高代码的可维护性和可读性。
2023-10-17 09:20:43
160
2
原创 探索HTML5的无限可能性
HTML5是一种开放标准的超文本标记语言，它为我们带来了无限的创作和交互体验。在今天的博客中，我们将深入探讨HTML5的一些主要功能和优势。
2023-10-14 23:34:41
152
1
原创 JS 反引号``（模板字符串）非常详细，进来不亏
模板字符串是 JavaScript ES6 引入的一个新特性，使用反引号 `（反引号）来创建，也称为模板字面量。模板字面量是一种可以包含嵌入式表达式的字符串字面量。下面将详细介绍模板字符串的各个方面。
2023-10-01 18:10:43
2487
原创 css实现js效果，超详细，非常实用
CSS和JavaScript是两种不同的前端技术，各有其作用和用途。CSS主要用于样式设计和页面布局，而JavaScript则用于实现页面的交互功能和动态效果。虽然CSS和JavaScript的功能不同，但有时候我们可以通过一些技巧使用CSS来模拟一些JavaScript功能，从而达到简化页面代码和提高加载速度的目的。下面就介绍几种使用CSS实现JS功能的常见技巧。
2023-09-24 22:40:28
609
1
原创 深入理解JavaScript垃圾回收机制
在JavaScript中，管理内存的任务对许多开发者来说是一个挑战。本文的目标是帮助你理解JavaScript的垃圾回收机制，并提供一些优化策略。让我们开始吧。
2023-09-16 17:07:31
59
1
原创 JS精度缺失问题
在JavaScript中，我们经常会遇到与浮点数精度相关的问题。由于计算机内部表示浮点数的方式，我们有时会遭遇精度缺失的问题。这篇文档将深入探讨这个问题
2023-09-16 16:38:35
155
1
原创 贝塞尔曲线详解和矩阵matrix
通过调整控制点的位置，可以改变曲线的形状，使其更贴近所需的曲线路径。例如，它可以用于绘制平滑的曲线线条、创建复杂的形状、实现动画效果等。函数是一个基于2x3矩阵的变换函数，通过传入6个参数来实现元素的平移、旋转、缩放和倾斜等效果。贝塞尔曲线有几种不同的类型，包括二次贝塞尔曲线、三次贝塞尔曲线和更高次的贝塞尔曲线。通过调整控制点的位置，可以改变曲线的形状，使其更贴近所需的曲线路径。除了二次和三次贝塞尔曲线，还存在更高次数的贝塞尔曲线（例如四次、五次等），但它们在实际应用中不太常见。
2023-08-31 19:31:32
876
原创 html圣杯和双飞翼布局
通过给.sidebar-left和.sidebar-right添加负的左外边距（margin-left），将它们向左偏移，覆盖住.main-content的部分，形成固定宽度的中间内容栏。通过给.sidebar-left和.sidebar-right添加负的左外边距（margin-left），将它们向左偏移，覆盖住.main的部分，形成固定宽度的中间内容栏。.sidebar-left和.sidebar-right分别是左侧和右侧的侧边栏区域，宽度可以自定义。.main是中间的主要内容区域，宽度为100%。
2023-08-27 19:41:32
51
原创 关于marquee：跑马灯标签和iframe：浮动框架 的应用
在这个示例中，使用了CSS动画和颜色类来创建一个跑马灯效果。在元素中添加了三个元素，每个元素都有一个颜色类。然后使用CSS样式将它们放在一个容器中，并使用属性来隐藏超过容器宽度的内容。每个元素都使用来使它们在同一行显示，并使用属性来创建无限循环的动画效果。规则定义了动画如何运动。该示例中使用了一个平滑的线性动画，持续15秒。最后，用CSS定义了三个颜色类，分别对应于红色、绿色和蓝色的文本颜色iframe 浮动框架HTML浮动框架（float layout）是一种网站布局方式，通过将网页分割成多个区
2023-08-18 16:41:56
200
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人