[webpack]-webpack超级详细搭建实用前端环境

前言: webpack 超级实用前端环境搭建 一、我们日常使用的前端开发环境应该是怎样的? 构建我们需要发布的html,css ,js 文件 使用css 预处理器来编写样式 处理压缩图片 使用Bable支持ES新特性 本地提供静态环境开发调试 二、关联HTML webpack 默认从作为入口的 .j ... »

修改element表格组件的样式

最近在开发一个项目,使用到了element中的表格组件,但是该组件的样式不是我们想要的样式,需要自己再调整,但是常常会遇到自己设置的样式无效,我使用的技术是Vue开发的 ... »

vue+mescroll=VScrollFull

VScrollFull 介绍 这个组件是什么? 是为了方便的使用下拉刷新,上拉加载而去封装的一个依赖于 mescroll.js 的 vue 组件(未发布,文末代码~) 封装这个组件使用了什么? "mescroll.js" "vue.js" 封装这个组件的理由? 没有找到满意的 vue 下拉刷新组件, ... »

基于vue-cli的快速开发框架

基于vue-cli的快速规范开发框架,已封装常用组件,可直接进行基本项目开发 1,遵循eslint规则,提升代码质量 2,集成mock模拟服务端数据,提升开发效率 3,集成vuex,可直接使用开发 4,封装axios、jsonp,解决基本服务端接口请求 5,集成svg图标库,避免使用图片消耗的资源、 ... »

vue图片上传及java存储图片(亲测可用)

1.前言 在使用elementui的upload组件时,我一直无法做到上传的图片和其他数据一起提交。单纯的上传文件,java的存储图片的方式也有局限性。 我知道的后端保存图片有两种方式:一种是直接存储到数据库中(base65和blob都能做到),一种是存储在服务器上的一个文件夹,数据库保存图片地址. ... »

vue项目部署上线

前言 今天把自己写的demo登录写完了,就想着试着走一下部署上线的流程。参考了很多的文档,终于成功进行了部署。在这里将服务器的搭建和vue项目的 部署上线进行整理(都是基础的知识,希望对大家有帮助。对我帮助是很大的) 2.流程 1.服务器搭建 这里我用的是腾讯云的服务器。买了一个域名。没有备案的域名 ... »

Vue入门

今天开始利用业余时间学习Vue,总体感觉还行,因之前学习过小程序,两者有很多相同的思想,在此总结列举下 1.小程序和vue都借鉴了Mustache语法,都是通过{{}}去指定数据对象。 2.Vue使用时需要new Vue对象,这个Vue对象有点像小程序中的JS文件中的Page对象。 3.Vue中的s ... »

vue 封装方法

个我这个是局部引入方法,下次有需要全局在补上(全局:在main.js文件引入封装的方法js文件,然后用Vue.prototype) 一、新建一个js文件loading.js 二、编辑loading.js文件 1. 一次性导出多个方法 在vue文档中引入(为什么要加{}可以看https://www.c ... »

Nuxt.js 学习笔记

起源 最主要的原因时使用vue-cli搭建的SPA(单页应用)不利于搜索引擎的SEO操作。搜索引擎对SPA的抓取并不好,特别是百度根本没法抓取到SPA的内容页面,所以我们必须把我们的应用在服务端渲染成适合搜索引擎抓取的页面,再下载到客户端。 Nuxt.js是Vue.js的通用框架,最常用的就是用来作 ... »

vue2.0 如何自定义组件(vue组件的封装)

一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话很不错了,但是坑也是不少,而且很多功能也是仅凭这些实现不了 ... »

把axios封装为vue插件使用

前言 自从Vue2.0推荐大家使用 axios 开始,axios 被越来越多的人所了解。使用axios发起一个请求对大家来说是比较简单的事情,但是axios没有进行封装复用,项目越来越大,引起的代码冗余。就会非常麻烦的一件事。所以本文会详细的跟大家介绍,如何封装请求,并且在项目组件中复用请求。有需要 ... »

VUE滚动条插件——vue-happy-scroll

最近自己在自学vue2.0,然后就自己摸索做一个简单的后台管理系统,在做的过程中,总感觉不同浏览器自带的滚动条样式不统一,也很难看,所以就在网上找一些使用vue的滚动条插件。最开始用的是Easy-scroll插件,可是在使用过程中,发现一个问题——由于在开发过程中,需要经常打开开发者选项进行调试,可... ... »

vue2.0 axios封装、vuex介绍

一、前言 博主也是vue道路上的行者,道行不深,希望自己的东西能对大家有所帮助。这篇博客针对 了解过vue基础,但是没有做过vue项目的童鞋。如果想看基础指令,可以看我之前的一篇博客,请点击 跳转, 不过我还是建议看文档比较好。os: Vue文档是非常详细的 二、准备 做vue单页应用都需要会什么? ... »

Vue-CLI和脚手架

但我们学习Vue时,很多教程都会说到用Vue-CLI构建项目,那么什么是脚手架?什么是Vue-CLI?为什么要用脚手架,好处在哪?以及为何我们用Vue开发项目时要用到Vue-CLI? 首先,CLI为command-line interface的缩写,意为:命令行界面。注意,CLI不是“脚手架”的英文 ... »

react VS vue 我们究竟该如何选择(从项目的角度帮你分析)

一、序言 现在web开发最火的两个框架,react和vue。听起来就感觉很牛逼的样子。确实,不得不服,创造出这2种框架的人真的是牛逼。不过更牛逼的是为这2中框架不断完善的人。一个优秀的idea,会在很短的时间内被孵化、不断完善,这就是互联网的魅力。 好了,闲话不多说,我们进入正题。如果想看结论的,直 ... »

前端重要信息加密

最近在vue的项目中遇到用户登录,登录信息要做加密处理,用的是base64加密。 安装crypto-js:npm install crypto-js --save 加密: let password= CryptoJS.enc.Utf8.parse(this.ruleForm.password) co ... »

Element-ui 实现table的合计功能

Element-UI是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架,其功能较为完善,根据其文档与demo学习,非常容易上手,但是我在使用其tabel组件时,发现我的功能 需求并不适用官网给出的demo,于是进行了修改。 需求描述:只将数量列进行合计,其他行不用合计 出现问题:公 ... »

VUE+webpack+npm项目中的RSA加解密

一、安装jsencrypt node_modules文件夹中出现jsencrypt 二、引入jsencrypt 在main.js中import: 三、生成公钥和私钥(服务端生成) 四、JSEncrypt实例化(此部分可做成工具类,供项目中各模块使用) 五、加解密(公钥加密,私钥解密) 我在项目中的使 ... »