JavaScript
文章平均质量分 86
IT小村
Java JavaScript Python
展开
-
使用 纳米级 加载进度条 NProgress 增强网页交互感
一、前言最近想给页面加载请求加个进度条,让用户感知自己的操作产生的影响以及进度如何。自己写比较费劲,而网上肯定有很多成熟的插件。NProgress,自称可以达到 Google, YouTube, and Medium 等知名应用的进度加载条同样的效果,笔者看了试了试,确实如此,故写本文分享这个趣味十足的插件。官方体验地址:https://ricostacruz.com/nprogress/...原创 2020-05-06 18:02:35 · 599 阅读 · 0 评论 -
如何在vue项目中增加网页logo
一、前言vue项目中增加网页,操作很简单,就能达到效果:一张图片 + 一行代码 。二、正文本项目是基于 ElementUI 的 element-starter,以做更好的演示。1.代码就增加了如下的代码<link rel="icon" href="../img/MyLogo.png">注意在项目的根目录下,新建一个文件夹如 img,logo 的图片从里边获取,不要在 ...原创 2020-05-05 11:44:43 · 4943 阅读 · 0 评论 -
前后端分离 之 vue 中使用 mock.js
一、前言简介:mock.js 是个伪造接口请求数据的 js 插件好处:不用删除频繁增删临时数据。二、正文1.安装 mock.jsnpm install mockjs2.使用 mock.jsdemo项目结构图、关键代码如下3.效果与解释效果如下图:解释:本来应该显示 data 中的数据的:而实际显示mock中的数据:这点有点类似反向代理,将实际请求转交 mock 处...原创 2020-04-21 18:07:31 · 421 阅读 · 0 评论 -
ElementUI的table的假分页实现
前言一般我们的 table 都是会通过真分页来实现数据的展示的,但是有一些情况,我们可能会通过假分页的方式,比如数据量小,为了不增加后端接口的复杂性,前端通过假分页来实现分页。正文假分页,其实通过 js 数组的 slice 即可轻松实现,难的是如何响应 ElementUI 中的页码切换、页码大小切换、页面搜索。通过千方百计的测试,笔者最终选择了一个简单可行的方案,那就是在 table 的 ...原创 2020-04-15 16:22:06 · 4194 阅读 · 0 评论 -
在 React 中 使用 pubsub.js 进行组件间的通信
一、前言React 将页面进行组件化,看似相互独立了,信息传递显得有点小复杂,其实使用一个小型轻量 pubsub.js 就可以做到了(目前最新的 1.6.0 版本源码不到 300 行) 题外话: 效果类似 Java 全栈开发中广泛使用的 Session 之 setAttribute、getAttribute,在不同的 class 中取得联系 而 React 也是基于 cla...原创 2018-05-20 18:30:06 · 1144 阅读 · 0 评论 -
使用 React + LayUI 做后台管理 CRUD 界面和 RESTful 交互
1、前言最流行的 JS 库,应用范围广: web、安卓、IOS、浏览器端、服务器端等React 笔者很早就接触了, 出于情怀,先选择国产的 Vue,后来感到有点鸡肋。 或许是作为主要使用Java的后端开发人员,对React的面向组件的开发逻辑,感到轻车熟路React 好比后端开发语言 Java(严谨完整)、Vue 好比后端开发语言 Python(力求简洁) 或许是出自强迫症,一...原创 2018-05-13 17:31:28 · 8765 阅读 · 0 评论 -
renren-fast 与 renren-fast-vue 与 renren-generator 基本操作
一、前言公司主打产品的,近来发现了一款快速完成前后端 CRUD 的框架 renren-fast,打算用它来 “刷” 小型的外包,积攒资金。个人觉得,renren-fast 主要面向后台开发者,使用方式和 Guns 类似:使用 Guns 自动生成 SpringBoot + LayUI 的后台管理系统① 由于完整开发文档需要费用,② 前端使用 vue,有的后台开发者不清楚。笔者参考了...原创 2018-12-27 15:23:29 · 7548 阅读 · 11 评论 -
使用 Vue + ElementUI + Webpack + VueRouter 做后台管理、RESTful 交互
一、前言前端三大 JS 框架 Vue、React、Angular 都用了一段时间了,最后还是回归于 Vue JS demo Vue [增删改查] 使用 Vue2.x + LayUI 做后台管理 CRUD 界面和 REST 交互 React [增删改查] 使用 React + LayUI 做后台管理 CRUD 界面和 RESTful 交互 An...原创 2018-08-25 00:00:52 · 49538 阅读 · 24 评论 -
使用 Vue + LayUI 做后台管理、RESTful 交互
一、前言1、之前使用了 React/Angular,使用起来显然是比 jQuery 好多了,但时隔半年,最近再次深入研究了 vue,很惊喜。 故以后选择 MVC/MVVM 框架的话,建议首选 vue,主要是其代码结构,清晰简单。2、使用 vue + layui 了,但 layui 里边的 layui.js 模块 vue.js 冲突, 因此放弃使用 layui.js,导致很多高级...原创 2018-08-22 14:27:08 · 97553 阅读 · 19 评论 -
使用 vue2.x + ElementUI 快速搭建一个后台 增删改查 管理界面
一、前言CRUD 自从使用了 vue2.0,就不想过多地去使用其他的含 JS 代码的前端框架如 BootStrap4、jQuery 等,想全程使用 vue 去搭建前端界面,因为 vue 的生态系统十分繁荣,ui 方面的库有 element-ui、iview 等。这次①使用了vue搭建前端页面架构,绑定数据,②使用element-ui修饰界面。二、搭建项目架构具体可以去看之前的...原创 2018-02-01 08:45:45 · 60983 阅读 · 2 评论 -
使用 vue-cli + element-ui 快速搭建项目
一、前言vue2.0的到来,凭借这其简单易学、完善的API中文文档、丰富的生态系统,成为国内目前十分受欢迎的前端MVVM框架, element-ui是基于 vue2.0的 ui框架,由饿了么团队开发维护的,目前是vue的ui库中最受欢迎的一个框架 element-ui官网 vue专题网站在vue专题中可以看到各个ui框架的受欢迎程度二、代码操作使用vue-...原创 2018-01-31 16:32:36 · 46841 阅读 · 7 评论