
前端
文章平均质量分 94
包含VUE,JS等知识汇总
来一杯龙舌兰
学识尚浅
展开
-
【微信小程序开发】API使用、自定义组件、页面实现图解超详细
个人理解是相当于在页面中有一小块是封装好的直接拿过来用类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成的component。看下面的代码知道怎么走的就行component代码json文件用来说明自己是一个组件代码js文件来构建这个组件的内容、数据、方法//js文件// 这里定义了innerText属性,属性值可以在组件使用时指定value: '我是自定义组件',},data: {// 这里是一些组件内部数据},methods: {// 这里是一个自定义方法。原创 2024-07-27 09:33:49 · 1515 阅读 · 0 评论 -
【微信小程序开发】从0-1注册、下载、安装、开发保姆篇教程(附Demo源码)
进入微信公众平台注册,选择小程序即可进行邮箱注册以及一系列的信息填入,这里选择个人,即可注册完成根据自己的操作系统下载对应的安装包进行安装即可(我的是64位):微信开发者工具下载地址下载完安装包双击解压无脑下一步即可,微信扫码打开,点击如图加号即可创建项目进入刚才注册页面,找到对应的AppID点击+号创建项目原创 2024-07-25 08:19:45 · 1539 阅读 · 0 评论 -
PlantUML-UML 绘图工具安装、Graphviz安装、本地使用/在线使用、语法、图示案例
本篇提供两种使用方式分别为vscode使用:需要安装插件以及下载Graphviz并配置环境变量各取所需即可,想要在线使用的朋友可以直接跳过看在线使用演示及语法部分活动图(新语法)活动标签以冒号开始,以分号结束,支持 CreoleWiki 语法。活动默认按照定义的顺序进行连接。例如:开始和结束可以使用关键字start和stop(或end)表示,例如:startstop。条件语句:使用ifthen和else(或elseif)设置分支测试,标注文字放在括号中。例如:startelse(no)原创 2024-07-18 13:52:42 · 10550 阅读 · 1 评论 -
Vue2-一篇文章带你读懂Vue的代码(保姆篇详解)
vue的框架及代码多种多样,这里也是小编在学习过程中一点点读到的东西,学识尚浅,如有误解,希望理解,文章是针对前端几乎没有什么概念的朋友写的现在有很多本应该是后端的朋友,迫于社会压力开始自学前端,相信大家在看完这篇文章,希望为你学习前端有所帮助。原创 2024-07-16 14:37:08 · 1620 阅读 · 0 评论 -
Vue2-状态管理Vuex介绍与使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。示例// 状态data () {return {count: 0},// 视图`,// 操作methods: {状态,驱动应用的数据源;视图,以声明方式将状态映射到视图;操作,响应在视图上的用户输入导致的状态变化。以下是一个表示“单向数据流”理念的简单示意:多个视图依赖于同一状态。原创 2024-07-15 13:09:40 · 1746 阅读 · 0 评论 -
Vue2-集成路由Vue Router介绍与使用
路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面。动态路由指的是:把 Hash 地址中可变的部分定义为参数项,从而提高路由规则的复用性。用过vue3的朋友会发现其实跟vue2道理一样,细枝末节的处理可能稍有差异,还有更为复杂的场景路由,更详细全面的内容可查看官方文档。路由是根据不同的url地址来显示不同的页面或内容的功能,这个概念很早是由后端提出的,既浏览器向。对象访问到动态匹配的参数值, 比如在商品详情组件的内部,根据id值,请求不同的商品数据。原创 2024-07-13 07:25:19 · 1333 阅读 · 0 评论 -
Vue2-集成Element-ui、Fontawesome、Axios介绍与使用
Element UI 是一个基于 Vue.js 2.0 的桌面端组件库。它提供了一套丰富且易于使用的组件,如表格、对话框、工具提示、导航菜单、表单、卡片等,可以帮助开发者快速构建出高质量的界面。FontAwesome 是一种流行的图标库,它提供了大量的可缩放矢量图标,可以被定制——大小、颜色、阴影以及任何可以用 CSS 完成的任何事情。FontAwesome 的主要特点包括:矢量图标:FontAwesome 的图标是矢量的,这意味着你可以将它们缩放到任何大小,而不会失去清晰度。原创 2024-07-12 09:12:15 · 2799 阅读 · 0 评论 -
JavaScript整合SpreadJS业务功能实现案例(附源码)
SpreadJS 是由美国 GrapeCity 公司开发的一款高性能、高度可定制的企业级电子表格组件。它可以让开发者在 Web 应用程序中嵌入 Excel 式的电子表格,并提供了丰富的 API 和事件,以便于进行深度定制和操作。以下是 SpreadJS 的一些主要特性:Excel 兼容:SpreadJS 支持大部分的 Excel 功能,包括公式、排序、过滤、数据验证、条件格式、图表、撤销/重做等。高性能:SpreadJS 使用了先进的数据处理和渲染技术,能够快速处理大量数据,并保持流畅的用户体验。原创 2024-06-30 08:30:14 · 1584 阅读 · 0 评论 -
Vue集成SpreadJS实现Excel(高级详解)
SpreadJS是一款由GrapeCity开发的 JavaScript 电子表格库。它提供了类似于 Microsoft Excel 的功能,可以在 Web 应用程序中创建、编辑和展示复杂的电子表格。SpreadJS 可以用于创建各种类型的应用程序,包括企业级数据分析、财务报告、计算和数据可视化等。数据绑定和格式化:支持从各种数据源(如 JSON、XML、CSV 等)加载数据,并支持数据格式化和显示。原创 2024-06-12 14:28:50 · 2706 阅读 · 0 评论 -
Vue3-组件通信详解
原生事件、自定义事件。原生事件:事件名是特定的(clickmosueenter等等)事件对象$event: 是包含事件相关信息的对象(pageXpageYtargetkeyCode自定义事件:事件名是任意名称事件对象**$event**: 是调用**emit**时所提供的数据,可以是任意类型!!!示原创 2024-06-04 08:36:27 · 1111 阅读 · 0 评论 -
Vue3-Pinia(大菠萝)附源码
Pinia 是 Vue 的存储库,允许跨组件/页面共享状态。它实际上可以被视为 Vuex 的升级版,但为了尊重原作者,所以命名为 Pinia 而不是 Vuex。起源:Pinia 是 Vue 3 官方推荐的状态管理库,旨在提供一个更加简单和灵活的 API,同时保留 Vuex 的主要功能。原创 2024-06-03 11:13:31 · 1584 阅读 · 0 评论 -
Vue3集成Phaser-飞机大战游戏(设计与源码)
通过使用 Vue.js 框架,我们可以轻松地构建出一个简单而有趣的飞机大战游戏。从基本的游戏逻辑开始,逐步增加游戏元素和交互性,最终得到一个完整且吸引人的游戏作品。希望这个博客能对你有所启发,并鼓励你尝试使用 Vue.js 来开发更多有趣的游戏和应用程序!原创 2024-06-02 19:50:15 · 1385 阅读 · 0 评论 -
Vue3-路由详解
让路由组件更方便的收到参数(可以将路由参数作为。优点:兼容性更好,因为不需要服务器端处理路径。作用:可以简化路由跳转及传参(后面就讲)。参数时,需要提前在规则中占位。的对象写法,必须使用。原创 2024-05-31 16:08:57 · 5450 阅读 · 0 评论 -
Vue3-核心语法详解
随着前端技术的飞速发展,Vue.js 作为一款流行的前端框架,也在不断演进。Vue 3 作为 Vue.js 的最新版本,带来了诸多令人兴奋的新特性和改进。在本文中,我们将通过代码示例来深入解析 Vue 3 的几个核心功能点。setup是Vue3中一个新的配置项,值是一个函数,它是 Composition API “表演的舞台”,组件中所用到的:数据、方法、计算属性、监视…等等,均配置在setup中。setup函数返回的对象中的内容,可直接在模板中使用。setup中访问this是undefined。原创 2024-05-30 09:54:23 · 1254 阅读 · 0 评论 -
NodeJS安装并生成Vue脚手架(保姆级)
有两种方式,可以直接在环境变量加安装路径的地址,也可以将地址定义为一个用户变量,在path中加入%用户变量%,以下演示的是直接加安装路径的地址原创 2024-05-25 13:29:18 · 1864 阅读 · 0 评论