02 2024 档案

摘要:<template> <div> <div class="wrap5 wrap"> <div class="left"></div> <div class="center"> 网格布局 </div> <div class="right"></div> </div> </div> </template 阅读全文
posted @ 2024-02-23 18:08 雨晨* 阅读(6) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <div class="wrap2 wrap"> <div class="left"></div> <div class="center"> 绝对定位布局 </div> <div class="right"></div> </div> </div> </templa 阅读全文
posted @ 2024-02-23 18:08 雨晨* 阅读(5) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <div class="wrap1"> <div class="left"> </div> <div class="right"> </div> <div class="center"> 浮动布局 </div> </div> </div> </template> < 阅读全文
posted @ 2024-02-23 18:08 雨晨* 阅读(3) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <div class="wrap4 wrap"> <div class="left"></div> <div class="center"> 表格布局 </div> <div class="right"></div> </div> </div> </template 阅读全文
posted @ 2024-02-23 18:08 雨晨* 阅读(7) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <div class="wrap3 wrap"> <div class="left"></div> <div class="center"> flex布局 </div> <div class="right"></div> </div> </div> </templa 阅读全文
posted @ 2024-02-23 18:08 雨晨* 阅读(3) 评论(0) 推荐(0) 编辑
摘要:Three.js 基础知识与核心概念 在本节实验中,我们将会一起进入到 Three.js 基础知识与核心概念学习的阶段。 知识点 场景、摄相机、渲染器 几何体、材质 光源 创建一个正方体 Three.js 的理论知识 引入:基础知识 先看下面这样一段代码: const scene = new THR 阅读全文
posted @ 2024-02-23 18:02 雨晨* 阅读(10) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-e 阅读全文
posted @ 2024-02-23 18:02 雨晨* 阅读(22) 评论(0) 推荐(0) 编辑
摘要:(不指定研究领域)Please polish my reserach paper to make it more concise,readable,and engaging.I need help with eaditing,proofreading,and making any necessary 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(11) 评论(0) 推荐(0) 编辑
摘要:Cursor 介绍与基础生成用法 实验介绍 Cursor 是一款与 OpenAI 合作并且基于 GPT-4 的新一代辅助编程神器,国内直接可以访问,它可以根据你的输入和需求自动生成代码片段,还可以帮助你重构、理解和优化代码,提高开发效率。在本节课程中,我们将介绍 Cursor 的基本使用方法。 知识 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(3182) 评论(1) 推荐(1) 编辑
摘要:实验介绍 本实验为大家介绍的是观察者模式,我们通过家长群的例子为大家仔细地梳理了这一模式的基本概念,帮助大家建立基本认识。虽然为大家介绍这一模式在前端热门框架 VUE 中的真实应用,并且还区分了观察者模式与发布订阅模式,帮助大家理清概念,相信通过本实验的学习,大家一定能对这一模式有一个深刻的认识。 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(10) 评论(0) 推荐(0) 编辑
摘要:实验介绍 本实验为大家带来了策略模式,策略模式如果从定义上来看容易混乱,但其本身并不复杂。因此在一开始首先通过一个职级与区域划分差旅费用的实例为大家逐步展开策略模式的应用,通过这个实例就能很好的看到策略模式的应用方向。同时为大家指出了策略模式优点与缺点。在对应的情况下选择合适的模式才能起到事半功倍的 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(15) 评论(0) 推荐(0) 编辑
摘要:基本概念 设计模式是什么? 相信这是每一个同学在刚开始学习设计模式的时候都会存在的疑问,单单从名字上来看这确实会让人感觉是一门十分高大上的学问,但是真的是这样吗? 答案当然是否定的。相反,设计模式十分的接地气,可以说它存在于我们生活中的方方面面。 在《设计模式:可复用面向对象软件的基础》一书中,四位 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(4) 评论(0) 推荐(0) 编辑
摘要:实验介绍 本实验主要为大家介绍设计模式中的装饰器模式。从装饰器的概念引入,详细的介绍了装饰器和装饰器的应用,帮助大家对其有一个深层的理解。随后提供了两个在实际开发过程中可能会遇到的真实场景,帮助大家建立装饰器模式在前端应用的直观印象。最后提供了使用装饰器时候需要注意的点,能让大家正确的使用。 知识点 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(14) 评论(0) 推荐(0) 编辑
摘要:实验介绍 本节实验为大家带来了适配器模式,适配器模式是作为两个不兼容的接口之间的桥梁,可以将变化都封装于它本身,提供简单统一的接口使用。从一个有趣的例子开始为大家逐步的讲解适配器,帮助大家学习其基本的概念。随后为大家介绍了适配器在前端中的真实应用,加深对适配器的认识。最后为大家简单区分了装饰器模式与 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(23) 评论(0) 推荐(0) 编辑
摘要:实验介绍 本实验主要为大家介绍了前端中原型模式,为了加深大家对原型的了解,实验中花费大量篇幅讲解了原型及原型的概念,并配上了相关的例子以帮助大家学习。随后我们对 class 进行了简单的介绍,它可以被简单的认为是语法糖。最后,为了帮助大家理解原型中的克隆,实验也对浅拷贝与深拷贝进行了介绍。 知识点 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(7) 评论(0) 推荐(0) 编辑
摘要:基本概念 在给出工厂模式的定义之前,不妨先来了解一下工厂的概念。 通过百度百科查到的所谓工厂的定义:是一类用以生产货物的大型工业建筑物,即我们为工厂输送原料,经过工厂对原料进行处理加工之后会输出产物。 例如下面这样一个例子: 张三是一名大学生,毕业后为了上班方便就考虑买一台车,因此他找到一家汽车商城 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(6) 评论(0) 推荐(0) 编辑
摘要:实验介绍 本实验主要介绍了设计模式中的单例模式,在前端领域中,有很多地方都运用到了单例模式的思维,例如目前的主流前端框架中所用到的 Redux 和 Vuex 。实验首先通过一个小例子为大家展示了单例模式的实现原理,随后通过完成一个自定义的 Storage 存储器来帮助大家加深对单例模式的理解。最后为 阅读全文
posted @ 2024-02-23 18:00 雨晨* 阅读(18) 评论(0) 推荐(0) 编辑
摘要:javascript : void(0) // 阻止链接跳转,URL不会有任何变化 <a href="javascript:void(0)" rel="nofollow ugc">点击此处</a> // 虽然阻止了链接跳转,但URL尾部会多个#,改变了当前URL。(# 主要用于配合 location 阅读全文
posted @ 2024-02-20 21:28 雨晨* 阅读(864) 评论(0) 推荐(0) 编辑
摘要:href="javascript:void(0)//避免超链接导致的随意链接 onClick="window.location.reload()"//页面的重新加载 如何禁用页面的一些效果? // 获取页面中的样式 var bodyStyle = document.body.style; // 设置 阅读全文
posted @ 2024-02-20 21:12 雨晨* 阅读(8) 评论(0) 推荐(0) 编辑
摘要:事件 onmouseover 鼠标移动到某元素之上触发事件 onmousemove 鼠标在某元素之上移动时触发事件 onmouseout 鼠标从某元素之上移出时触发事件 dom对象 offsetLeft 返回元素水平偏移量(从上到下开始计算) offsetTop 返回元素垂直偏移量(从左到右开始计算 阅读全文
posted @ 2024-02-20 21:12 雨晨* 阅读(3) 评论(0) 推荐(0) 编辑
摘要:filter 利用bulr() 高斯模糊 filter: blur(5px) 解决问题: 如何避免图片以外被模糊? 给图片设置一个容器,容器的属性为overflow:hidden,超过图片的部分会被隐藏 对图片进行裁剪 clip: rect(top, right, bottom, right),要裁 阅读全文
posted @ 2024-02-20 21:12 雨晨* 阅读(20) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>滑动导航栏</title> <style> * { margin: 0; padding: 0; border: 0; list-style: none; 阅读全文
posted @ 2024-02-20 21:12 雨晨* 阅读(6) 评论(0) 推荐(0) 编辑
摘要:初始化 var postFile = { init: function () { var t = this; t.regional = document.getElementById('label'); t.getImage = document.getElementById('get_image' 阅读全文
posted @ 2024-02-20 21:11 雨晨* 阅读(9) 评论(0) 推荐(0) 编辑
摘要:对RPG本身特点的分析:想要分析RPG游戏中用了什么设计模式,首先要对RPG本身有一定的了解。传统RPG游戏指的是主人公按照一定的主线剧情去往特定的地点完成特定的任务,游戏的主要部分在于对游戏各个场景的刻画,场景的数量非常之多,怪物虽然也有不同的种类但大多数怪物会被重复遇到以便于玩家不断的刷出相应的 阅读全文
posted @ 2024-02-20 21:02 雨晨* 阅读(63) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示