mui.jsDCloud 的 MUI(Mobile UI)是一个基于 HTML5 的跨平台 UI 框架,旨在帮助开发者快速构建移动应用程序。它提供了一系列针对移动端优化的 UI 组件、样式和动画效果,适用于开发混合移动应用、微信小程序等。
DCloud MUI 框架的一些特点包括:
跨平台: MUI 框架可以同时支持 iOS 和 Android 平台,开发者可以使用相同的代码库构建适配不同平台的应用程序。
丰富的组件: MUI 框架提供了大量常用的移动端 UI 组件,如按钮、导航栏、列表、表单控件等,使开发者可以快速构建符合移动端标准的用户界面。
轻量级: MUI 框架相对轻量级,加载速度快,适合开发需要快速响应的移动应用程序。
简洁的文档和示例: MUI 框架提供了清晰简洁的文档和示例,帮助开发者快速上手并了解如何使用框架提供的组件和功能。
活跃的社区支持: MUI 框架拥有活跃的社区支持,开发者可以在社区中获取帮助、分享经验和解决问题。
输入表单(input)所有包裹在.mui-input-row 类中的 input、textarea等元素都将被默认设置宽度属性为width: 1 ...
这是一篇测试文章,用于验证博客的各项功能是否正常工作。
文本样式测试这是普通文本。这是加粗文本。这是斜体文本。这是删除线。
这是一段引用文字,用来测试引用块的样式是否正常显示。
代码块测试行内代码:console.log('Hello World')
JavaScript 代码块:
123456789function greet(name) { console.log(`你好,${name}!`); return { message: '欢迎来到长风深谷', timestamp: Date.now() };}greet('访客');
列表测试无序列表:
第一项
第二项
第三项
有序列表:
步骤一
步骤二
步骤三
表格测试
功能
状态
备注
文章发布
✅
正常
代码高亮
✅
正常
评论系统
✅
Twikoo
链接和图片测试这是一个 外部链接。
分隔线测试
任务列表测试
创建测试文章
添加测试内容
本地预览
部 ...
一说到 CSS 盒模型,这是很多小伙伴耳熟能详的知识,甚至有的小伙伴还能说出 border-box 和 content-box 这两种盒模型的区别。
但是一说到 CSS 包含块,有的小伙伴就懵圈了,什么是包含块?好像从来没有听说过这玩意儿。
好吧,如果你对包含块的知识一无所知,那么系好安全带,咱们准备出发了。
包含块英语全称为containing block,实际上平时你在书写 CSS 时,大多数情况下你是感受不到它的存在,因此你不知道这个知识点也是一件很正常的事情。但是这玩意儿是确确实实存在的,在 CSS 规范中也是明确书写了的:
https://drafts.csswg.org/css2/#containing-block-details
并且,如果你不了解它的运作机制,有时就会出现一些你认为的莫名其妙的现象。
那么,这个包含块究竟说了什么内容呢?
说起来也简单,就是元素的尺寸和位置,会受它的包含块所影响。对于一些属性,例如 width, height, padding, margin,绝对定位元素的偏移值(比如 position 被设置为 absolute 或 fixed ...
浏览器是如何渲染页面的?当浏览器的网络线程收到 HTML 文档后,会产生一个渲染任务,并将其传递给渲染主线程的消息队列。
在事件循环机制的作用下,渲染主线程取出消息队列中的渲染任务,开启渲染流程。
整个渲染流程分为多个阶段,分别是: HTML 解析、样式计算、布局、分层、绘制、分块、光栅化、画
每个阶段都有明确的输入输出,上一个阶段的输出会成为下一个阶段的输入。
这样,整个渲染流程就形成了一套组织严密的生产流水线。
渲染的第一步是解析 HTML。
解析过程中遇到 CSS 解析 CSS,遇到 JS 执行 JS。为了提高解析效率,浏览器在开始解析前,会启动一个预解析的线程,率先下载 HTML 中的外部 CSS 文件和 外部的 JS 文件。
如果主线程解析到link位置,此时外部的 CSS 文件还没有下载解析好,主线程不会等待,继续解析后续的 HTML。这是因为下载和解析 CSS 的工作是在预解析线程中进行的。这就是 CSS 不会阻塞 HTML 解析的根本原因。
如果主线程解析到script位置,会停止解析 HTML,转而等待 JS 文件下载好,并将全局代码解析执行完成后,才能继续解析 ...
你是否了解 CSS 的属性计算过程呢?
有的同学可能会讲,CSS属性我倒是知道,例如:
123p{ color : red;}
上面的 CSS 代码中,p 是元素选择器,color 就是其中的一个 CSS 属性。
但是要说 CSS 属性的计算过程,还真的不是很清楚。
没关系,通过此篇文章,能够让你彻底明白什么是 CSS 属性的计算流程。
首先,不知道你有没有考虑过这样的一个问题,假设在 HTML 中有这么一段代码:
123<body> <h1>这是一个h1标题</h1></body>
上面的代码也非常简单,就是在 body 中有一个 h1 标题而已,该 h1 标题呈现出来的外观是如下:
目前我们没有设置该 h1 的任何样式,但是却能看到该 h1 有一定的默认样式,例如有默认的字体大小、默认的颜色。
那么问题来了,我们这个 h1 元素上面除了有默认字体大小、默认颜色等属性以外,究竟还有哪些属性呢?
答案是该元素上面会有 CSS 所有的属性。你可以打开浏览器的开发者面板,选择【元素】,切换到【计算样式】,之 ...
Promise详解介绍Promise是异步编程的一种解决方案,它提供了一种优雅和可靠的方式来处理异步操作。在创建时,Promise代表一个尚未完成但预计将来会完成的操作,通过它可以将处理程序与异步操作的最终成功值或失败原因关联起来。异步方法不会立即返回最终值,而是返回一个Promise,在将来的某个时间点提供该值。Promise的构造函数是同步执行的,而then方法是异步执行的。一旦Promise的状态改变,就不能再变。
作用
解决什么是回调地狱?
异步操作的状态管理和错误处理
状态一个 Promise 必然处于以下三种状态之一:
待定(pending):在创建 Promise 对象时,最初处于待定状态。在 Promise 的执行器函数中调用 resolve 或 reject 之前,都处于待定状态。一旦状态确定为 fulfilled(已兑现)或 rejected(已拒绝),则不能再次改变。
已兑现(fulfilled):一般在执行了 resolve 后,Promise 的状态会从 pending 变为 fulfilled。此时,.then() 方法中注册的成功处理函数(第一个参数 ...
在 JavaScript 开发中,回调地狱(Callback Hell) 是指嵌套回调函数过多,导致代码呈现”金字塔”形状,严重影响可读性和可维护性的现象。
什么样的代码是回调地狱?假设我们需要依次完成三个异步操作:
获取用户信息
根据用户获取订单列表
获取订单详情
使用回调函数实现:
12345678getUser(userId, function(user) { getOrders(user.id, function(orders) { getOrderDetails(orders[0].id, function(details) { console.log(details); // 如果还有更多操作,继续嵌套... }); });});
随着业务复杂度增加,嵌套层级会越来越深,代码变得难以阅读和调试。
mui.js 中的回调地狱在使用 mui.js 开发 App 时,mui.ajax 是常用的网络请求方法。当多个请求存在依赖关系 ...
Web 存储什么是Web存储?Web存储(Web Storage)是一种现代浏览器技术,用于在用户的浏览器中存储数据。它比传统的cookie更加高效和安全,并且提供了更大的存储容量。Web存储有两种主要类型:本地存储(Local Storage)和会话存储(Session Storage)。
本地存储(Local Storage)用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。数据存储在本地计算机上(不同浏览器之间无法互通),数据在页面会话结束后仍然存在,浏览器关闭后重新打开数据依然存在。每个域名数据量大约为5-10MB。通常用于保存用户的偏好设置,存储少量的用户数据,供离线使用。
本地存储API1234567891011121314// 存储数据localStorage.setItem('key', 'value');// 获取数据let key = localStorage.getItem('key'); // value// 移除数据localStorage.removeItem('key ...
1. 主程序eNSP:点击下载
2. 依赖程序VirtualBox:点击下载
WinPcap:点击下载
Wireshark:点击下载
如果点击链接无法下载,直接复制地址,到浏览器直接打开。
检查之前是否已经安装过 eNSP 和依赖软件,如果有先请卸载,包括依赖软件一起卸载。
如果之前安装过 eNSP ,请使用注册表清理工具清理一下注册表【此步骤谨慎操作,注册表比较重要,请在有备份的情况下清理,清理出错可能会导致系统不可用】。
eNSP 安装和使用过程中请将 Windows 防火墙关闭。
Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版。它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML、PDF 以及本身的 .md 格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipedia、简书等。
在线体验一下 Markdown在线编辑器。
千万不要被「标记」、「语言」吓到,Markdown的语法十分简单,常用的标记符号不超过十个,用于日常写作记录绰绰有余,不到半小时就能完全掌握。
就是这十个不到的标记符号,却能让人优雅地沉浸式记录,专注内容而不是纠结排版,达到「心中无尘,码字入神」的境界。
一、基本语法1.1标题不同数量的#可以完成不同的标题,如下:
一级标题 # 一级标题二级标题 ## 二级标题三级标题 ### 三级标题2.2 字体粗体、斜体、粗体和斜体,删除线,需要在文字前后加不同的标记符号。如下:
这个是粗体 **包裹住内容
这个是斜体 *单星
这个是粗体加斜体 ***三星
~这里想用删除线~~
注:如果想给字体换颜色、字体或者居中显示,需要使用内嵌HTML来实现 ...























