前端开发
-
要做Web开发，就好像你在厨房里要做一顿丰盛的晚餐，从准备食材到最后上桌，整个过程得协调得当。Web开发的流程有前端、后端、数据库、API，以及其他的工具和技术来共同组成。别担心，听起来复杂，但我会给你讲得生动有趣，让你感受到Web开发的美妙。 1. 前端开发（Web开发的颜值担当） 前端就是用户能直接看到和互动的部分，给人的第一印象尤为重要，简直就是网站的“面子工程”。 1.1 HTML - 构建页面骨架 HTML（HyperText Markup Language）是Web页面的骨架，就像盖
2024-11-23 -
------------------------------------------------- 创建项目步骤 ------------------------------------------------- 创建项目步骤 安装nodejs 查看npm版本 npm-v 查看镜像命令 npm config get registry 设置npm镜像 npm config set registry= 创建项目命令 npm
2024-11-23 -
图解CSS padding、margin、border属性 margin：层的边框以外留的空白 background-color：背景颜色 background-image：背景图片 padding：层的边框到层的内容之间的空白 border：边框 content：内容 接下来将讲述HTML和CSS的关键——盒子模型(Box model)。理解Box model的关键便是margin和padding属性，而正确理解这两个属性也是学习用css布局的关键。 注: 为什么不翻译margin和p
2024-11-23 -
回调函数 先说下啥是回调函数，举个例子，当A方法调用B方法时，A方法会传一个方法作为参数给B方法，B方法中可以去按照逻辑执行A传递过的函数，就是回头再调用A方法传参给的方法。有点绕哈，写段代码参考下 const funA = () => { // 业务逻辑 ..... funB('布拉布拉', 123, () => { // 回调的业务逻辑 }); }; /** * B 方法 最好加上ts约束 * @param param1 参数1 * @param param2 参数2 *
2024-11-23 -
JavaScript 字符串格式化输出 1、什么是格式 上课的时候，老师让你写作文，老师说：段落开头要缩进两个字，每一行开头不能有句号……等。这是写作文的时候，我们需要遵循的格式。 在格式化输出语句中，比如说格式说明%.2f，这代表小数点后保留三位小数字输出，这是在输出的时候计算机将这个小数输出到显示器上所要遵循的格式。 无论是写作业，还是格式化输出，事实上，格式代表的就是一定的文字规则。格式化输出，就是按照格式说明所描述的文字规则进行输出。 2、格式化输出的目的 格式化输出就
2024-11-23 -
import logging import time logger = logging.getLogger() logger.setLevel(logging.DEBUG) runTime = time.strftime("%Y-%m-%d-%H-%M-%S",time.localtime()) formatter = logging.Formatter( '%(asctime)s - %(name)s - %(levelname)s: - %(message)s', d
2024-11-23 -
JS的事件循环和任务队列： 异步任务里面的微任务和宏任务： 问题： setTimeout(() => { console.log(1); }, 20); setTimeout(() => { console.log(2); }, 0); //=>默认会有最小的等待时间(V8一般是5~6MS) console.time('WHILE'); let i = 0; while (i <= 99999999) { i++; } console.timeEnd('WHIL
2024-11-23 -
XDM cross-document messaging 类似于XSS的简称,故称为 XDM 而不是 CDM 某些时候 XDM 也能作为跨域的实现手段之一 与Jsonp 和 传统的 CORS 跨域方式不同 XDM通常用于不同域的页面之间传递消息 postMessage postMessage() 方法作为 XDM 的核心被添加进了 HTML5 规范中 该方法的作用是:向当前页面的iframe或者弹出的窗口传递消息 该方法用于接收以下两个参数: 通过第二个参数可以防止浏览器将信息发送
2024-11-23 -
![[JS] 对于原型和原型链的相关方法(instanceOf|setPrototypeOf|getPrototypeOf|isProrotypeOf|in|hasOwnProperty...)](https://jss.bangwoyixia.com/image/科技/5.jpg)
instanceOf Object.setPrototypeOf 语法：Object.setPrototypeOf(‘现有对象’,‘原型对象’)解释: 为现有对象设置原型，返回一个新对象。 Object.getPrototypeOf 语法：Object.getPrototypeOf(‘对象’)解释: 查找对象的原型，返回一个该原型 X.isProrotypeOf 语法：X.isProrotypeOf(‘对象’)解释: 查找对象的原型是否在X上，返回一个该原型 in 语法：属性 i
2024-11-23 -
轮播图（Carousel）是一种常见的网页组件，用于在一个区域内循环显示多张图片或内容，通常配有导航按钮、指示器等，使用户能够方便地浏览不同的内容。 如何实现轮播图？ 实现轮播图的方法有多种，下面介绍几种常见的方法： 1. 基于CSS和JavaScript的手动轮播 HTML结构： <div class="carousel"> <div class="slides"> <div class="slide">Slide 1</div> <div class=
2024-11-23