VUE - 随笔分类(第3页) - 缔造cool

nprogerss浏览器进度条加载优化

摘要：//先引入nprogress import NProgress from 'nprogress' import 'nprogress/nprogress.css' //这个样式必须引入在页面加载时触发页面加载完成就取消是放在axios全局请求中,main.js文件 axios.intercep 阅读全文

posted @ 2020-09-21 19:52 缔造cool 阅读(166) 评论(0) 推荐(0)

项目优化策略

摘要：1.生成打包报告 2.第三方库启用CDN 3.Element-UI组件按需加载 4.路由懒加载 5.首页内容定制阅读全文

posted @ 2020-09-21 19:33 缔造cool 阅读(120) 评论(0) 推荐(0)

vue数据的拷贝loadsh(用于新的数据合并)

摘要：lodash.js 降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。非常适用于：遍历 array、object 和 string；对值进行操作和检测；创建符合功能的函数。配置：（注意：这里是函数防抖的处理并不是拷贝） cnp 阅读全文

posted @ 2020-09-21 19:24 缔造cool 阅读(231) 评论(0) 推荐(0)

vue的echart基本使用

摘要：先 import echarts from 'echarts' 在html中准备一个有大小的div盒子再到script中导入 echart 准备数据和配置项 const result = _.merge(res.data, this.option) //_是loadsh插件 merge是合并的意思阅读全文

posted @ 2020-09-21 18:48 缔造cool 阅读(915) 评论(0) 推荐(0)

vue和angular中moment.js格式化时间插件

摘要：1.安装 npm install moment --save 2.vue中定义时间格式化全局过滤器，filter第一个参数是函数名第二个是格式化时间处理的函数 import moment from 'moment'; // 中文简体 moment.locale('zh-cn'); Vue.filt 阅读全文

posted @ 2020-09-20 11:42 缔造cool 阅读(507) 评论(0) 推荐(0)

vue-element的上传图片

摘要：    <!-- action要完整的url -> <el-uplo 阅读全文

posted @ 2020-09-20 11:37 缔造cool 阅读(323) 评论(0) 推荐(0)

vue小问题-验证规则的坑

摘要：vue中在 <el-form>中添加验证规则 :rules='addrules' 那么<el-form-item>中 prop添加规则时要与表单中input的:v-model同名阅读全文

posted @ 2020-09-16 20:59 缔造cool 阅读(321) 评论(0) 推荐(0)

前端请求的接口来自不同的服务器处理

摘要：如果要设置多个基准地址,对应不同的服务器的接口请求我们可以设置多个基准地址,对应不同服务器的接口请求. 我们可以调用axios.create方法来新建不同的axios对象 var axiosPicture = axios.create({ baseURL: 'http://www.xxx.com/ 阅读全文

posted @ 2020-09-16 16:22 缔造cool 阅读(856) 评论(0) 推荐(0)

vue注册页面表单元素

摘要：表单验证 form标签加 :rules='loginrulers' 验证框的el-form-item加(包起来) prop="usename" 再 export default { data(){ return{ loginrules:{ usename:[ { required:true, mes 阅读全文

posted @ 2020-09-11 09:55 缔造cool 阅读(397) 评论(0) 推荐(0)

项目的上传 /码云(git)

摘要：一、自己上传文件 1.本地 git 代码一般不写在本地的master 问题1：创建分支，并且将文件保存到分支上 //查看分支 git branch //创建分支 git checkout -b 分支名称 //切换到分支 git checkout 分支名称 2.功能实现需要将本地分支上的代码传递到阅读全文

posted @ 2020-09-10 15:03 缔造cool 阅读(123) 评论(0) 推荐(0)

前端工程化-模块化

摘要：.ES6模块化 ES6模块化规范中定义： 1).每一个js文件都是独立的模块 2).导入模块成员使用import关键字 3).暴露模块成员使用export关键字小结：推荐使用ES6模块化，因为AMD，CMD局限使用与浏览器端，而CommonJS在服务器端使用。 ES6模块化是浏览器端和服阅读全文

posted @ 2020-09-08 14:45 缔造cool 阅读(143) 评论(0) 推荐(0)

Vue Router 的params和query传参的使用和区别（详尽）

摘要：1.vue之this.$route.query和this.$route.params的使用与区别转载https://blog.csdn.net/mf_717714/article/details/81945218?utm_medium=distribute.pc_relevant_t0.none- 阅读全文

posted @ 2020-09-07 21:35 缔造cool 阅读(1222) 评论(0) 推荐(0)

路由

摘要：路由就是一种对应关系路由分为前端路由和后端路由后端路由概念:根据不同用户的URL请求,返回不同的内容本质:URL请求地址与服务器资源之间的对应关系前端路由概念:根据不同的用户事件,显示不同的页面内容本质:用户事件与事件处理函数之间的对应关系前端路由的原理: 当前端的hash地址发生变化的阅读全文

posted @ 2020-09-07 21:27 缔造cool 阅读(131) 评论(0) 推荐(0)

修改响应式数据

摘要：阅读全文

posted @ 2020-09-07 09:07 缔造cool 阅读(125) 评论(0) 推荐(0)

服务器报错-异常捕获

摘要：axios.defaults.baseURL = 'http://127.0.0.1:3000'; async function run(){ //服务器如果正常的返回一个结果值,ret就可以得到服务器的返回的结果 //服务器报错了,返回的是一个错误的结果 //如何处理这种报错的情况?需要使用异常捕阅读全文

posted @ 2020-09-07 08:58 缔造cool 阅读(204) 评论(0) 推荐(0)

axios

摘要：基本axios请求 (1)get axios.get('http://xxxxxxxxx', { params: { id: 789 } }).then(function(ret){ console.log(ret.data) }) (2)delete axios delete 请求传参 axios 阅读全文

posted @ 2020-09-07 08:51 缔造cool 阅读(166) 评论(0) 推荐(0)

Promise异步编程

摘要：当我们用$.ajax去请求有依赖的多个数据的时候,代码编写会形成漏斗形状的结构,代码可读性差,可以使用es6提供的Promise promise概述: Promise是异步编程的一种解决方案,从语法上讲,Promise是一个对象,从它可以获得异步操作的消息使用promise有以下好处: 可以避免多阅读全文

posted @ 2020-09-07 08:36 缔造cool 阅读(127) 评论(0) 推荐(0)

Vue局部组件和全局组件的应用

摘要：<div id="app"> <div class="container"> <div-cast></div-cast> </div> </div> <script type="text/javascript" src="../node_modules/vue/dist/vue.js"></scri 阅读全文

posted @ 2020-09-05 10:06 缔造cool 阅读(127) 评论(0) 推荐(0)

前后端交互模式

摘要：前端会发送请求(request)到后端服务器,服务器会返回一个响应(response)给前端, 如果想要分析请求具体的情况,打开F12,点击network选项卡,找到请求并分析两种url地址形式 (1)传统的url地址可以发送git post请求 https://www.baidu.com/he 阅读全文

posted @ 2020-09-05 09:49 缔造cool 阅读(121) 评论(0) 推荐(0)

vue_组件化开发

摘要：一.基本的组件注册 1)全局组件注册 <div id="xxoo"> <button-co></button-co> //自定义的组件 </div> <script type="text/javascript" src="../第一天/node_modules/vue/dist/vue.js"></ 阅读全文

posted @ 2020-09-02 10:44 缔造cool 阅读(141) 评论(0) 推荐(0)

缔造

于千万人之中遇见你所遇见的人

随笔分类 - VUE

公告