VUE
GothaM24
言出子口,入于吾耳,何以言未
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
浏览器本地存储cookie的应用-Vue篇
前言在前端开发中,有些时候,数据需要在前端做存储,有点:成本低,缺点:安全性低。下面介绍使用cookie存储本地生成的uuid识别码Vue中使用cookie1、安装依赖$ npm i vue-cookie -D2、入口文件挂载cookieimport cookie from 'vue-cookie'Vue.prototype.$cookie = cookie;3、UUID生成公用方法(可忽略)createUUID(){ var d = new Date().getTime();原创 2020-07-23 11:54:12 · 897 阅读 · 0 评论 -
vuejs实现数字变化上下滚动动画效果
一、前言在做统计分析的时候,前端需要对一串数字进行处理,当数字改变,变大或者变小的时候,能有滚动效果话不多说,直接上代码二、实现效果(原谅我不会截动图,但是数字上下滚动的效果真的有。。。。)html<div class="chart-m-l-c"> <label>诉讼参与人总数</label> <div class="count"> <b v-for="(item, index) in prosecutorArr" :key="in原创 2020-06-10 16:29:10 · 5525 阅读 · 7 评论 -
vue+webpack打包生成可配置文件-后台服务地址
前言:我们用vue/cli + webpack 启动前端,后台服务的地址配置会写在/config/dev.env.js和/config/prod.env.js文件中,当项目打包执行build后会把这两个文件打包需求:最近项目规范走CI持续构建,自动化构建,一个构建结果可能用于多个环境,比如测试环境、研发环境、演示环境、生产环境等,为了保证前端包的一致性和保存打包记录,本地打黑包是不合适了,下面记录下生成可配置的serveConfig文件方法:第一步在/static文件夹下新建serveConfig原创 2020-05-21 10:15:30 · 1085 阅读 · 2 评论 -
vue使用less报错:loaderContext.getResolve is not a function
.vue中使用lang=“less” 首先需要安装less和less-loader,自动安装会报错:loaderContext.getResolve is not a function此时我们查看package.json文件"less": "^3.11.1","less-loader": "^6.1.0",less-loader的版本过高,手动改成"less": "^3.11.1","less-loader": "^4.1.0",然后执行$ npm i完美解决!...原创 2020-05-13 11:25:39 · 980 阅读 · 0 评论 -
vue+js数据处理,对数组重新构造
前言:一般情况下,我们前端发起的请求,后台返回的数据经过简单的处理,即可渲染到页面中,不管是vue、angular或者jquery原生js等,但是有些时候,由于后台sql语句或者数据库设计,后台对数据不好处理(其实后台懒的一批),出于对服务端的优化,数据放在前端处理,降低开发成本,下面有一例最近开发的日历控件,在此记录。首先看请求返回的数据结构下图是需求和最终效果分析第一步:我们先把...原创 2020-04-27 09:08:57 · 1861 阅读 · 0 评论 -
Vue前端框架的目录结构分析和各文件之间的关系
前言上一篇记录了基于@vue/cli 和webpack的前端开发环境搭建并总结了一些常见的问题,本篇文章将来分析搭建完成的vue框架的目录结构并梳理各个文件之间的关系。分析├── README.md 项目介绍(.md文件,无实际意义)├── index.html 入口页面(webpack打包的入口文件)├── build ...原创 2020-02-25 10:57:39 · 1232 阅读 · 0 评论 -
vue-cli + webpack 搭建前端开发框架
前言:首先我们知道,webpack内置的dev-server可以部署虚拟服务环境,所以利用这一点可以使用webpack搭建一个机遇vue开发的前端框架。步骤一:确保电脑上安装了node和管理工具npm,查看方式:$ node -v$ npm -v如果没有安装,请自行安装步骤二:全局安装webpack$ npm i webpack -g安装完成后使用以下指令查看是否安装成功...原创 2020-02-24 16:17:37 · 303 阅读 · 0 评论
分享