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

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

    1. 初始化项目2. setup方法 setup是vue3.x中新的操作组件属性的方法,它是组件内部暴露出所有的属性和方法的统一API。setup的执行时机在:beforeCreate 之后 created之前,可以接受props数据ctx上下文对象(这些属性在 vue 2.x 中需要通过 this 才能访问到,在 vue 3.x 中无法访问到 组件的this)。3. reac...

    Vue 2021年01月20日 1542 0
  • HTML5最新版本介绍

    HTML5是HTML4.01和XHTML1.0之后超文本标记语言的最新版本,由一群自由思想者设计,最终实现了多媒体支持、交互性、更智能的表单和更好的语义标注。 HTML 5不只是 HTML规范的最新版本,它是用于生成现代 Web内容的一系列相关技术的总称,其中最重要的三个技术是:HTML5核心规范(table)、 CSS (class style)和 JavaScript。一...

    HTML5 2021年01月18日 2755 0
  • 从架构入手轻松读懂框架:以jQuery,Zepto,Vue和lodash-es为例

    知道有没有朋友有这种经历。雄心勃勃的打开一个开源框架的源码,开始看,一行一行的看下去,看了几行就感觉,“我艹,这什么玩意儿”,然后就看不下去了。如果你有类似的经历,可以看看本文,本文会以几个常见开源库为例讲解几种常见的开源框架的代码架构,从架构出发,帮你轻松读懂框架源码。记住以下两个要点:不要一行一行的读代码先找入口,再理架构,依流程读下去jQuery以jQuery为例,来看看...

    Javascript 2021年01月11日 1330 0
  • MyUI-新德汇出品的基于Element的中后台项目工程框架 Vue

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

    基于 Vue + Element UI 构建的中后台工程框架,专业美观,内置组件丰富。关于 MyUIMyUI 是一款由新德汇出品的基于 Vue + Element UI 构建的工程框架,专注于中后台管理系统快速搭建。喜欢 Element UI 的小伙伴,现在终于有了一个颜值在线,综合素质优秀的 admin UI 框架了。MyUI 演示预览框架特点搭载的代码生成器可生成底层 ap...

    Vue 2021年01月07日 3206 0
  • 基于 Vue3 后台管理平台Vue3.x-Admin Vue

    基于 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目录结构快速安装通过如下步骤快速本地构建项目。# ...

    Vue 2021年01月07日 20431 2
  • Fuse.js——用于JavaScript中数据的模糊搜索

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

    Javascript 2021年01月06日 12670 0
  • 如何设计一份体验好的表单?来看这篇超全总结

    说到表单其实在生活中可以接触到各种各样的表单,主要目的就是让用户填写来「收集用户信息」。初看这些表单,你可能觉得很简单,就是一些标签、非常基础的小组件,但是在实际业务中,想要将这些小组件组合拼装成合适的表单却需要推敲非常多的细节,常常会让设计师陷入无限的纠结中,比如:文字标签是左对齐还是右对齐?确定按钮是放左边还是右边?控件颗粒长度是整齐划一还是与输入预期一样错落有致?反馈内容...

    HTML5 2021年01月04日 2235 0
  • 各种各样加密算法的js库,安全加密不再愁——crypto-js

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

    Javascript 2020年12月31日 1592 0
  • QRCanvas - 动态生成二维码的开源优秀 js 库

    简单调用就能满足网址扫码预览和分享、登录扫码认证等二维码功能。QRCanvas 能用来做什么动态生成带二维码的海报是业务型产品中很常见的需求,之前分享过如何通过 html2canvas 将html+css写出来的布局生成海报,而今天分享的 QRCanvas 则是专门满足如何在前端生成动态二维码的需求。QRCanvas 功能特性API 非常简单,简单到只需要一个文本参数就能生成二...

    HTML5 2020年12月26日 1673 0
  • 基于 Vue+Spring 前后端分离管理系统ELAdmin Vue

    基于 Vue+Spring 前后端分离管理系统ELAdmin

    今天给大家分享一款超棒的Vue前后台分离管理模板ElAdmin-Web。eladmin 一个简单易上手的Vue+Spring boot后台管理框架,star高达2.6K+。支持主流电脑、平板、手机等设备。特性技术栈:使用 SpringBoot/Jpa/Security、Redis、Vue、ElementUI 等技术开发;模块化:后端采用按功能分模块开发方式,提升开发,测试效率;...

    Vue 2020年12月26日 3913 0
  • 快速了解JavaScript的BOM模型

    ECMAScript是JavaScript的核心,而BOM(浏览器对象模型,Browser Object Model)是在Web中使用JavaScript的核心。在BOM对象中,window对象是最顶层对象,在浏览器环境中它是一个Global全局对象,其它对象是window对象的子对象(属性)。BOM主要用于管理浏览器窗口及窗口之间的通讯。下面是BOM对象的组成结构。windo...

    Javascript 2020年12月23日 1201 0
  • 如何快速用Vue-element-admin撸了个管理后台 Vue

    如何快速用Vue-element-admin撸了个管理后台

    最近一个朋友找我开发一个用于库存管理的后台,虽然逻辑并不是很复杂而且系统也并不是很大,但是因为存在一些定制需求,所以就希望通过自行开发,而不是直接使用目前市场上的库存管理后台。我也正好最近在研究一些新的前端框架,这次开发周期并不是很紧,所以也就正好可以给我对于一些之前没有使用过的前端框架练练手。为什么选vue-element-admin因为有段时间没有直接开发PC端前端项目了,...

    Vue 2020年12月18日 26164 0
  • 跨端框架 RAX 初体验 Vue

    跨端框架 RAX 初体验

    锵锵锵~ 小伙伴们,新出的会议室预约系统用着还顺手吗?快告诉我,对比之前的古老预定方式是不是方便很多?系统响应快不快?界面是不是一目了然?交互方式友好吗?看着每天预约人数这么多,无疑答案都是肯定的。那你有没有预约个会议室来把玩一下?预约网红会议室像不像淘宝双十一的大抢购?悄悄告诉你,会议室预约系统采用的前端框架,就是淘宝双十一的 Rax。爱学习的你一定嗅到了知识的味道~那什么是...

    Vue 2020年12月16日 4493 0
  • ant design 中实现表格头部可删除和添加

    我是用antd pro做一个项目。有一个小需求是表格头部栏可操作。具体是表头的每一项都带一个“x”按钮,当不想展示这一栏的时候,直接点“x”,这一栏就不展示了。不展示的头部标签放一边,也可以随时加入到表格中。先看图:1.表头信息有个“x”,当点击了某一项,该项在表格中消失,并且该标签会在可添加表头上展示。2.此时我“x”掉了序号,用户名两项,得到下面的效果。3.此时我点击了 “...

    React 2020年12月16日 2904 0
  • 基于vue和JsPlumb的流程设计器——easyflow Vue

    基于vue和JsPlumb的流程设计器——easyflow

    介绍easyflow是一个码云上开源的一款流程设计器项目,基于VUE+ElementUI+JsPlumb,通过 vuedraggable 插件来实现节点拖拽。仓库地址https://gitee.com/xiaoka2017/easy-flowhttps://github.com/BiaoChengLiu/easy-flow功能概述支持拖拽添加节点点击线进行设置条件支持给定数据加...

    Vue 2020年12月15日 7780 0
  • VUE 实现高性能的 PDF 在线预览 Vue

    VUE 实现高性能的 PDF 在线预览

    最近在实现共享 PDF 文档的需求,存在主讲人这样一个角色,上传 PDF 文档后,通知其它连接中的终端,进行实时同步展示的功能。对于这样的需求,pdf.js 成功的让我想起了它。PDF 文档的预览,总的就是要加载速度快,尽最快的速度完成渲染,呈现给用户看,不要出现长时间的白屏或 Loading 状态的现象,另外 PDF 文档需要支持翻页等操作。具体看看一步步的实现。文档分片下载...

    Vue 2020年12月14日 5964 0
  • 自定义ElementUI选择器选项样式的方法 Vue

    自定义ElementUI选择器选项样式的方法

    前言最近接了一个需求,基于 ElementUI的选择器,自定义符合需求的样式出来,笔者最终顺利完成了需求,其中踩了不少坑,写本分分享下案例首先展示下本demo的代码结构,以便后续观具体代码,心中数本项目是基于 ElementUI 的 Starter,这个可以开箱即用,里边搭建好 Vue,ElementUI的架子,方便开发者进行后续的开发,不用浪费精力在配置上,具体地址如下:ht...

    Vue 2020年12月14日 3490 0
  • Vue学习笔记之路由的keep-alive应用及技巧 Vue

    Vue学习笔记之路由的keep-alive应用及技巧

    keep-alive的应用:作用:keep-alive是Vue内置的一个组件,可以使比包含的组件保留状态,或避免重新渲染,而router-view也是一个组件,如果直接被包在keep-alive里面,所有的路径匹配到的视图组件都会被缓存。生命周期:· 初次进入时:created > mounted > activated;退出后触发 deactivated· 再次进...

    Vue 2020年12月14日 1435 0
  • Element UI 框架中表单数据的验证方式

    前言Element UI 框架中的表单验证使用 async-validator(异步校验)第三方库实现,该库在 GitHub的地址是 https://github.com/yiminghe/async-validator,至今在 GitHub 上已经有了 5.1+的 star,是多 款 前 端 框 架 使 用 的 表 单 验 证 机 制 。 该 库 在 npm 中 的 API ...

    Vue 2020年12月09日 1639 0
  • Vue Router 4.0正式发布!焕然一新 Vue

    Vue Router 4.0正式发布!焕然一新

    今天,Vue Router 4 正式发布稳定版本。在经历了 14 个 Alpha,13 个 Beta 和 6 个 RC 版本之后,Vue Router v4 闪亮登场,为你带来了 TypeScript 集成、新功能以及对现代应用程序的一致性改进,已经准备好成为 Vue3 新应用的最佳伴侣。将近 2 年的时间,大约 1500 次提交,15 个RFC[1],无数的心血……以及许多用...

    Vue 2020年12月09日 2866 0
  • Vue+BootStrapV4,构建响应式、移动优先项目——BootstrapVue Vue

    Vue+BootStrapV4,构建响应式、移动优先项目——BootstrapVue

    介绍BootStrap是世界上最受欢迎的构建响应式移动优先网站的框架,Vue是当前最流行的前端框架之一,BootstrapVue则是将两者相结合,使用BootstrapVue,可以使用Vue.js和前端CSS库--Bootstrap v4在Web上构建响应式,移动优先项目。BootstrapVue具有超过40个插件和超过75个自定义组件,为Vue.js提供了最全面的Bootst...

    Vue 2020年12月04日 2032 0
  • JavaScript最受欢迎日历组件FullCalendar

    简要介绍FullCalendar是一款JavaScript用于展示日历的组件。它在github上有13.1k颗星,足见其受欢迎的程度。它支持100多种的自定义设置,可以设置不同的视图、主题、事件等等。目前支持与主流的React、Vue、Angular框架的集成。最新版本:v5.4.0。我对它的评价是:单品类爆款。Github地址https://github.com/fullca...

    Javascript 2020年12月04日 1797 0
  • VueBaiduMap-可能是Vue接入百度地图的最佳组件了 Vue

    VueBaiduMap-可能是Vue接入百度地图的最佳组件了

    基于 Vue.js 封装的百度地图组件,运行流畅,代码简单易懂,可能是在 Vue 生态里最好的地图组件了。在 Vue 中接入百度地图Vue Baidu Map 是一个基于 Vue.js 封装的百度地图组件,几乎包含百度地图官方所有的 API 示例,同时也支持引入百度地图扩展包。vueBaiduMap官网推荐理由主要设计为 Vue 组件注册的方式使用,同时也支持 cdn 的方式直...

    Vue 2020年11月26日 1736 0
  • 基于 Ant Design Vue 的 Vue3.0 框架 Vue

    基于 Ant Design Vue 的 Vue3.0 框架

    Makeit-Admin-Pro,是基于 Vue 3.0 + Vite 开发的一套适合中后台管理项目的集成框架,依赖于阿里的 Ant Design Vue 2.x 版本,内置了登录页面 / 注册页面 / 验证码 / 页面布局等常用模块,开箱即用,现阶段还在持续更新中 ...开发这套统一的中后台管理项目的 UI 框架,主要就是为了免去那些没完没了的后台项目中的基础构建,通过 np...

    Vue 2020年11月26日 8829 0
  • 基于 Vue.js 前后端分离管理系统Go-Admin Vue

    基于 Vue.js 前后端分离管理系统Go-Admin

    今天给大家分享一个超棒的Vue+ElementUI前后台管理系统GoAdmin。go-admin 基于Gin+Vue+Element-UI构建的中后端系统脚手架,star高达2.2K+。包含基础管理功能、jwt鉴权、表单构建器等功能。实现功能用户管理:用户是系统操作者,该功能主要完成系统用户配置。部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。岗位管理:...

    Vue 2020年11月26日 2936 0
  • Vue开发:实现动态组件及组件动态加载和缓存

    动态组件让多个组件使用同一个<component></component>挂载点,并动态切换组件。其具体实现是在一个多标签的界面中使用 is 属性来动态切换不同的组件,如:<!--在component中使用is属性绑定组件--> <component v-bind:is="currentTabComponent"></com...

    Vue 2020年11月26日 2519 0
  • vue-router从零开始 Vue

    vue-router从零开始

    一、前言要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用<a></a>标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。想阅读更多优质文章请猛戳GitHub博客二、vue-router是什么这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用...

    Vue 2020年11月25日 1571 0
  • 超强 Vue3.0 后台管理系统模板CigoAdmin Vue

    超强 Vue3.0 后台管理系统模板CigoAdmin

    今天给小伙伴们推荐一款超牛X开源vue3中后台前端项目CigoAdminVue3。cigoadmin-vue3.0 基于vue3.x+antdv 2.0构建的通用后台管理前端仓库。包括常用的内容管理、系统管理、图表及地图等功能。antdv 阿里推出的vue3.0桌面端UI组件库。https://2x.antdv.com/docs/vue/introduce-cn/快速安装通过下...

    Vue 2020年11月23日 7759 0
  • Web端非常有用的一个文件上传插件——FilePond

    介绍FilePond是一个JavaScript库,它提供流畅的拖放文件上传功能。可以上传任何你扔在它上面的东西,优化图像以便更快地上传,并提供一个非常优雅的、可靠的、平滑的用户体验。Github基于MIT开源协议https://github.com/pqina/filepond适配框架核心库是用普通JavaScript编写的,因此可以在任何地方使用。可以在不同的框架中使用,提供...

    Javascript 2020年11月21日 2958 0