1

vue插件汇总及vue组件大全

Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件,这里对vue插件汇总,提供vue组件大全,方便查找使用,便于工作和学习。 一、UI组件及框架     element - 饿了么出品的Vue2的web UI工具套件     mint-ui - Vue 2的移动UI元素     iview - 基于 Vuejs 的开源 UI 组件库     Keen-UI - 轻量级的基本UI组件合集...

阅读全文>>

0

Error: Cannot find module "core-js/modules/es6.regexp.constructor"

下载了vue-element-admin项目,环境配置好之后,npm run dev 运行,却出现了如下错误信息: INFO Starting development server... 10% building 2/2 modules 0 active ERROR Error: Cannot find module 'core-js/modules/es6.regexp.constructor' Require stack: - E:\demo\mock\index.js - E:\demo\mock\mock-server.js - E:\demo\v...

阅读全文>>

0

npm查看安装的依赖的版本

查看依赖包的版本: npm view sass-loader versions --json 查看依赖包本地安装的: npm ls sass-loader npm ls sass-loader -g (全局安装)

阅读全文>>

0

React 入门:安装环境

前言作为一个前端开发有些不好意思,居然还没有接触过 React ,就借这段时间积累下 React 相关经验,为疫情过后能有更多的就业机会。如果你已经是个经验丰富的 React Developer 可能这系列文章不太适合你阅读。虽然我承认下面大多数内容,基本都可以在官网找到原型。 但我会努力让你们尽可能不枉此行,如果有不对之处,望各位评论指出。推荐工具链我们可以像以前使用 jquery 一样,通过 script 脚本来引用 React ,并作为我们快速上手。React 提供了多种工具链来帮助我们开始构建一个新应用:· 如果你是在学习 React 或创建一个新的单页应用,请使用 Create Re...

阅读全文>>

0

轻量级Javascript全文搜索库——Lunr.js

介绍Lunr.js是个用于浏览器的轻量级 JavaScript 全文搜索引擎。它为JSON文档建立索引,并提供一个简单的搜索界面来检索与文本查询最匹配的文档对于一些小型的博客、开发者文档或 Wiki 网站来说,完全可以通过它实现站内离线搜索:为什么使用它?对于已经将所有数据存储在客户端中的Web应用程序,也能够在客户端上搜索该数据也是很有意义的。这样可以节省在服务器上添加额外的压缩服务。本地搜索索引将更快,没有网络开销,并且即使没有网络连接也将保持可用。Github目前Github上star数6.6khttps://github.com/olivernn/lunr.js简单示例var idx ...

阅读全文>>

0

轻量级Vue图片上传插件——Vue-core-image-Upload

介绍vue-core-image-upload 是一款轻量级的 Vue.js 上传插件,它可以支持的图片的上传,裁剪,压缩。它同样也支持在移动端的图片处理,它定义了诸多上传周期,你可以自由的进行流程控制。Githubhttps://github.com/Vanthink-UED/vue-core-image-upload安装npm install vue-core-image-upload --save安装完成后,编辑源码<template><div class="center"> <vue-core-image-upload class="btn btn...

阅读全文>>

0

vue框架搭建流程

一、检查node和npm是否已安装win+r打开命令工具,输入cmd,后依次输入node -v和npm -v。若能显示版本号,则安装成功。若不能,node下载路径为Node.js。 npm下载为npm install npm -g二、配置node环境1、首先在node.js的安装目录根目录下新建两个文件夹:node_global和node_cache(第二步cache配置用到);2、打开命令行工具,输入 npm config set prefix "刚刚新建的node_global文件夹路径”如: npm config set prefix D:\\Program Files\\nodejs\...

阅读全文>>

0

掌握这8个CSS开发工具让你瞬间成为开发高手!还在等什么!

CSS是Web开发的基础之一。但是,我们中的一些人却感到非常困惑。这是因为我们没有遵循适当的学习流程,因此我们很难理解CSS的行为。本文旨在通过两种方式为你提供CSS的学习帮助:借助专用工具对CSS进行编码以及通过一些交互环境学习CSS。网上学习制作工具1、 EnjoyCSS地址:https://enjoycss.com/这个工具非常简单,是我们学习使用CSS时的救星。你可以使用一些简单的UI设计元素,然后通过这个工具将其转换为CSS代码。EnjoyCSS极大地改变了我的工作流程。由于易于使用,它使我花费在创建复杂CSS样式上的时间和精力减少了。不需要很深的背景就可以得到复杂的CSS效果。“ ...

阅读全文>>

0

Vue3.0权限管理实现流程

一、整体思路后端返回用户权限,前端根据用户权限处理得到左侧菜单;所有路由在前端定义好,根据后端返回的用户权限筛选出需要挂载的路由,然后使用 addRoutes 动态挂载路由。二、实现要点(1)路由定义,分为初始路由和动态路由,一般来说初始路由只有 login,其他路由都挂载在 home 路由之下需要动态挂载。(2)用户登录,登录成功之后得到 token,保存在 sessionStorage,跳转到 home,此时会进入路由拦截根据 token 获取用户权限列表。、(3)全局路由拦截,根据当前用户有没有 token 和 权限列表进行相应的判断和跳转,当没有 token 时跳到 login,当有 ...

阅读全文>>

0

聊聊昨晚尤雨溪现场针对Vue3.0 Beta版本新特性知识点汇总

转发链接:https://mp.weixin.qq.com/s/MQues_aqTBeQ_6g8uVT9Tw前言在 4 月 21 日晚,Vue 作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。以下是直播内容整理想学Vue的小伙伴们,小编这几个月陆陆续续收集整理了几十篇关于Vue的学习相关文章以及项目开发中的总结,相关Vue学习资料文章请见本篇文章底部1. 全新文档RFCsVue.js 3.0 Beta发布后的工作重点是保证稳定性和推进各类库集成所有的进度和文档都将在全新RFCs文档可以看到。2. 六大亮点Performance:性能更比Vue 2.0强。Tree shak...

阅读全文>>