![](https://img-blog.csdnimg.cn/413794a4c9e04b02bc69490506ff1165.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
文章平均质量分 77
一些前端技术的使用学习
世界尽头与你
一个懂安全的开发者
展开
-
一文学会XML
可扩展标记语言(英语:Extensible Markup Language,简称:XML)是一种标记语言,是从标准通用标记语言(SGML)中简化修改出来的。它主要用到的有可扩展标记语言、可扩展样式语言(XSL)、XBRL和XPath等。XML 被设计用来传输和存储数据,不用于表现和展示数据,HTML 则用来表现数据。HTML 旨在显示信息,而 XML 旨在传输信息🙈。原创 2023-01-27 11:45:31 · 437 阅读 · 0 评论 -
Arco Pro最佳实践,权限控制,Pinia
权限控制是中后台场景非常常见的基础功能,在 v2.2.0 将权限控制功能集成至 Arco Design Pro中后台常见的前端权限控制大概可概括为以下场景:针对菜单及路由权限控制,可以在 路由配置项 中,对某项增加 参数即可。(如果不加,默认为拥有权限)例如:(这两个子路径,一个权限为所有用户均可访问,一个为只允许admin用户访问)原创 2022-12-10 10:35:11 · 2713 阅读 · 0 评论 -
Arco Pro最佳实践,路由与菜单
路由通常都和菜单绑定在一起,为了减少维护的量,Arco直接通过路由表生成了菜单。中新增一个 kaka文件夹,并在其中新增。访问网站测试,新的导航已经添加成功啦!现在我们来解析一下仪表盘的路由代码(首先,需要先了解一下路由表的配置。en-US.ts:(英文支持)zh-CN.ts:(中文支持)最后,在国际化语言包中引入:原创 2022-12-09 22:20:31 · 3743 阅读 · 3 评论 -
一文带你入门Arco Design,快速构建一个Arco项目Demo
开始开发之前,请确认本地环境中安装好了。看到以下输出就是创建成功了。访问地址,运行成功!原创 2022-12-09 20:36:11 · 7192 阅读 · 1 评论 -
详解Vue3 axios
Vue 版本推荐使用 axios 来完成 ajax 请求。Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。原创 2022-12-09 16:07:59 · 1195 阅读 · 0 评论 -
Vue3 路由,一篇就够了
Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视图的单页 Web 应用。Vue.js 路由需要载入 `vue-router` 库原创 2022-12-09 15:37:50 · 997 阅读 · 0 评论 -
Vue3 自定义指令
除了默认设置的核心指令(v-model和v-show), Vue 也允许注册自定义指令。下面我们注册一个全局指令v-focus, 该指令的功能是在页面加载时,元素获得焦点原创 2022-12-09 15:17:11 · 403 阅读 · 0 评论 -
一文带你学会Vue3 表单
我们可以用 指令在表单 及 等元素上创建双向数据绑定。 会根据控件类型自动选取正确的方法来更新元素。 会忽略所有表单元素的 属性的初始值,使用的是 选项中声明初始值。 在内部为不同的输入元素使用不同的属性并抛出不同的事件:代码:原创 2022-12-06 21:57:57 · 1113 阅读 · 0 评论 -
Vue3 事件处理
我们可以使用 `v-on` 指令来监听 DOM 事件,从而执行 JavaScript 代码。`v-on` 指令可以缩写为 `@` 符号。原创 2022-12-06 21:29:00 · 897 阅读 · 0 评论 -
Vue3 样式绑定
当你在带有单个根元素的自定义组件上使用 class 属性时,这些 class 将被添加到该元素中。此元素上的现有 class 将不会被覆盖。实例中将 isActive 设置为 true 显示了一个蓝色的 div 块,如果设置为 false 则不显示。在处理 class 和 style 时, 表达式除了可以使用字符串之外,还可以是对象或数组。class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用。直接设置样式,可以简写为。// 创建一个Vue 应用。我们可以把一个数组传给。原创 2022-12-05 21:26:33 · 569 阅读 · 0 评论 -
Vue3 监听属性
Vue3 监听属性 `watch`,我们可以通过 `watch` 来响应数据的变化。原创 2022-12-05 20:44:09 · 1136 阅读 · 0 评论 -
Vue3 计算属性
计算属性关键词: computed。计算属性在处理一些复杂逻辑时是很有用的。原创 2022-12-05 17:34:21 · 628 阅读 · 0 评论 -
Vue3条件与循环
Vue3条件与循环原创 2022-12-05 16:50:01 · 710 阅读 · 0 评论 -
Vue3 组件,一点也不难
组件是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树原创 2022-12-05 16:40:09 · 498 阅读 · 0 评论 -
一文带你学会Vue3基本语法
结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值。指令用于在表达式的值改变时,将某些行为应用到 DOM 上。指令将该元素的 href 属性与表达式 url 的值绑定。原创 2022-11-19 22:58:32 · 2584 阅读 · 0 评论 -
一文带你快速入门Vue,创建,打包
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。原创 2022-11-19 20:43:42 · 420 阅读 · 0 评论 -
Node.js安装及环境配置
下载如图所示版本:(请根据自己的系统环境选择)修改用户Path变量中的npm为自己的。输入如下命令进行模块的全局安装。下载完成后傻瓜式安装即可。输出版本则代表安装成功!原创 2022-11-19 20:25:17 · 3676 阅读 · 0 评论 -
ArkUI框架,条件渲染,生命周期
【代码】ArkUI框架,条件渲染,生命周期。原创 2022-09-29 13:42:42 · 539 阅读 · 0 评论 -
ArkUI框架,Flex布局,基础组件及封装,父子组件的双向绑定
Flex组件用于创建弹性布局,开发者可以通过Flex的接口创建容器组件,进而对容器内的其他元素进行弹性布局,例如:使三个元素在容器内水平居中,垂直等间隔分散。我们需要拿到用户输入的数据,以向后端发送一个登录请求,这就需要父子组件的双向绑定机制。Previewer的页面无法进行实时的交互操作,所以我们要学会使用真机进行模拟。例如:如下的布局代码分别表示:(垂直排列,水平居中,垂直居中)自定义一个组件内容:(myInput.ets)原创 2022-09-25 22:09:05 · 2447 阅读 · 0 评论 -
MUI框架开发APP详解,一篇就够了
最接近原生APP体验的高性能前端框架追求性能体验,是开始启动MUI项目的首要目标,轻量必然是重要特征;MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K鉴于之前的很多前端框架(特别是响应式布局的框架),UI控件看起来太像网页,没有原生感觉,因此追求原生UI感觉也是我们的重要目标MUI以iOS平台UI为基础,补充部分Android平台特有的UI控件MUI官方文档。原创 2022-03-27 11:51:57 · 12096 阅读 · 0 评论 -
Huawei Deveco Studio安装教程
文件,这个是初始化的的页面代码,点击IDE右侧的Previewer,运行模拟器(第一次运行模拟器会需要一些时间)查看页面效果:🎎。接下来需要填写项目信息并且创建项目(创建项目完成后,会加载一段时间的配置信息,耐心等待即可)第一次使用需要安装一些 SDK并且有用户协议,一路同意即可。点击pages页面里面的。原创 2022-09-22 21:13:08 · 3800 阅读 · 0 评论