0

Vuex状态管理插件

一、引言在Vue.js的组件基础中,我们在两个组件之间传值使用的是props(父组件向子组件传值),自定义事件this.$emit方法(子组件向父组件传值),对于简单的组件比较少的,而且依赖不复杂的我们可以使用,但是,如果组件很多,而且依赖很复杂,两个组件不一定是父子关系,而且关系比较远的时候,如果我们还是使用传统的传值方式,那将会是一场灾难(两个距离比较远的组件如果使用传统方式,需要通过可能比较多的中间组件进行传值),因此Vuex诞生了,Vuex可以看作是一个基于缓存的状态管理工具,我们在其store中存储相应的data属性传和方法,两个组件不论是何处,都通过中间的Vuex来传递数值和方法,...

阅读全文>>

0

快速入手vue3.0新增常用API,起步上车

1. 初始化项目2. setup方法 setup是vue3.x中新的操作组件属性的方法,它是组件内部暴露出所有的属性和方法的统一API。setup的执行时机在:beforeCreate 之后 created之前,可以接受props数据ctx上下文对象(这些属性在 vue 2.x 中需要通过 this 才能访问到,在 vue 3.x 中无法访问到 组件的this)。3. reactivereactive用来创建响应式的数据对象,对数组和对象可以深度响应。4. refref() 函数同样可以来创建响应式的数据对象,访问对象中的属性值时需要加上 .value 6. toRefsisRef() 用来判...

阅读全文>>

0

springboot2整合vue开发在线音乐网站系统设计

springboot+vue的前后端分离项目后台主要分为:用户管理、歌手管理、歌单管理用户在前端可以搜索歌曲名字、播放歌曲(如果上传了歌词,点击歌曲图片,可以显示歌词),可以评论歌曲,给歌曲评分等用户还可以设置自己的信息,上传头像。不过,歌曲取消收藏模块有点问题运行环境jdk7(8)+mysql+IntelliJ IDEA+maven项目技术(必填)springboot+vue+mybatispackage com.example.demo.controller; import com.alibaba.fastjson.JSONObject; import com.example.demo....

阅读全文>>

0

HTML5最新版本介绍

HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最新版本,它是用于生成现代 Web内容的一系列相关技术的总称,其中最重要的三个技术是:HTML5核心规范(table)、 CSS (class style)和 JavaScript。一.HTML5 的历史 HTML在1993年第一次作为互联网草稿发布,随后经历了2.0、3.2和4.0,直到1999年 HTML4.01版本稳定下来。慢慢地,随着发展,越来越严格的 XHTML取代了它。XHTML 的兴衰史 ...

阅读全文>>

0

从架构入手轻松读懂框架:以jQuery,Zepto,Vue和lodash-es为例

知道有没有朋友有这种经历。雄心勃勃的打开一个开源框架的源码,开始看,一行一行的看下去,看了几行就感觉,“我艹,这什么玩意儿”,然后就看不下去了。如果你有类似的经历,可以看看本文,本文会以几个常见开源库为例讲解几种常见的开源框架的代码架构,从架构出发,帮你轻松读懂框架源码。记住以下两个要点:不要一行一行的读代码先找入口,再理架构,依流程读下去jQuery以jQuery为例,来看看他的基本架构,然后再来一步步看看这个是什么意思,如果大家能够打开代码跟着我一步步走下去,食用效果更佳:找入口我们这里用的版本是3.4.1, 我们用npm将jQuery下载下来,然后去 node_modules 里面找到他...

阅读全文>>

0

MyUI-新德汇出品的基于Element的中后台项目工程框架

基于 Vue + Element UI 构建的中后台工程框架,专业美观,内置组件丰富。关于 MyUIMyUI 是一款由新德汇出品的基于 Vue + Element UI 构建的工程框架,专注于中后台管理系统快速搭建。喜欢 Element UI 的小伙伴,现在终于有了一个颜值在线,综合素质优秀的 admin UI 框架了。MyUI 演示预览框架特点搭载的代码生成器可生成底层 api 调用、vuex 管理、模拟数据的开发代码,能极大地提高开发效率;包含超过150个常用的 UI 组件,自动注册及按需加载机制;集成图表库、地图应用类库以及大屏数据展示页面;支持子前端微服务子应用,可独立开发、运行、部署...

阅读全文>>

0

基于 Vue3 后台管理平台Vue3.x-Admin

今天给大家分享一个Vue3.0框架搭建的后台管理模板Vue3.xAdmin。vue3.x-admin 使用vue3开发的后台管理系统。主要包括CSS3特效、可拖拽的div、图表、益智小游戏、vuex4.x 存储用户信息等功能。技术栈Vue3.x + vue-router4.x + vuex4.x + Less + Echarts目录结构快速安装通过如下步骤快速本地构建项目。# 克隆项目 git clone https://github.com/Tyf2345/vue3.x-admin.git # 进入目录 cd vue-admin-ele # 安装依赖包 yarn install # 本...

阅读全文>>

0

Fuse.js——用于JavaScript中数据的模糊搜索

介绍Fuse.js是一个功能强大、轻量级的模糊搜索库,没有依赖关系。一般来说,模糊搜索(更正式地称为近似字符串匹配)是一种寻找近似等于给定模式(而不是精确地)的字符串的技术。Githubhttps://github.com/krisk/fuse使用场景当你需要对小到中等大小的数据集进行客户端模糊搜索时。基本使用// 1. 要搜索的数据列表 const books = [ { title: "Old Man's War", author: { firstName: 'John', lastName: 'Scalzi' } }, { ...

阅读全文>>

0

如何设计一份体验好的表单?来看这篇超全总结

说到表单其实在生活中可以接触到各种各样的表单,主要目的就是让用户填写来「收集用户信息」。初看这些表单,你可能觉得很简单,就是一些标签、非常基础的小组件,但是在实际业务中,想要将这些小组件组合拼装成合适的表单却需要推敲非常多的细节,常常会让设计师陷入无限的纠结中,比如:文字标签是左对齐还是右对齐?确定按钮是放左边还是右边?控件颗粒长度是整齐划一还是与输入预期一样错落有致?反馈内容怎么显示……等等所以针对这些问题,我从「框架」>「细节」的逻辑与大家一起探讨「如何设计一份体验好的表单」。表单拆分在UX Collective,作者Taras Bakusevych 进行了详细的阐述,对表单的组成部...

阅读全文>>

0

各种各样加密算法的js库,安全加密不再愁——crypto-js

介绍crypto-js是一个前端Javascript标准加密算法库,CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。有时候项目涉及到的敏感数据比较多,为了信息安全,我们常常需要对一些数据进行接口加密处理,如编码、将明文转化为暗文、加密比对,目前已支持的算法包括:MD5、 SHA-1、SHA-256、AES、Rabbit、MARC4、HMAC、HMAC-MD5、HMAC-SHA1、HMAC-SHA256、PBKDF2等Githubhttps://github.com/brix/crypto-js安装使用npm进行安装npm install crypt...

阅读全文>>