0

都说Vue好,但是我自己用起来很难受

大前端时代,三大前端框架占据了大半的江山。几年前大家都还是jQuery做前端开发,但是到了现在,做后台管理系统,聪明上进的前端都开始使用angular、vue、react三大框架作为开发框架。特别是Vue,国内非常火爆,最主要的是中国人数众多,程序员也是众多。我作为一个前后端都需要开发的创业小公司程序员,三大框架都涉及,且都在使用。最喜欢的还是angular,最不喜欢的是Vue和react,很可能最大的原因是angular纯天然的typescript加持,用了就不想再回去。至于我为何还选择Vue,有句话说的好啊,小孩子才做选择,作为一个大人,我当然是全都要啦。言归正传,选择Vue最主要是轮子特...

阅读全文>>

Vue
0

推荐:前端用户福音,基于Vue的WTM 3.5发布了!

引言WTM的Vue前后端分离版本终于和大家见面了,这是一套用于快速搭建后台管理系统UI界面的平台。界面如下WTM原作者刘亮曾自述:WTM界面其实是LayAdmin界面的Vue实现。 而Layui原著作闲心也曾提过,Bootstrap作为一个通用的UI界面风靡全世界,但是Bootstrap只是提供了“零件”,LayUI借鉴了Bootstrap思想,自己制作了零件并且组装成了机器--LayAdmin。LayAdmin主要是供后端开发人员使用,他们不太熟悉前端技术。因为LayAdmin提供的界面比较漂亮,WTM借鉴了LayAdmin,提供了VUE版,主要供前端开发人员使用。不过WTM也提供了后台接口...

阅读全文>>

0

页面刷新时vuex数据持久化问题的解决方案:利用第三方插件是实现

vuex是在中大型项目中必不可少的状态管理组件,刷新会重新更新状态,但是有时候我们并不希望如此。例如全局相关的,如登录状态、token、以及一些不常更新的状态等,我们更希望能够固化到本地,减少无用的接口访问,以及更佳的用户体验。用法安装:npm install vuex-persistedstate --savevuex初始化就开始引入:每次我们更新vuex的状态,localstorage中的vuex也会随之改变.vuex-persistedstate默认使用localStorage来固化数据.自定义存储方式使用sessionStorageplugins: [ persistedState({...

阅读全文>>

0

cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。

cnpm : 无法加载文件 D:nodejsnode_globalcnpm.ps1,因为在此系统上禁止运行脚本 cnpm : 无法加载文件 D:\nodejs\node_global\cnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + cnpm install --save-dev electron + ~~~~ + CategoryInfo : Se...

阅读全文>>

0

服务器端必须要知道的前端技术大扫盲Vue.js + element-ui

一:Vue.js技术栈npm:node.js的包管理工具,用于同一管理我们前端项目中需要用到的包、插件、工具、命令等,便于开发和维护。ES6:Javascript的新版本,ECMAScript6的简称。利用ES6我们可以简化我们的JS代码,同时利用其提供的强大功能来快速实现JS逻辑。Babel:一款将ES6代码转化为浏览器兼容的ES5代码的插件vue-cli:Vue的脚手架工具,用于自动生成Vue项目的目录及文件。vue-router: Vue提供的前端路由工具,利用其我们实现页面的路由控制,局部刷新及按需加载,构建单页应用,实现前后端分离。vuex:Vue提供的状态管理工具,用于同一管理我们...

阅读全文>>

0

从3.0到4.0,Ant Design最大的变化是什么?

Ant Design 是蚂蚁金服推出的一套企业级 UI 设计语言和 React 组件库,从 2015 年推出开始便受到广泛的关注与使用,目前在 GitHub 上已收获超过 5.7 万个 star。近日,Ant Design 发布了 4.0 版本,带来了一些重大更新。前端之巅采访了 Ant Design 团队的核心作者之一的蒋吉麟,聊了聊 4.0 版本更新背后的一些故事。 Ant Design 4.0 发布了,这次带来了哪些重磅的更新?​本次发布了一些重大更新。比如我们添加了暗黑主题,无边框组件,RTL 国际化支持,Table 、Form、Select 等等的组件重做从而大幅提升性能。由于内容非...

阅读全文>>

0

Vue 中使用lodash对事件进行防抖和节流

有些浏览器事件可以在短时间内快速触发多次,比如调整窗口大小或向下滚动页面。例如,监听页面窗口滚动事件,并且用户持续快速地向下滚动页面,那么滚动事件可能在 3 秒内触发数千次,这可能会导致一些严重的性能问题。如果在面试中讨论构建应用程序,出现滚动、窗口大小调整或按下键等事件请务必提及 防抖(Debouncing) 和 函数节流(Throttling)来提升页面速度和性能。这两兄弟的本质都是以闭包的形式存在。通过对事件对应的回调函数进行包裹、以自由变量的形式缓存时间信息,最后用 setTimeout 来控制事件的触发频率。Throttle:第一个人说了算throttle 的中心思想在于:在某段时间...

阅读全文>>

0

在vue中使用jquery

首先默认你已经有了一个vue程序,如果你想在vue中使用jquery,那么请继续阅读。当然,加入你没有一个vue程序,这里也给出创建一个vue程序的命令。当然,你肯定装了vue-cli,不然你不会点进这篇博客vue init webpack vue-demo01项目的目录类似如下:对了,这个demo里使用了element-ui安装方式:npm i element-ui -S配置方式:可以直接拷走import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);j...

阅读全文>>

0

Vue优秀表单组件,用Vue构建表单的最简单方法——Vue Formulate

介绍Vue Formulate是使用Vue构建表单的最简单方法。主要功能包括表单和字段验证,文件上传,表单生成,支持标签的单元素输入,帮助文本,错误消息,占位符等,以及在自己的项目中使用的全面文档。Githubhttps://github.com/wearebraid/vue-formulate特性开发者幸福表单无处不在,但对于作者来说却令人厌烦—不再了。Vue Formulate为开发人员提供了强大而灵活的API,使复杂的表单创建变得轻而易举。单个输入元素使用Vue Formulate,无需记住十几个组件的名称-所有表单元素都是由单个组件创建的。简单!内置验证开箱即用的验证非常简单,可以处理...

阅读全文>>

0

妙用CSS变量,让你的CSS变得更心动

前言CSS变量又叫CSS自定义属性,为什么会突然提起这个很少人用到的东西呢?因为最近在重构个人官网,不知道为什么突然喜欢用上CSS变量,可能其自身隐藏的魅力,让笔者对它刮目相看。谈到为什么会在CSS中使用变量,下面举个栗子,估计大家一看就会明白。/* 不使用CSS变量 */.title { background-color: red;}.desc { background-color: red;}/* 使用CSS变量 */:root { --bg-color: red;}.title { background-color: var(--bg-color);}.desc ...

阅读全文>>