一、安装引用安装:npm install vue-resource --save-dev引用:/*引入Vue框架*/ import Vue from 'vue' /*引入资源请求插件*/ import VueResource from 'vue-resource' /*使用VueResource插件*/ Vue.use(VueResource)二、简单语法引入vue-resource后,可以基于
转载 2024-03-07 13:02:45
63阅读
top 也是一个查看系统进程的工具 和ps不同的是 top是使用动态持续性的监控整个系统的工作状态,默认是5,IAO刷新一次 可以使用-d 来修改。我们先看下top的基本参数:top [-d 数字] | top [-bnp] 选项与参数: -d :后面可以接秒数,就是整个程序画面升级的秒数。默认是 5 秒; -b :以批量的方式运行 top ,还有更多的参数可以使用喔! 通常会搭配
懒加载:又叫延时加载,即在需要的时候进行加载,随用即载使用懒加载的原因:像vue这种(spy)单页面应用,如果没有使用到懒加载,webpack打包的文件过大,造成进入首页时,加载的资源过多,时间过长,即使做了loading也不利于用户体验,而运用懒加载可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载事件,简单来说就是进入首页不用一次加载过多资源造成时间过长&
转载 2024-09-18 21:27:19
59阅读
目录一、认识Promise1.什么是Promise?2.网络请求的回调地狱二、Promise基本使用1.定时器的异步事件2.定时器的异步事件解析3.Promise三种状态三、Promise链式调用1.Promise链式调用2.链式调用简写四、Promise的all方法 一、认识Promise1.什么是Promise?2.网络请求的回调地狱多层嵌套不易维护,通常称为回调地狱二、Promise基本使
转载 2024-04-06 20:42:50
400阅读
v-for中的key       我们现在在使用v-for的时候,都必须会加上一个必要的key值,并且很多人会使用index来作为key,其实这样是不太妥当的一种做法。那么v-for中的键值key到底有什么作用呢。       首先看一看vue文档里的说法:      emmm,好像还是比
vue-resource是一个非常轻量的用于处理HTTP请求的插件,它提供了两种方式来处理HTTP请求:使用Vue.http或this.$http;使用Vue.resource或this.$resource;这两种方式本质上没有什么区别,阅读vue-resource的源码,你可以发现第2种方式是基于第1种方式实现的。inteceptor可以在请求前和请求后附加一些行为,这意味着除了请求处理的过程,
场景由于项目创建之前后端设计不合理,导致详情页链接参数id为顺序序数(例:1,2,3…等等),安全系数非常低(虽然我们前端做了菜单权限、按钮权限、Api权限等等),现在要前端解决下浏览器链接/接口参数实现加密??注:前端链接加密与接口参数加密(get请求)类似思路过程一、设计格式项目正常链接为contract/draft/contract-draft-detail?id=26197&typ
转载 2023-12-13 10:12:27
91阅读
项目 res/ 目录内支持的资源目录。目录资源类型animator/用于定义属性动画的 XML 文件。anim/定义渐变动画的 XML 文件。(属性动画也可以保存在此目录中,但是为了区分这两种类型,属性动画首选 animator/ 目录。)color/用于定义颜色状态列表的 XML 文件。请参阅颜色状态列表资源drawable/位图文件(.png、.9.png、.jpg、.gif)或编译为以下可绘
转载 2024-07-26 09:48:44
91阅读
安装 cnpm install --save-dev @babel/plugin-proposal-optional-chaining .babelrc { "presets": [ "@vue/app" ], "plugins": ["@babel/plugin-proposal-optional
原创 2022-08-29 16:10:59
104阅读
今天因为搜索功能一直接收到了后台数据但是前端页面没有渲染出来很奇怪,详细调试了好久,试验:后端的数据: @GetMapping("/exam/{examCode}") public ApiResult findById(@PathVariable("examCode") Integer examCode){ System.out.println("根据ID查找"+examCode); ExamManage res = examManageService.findB
原创 2023-02-24 17:17:34
344阅读
作为一个前端菜鸡,我已经不是第一次碰到自适应的问题了,ui给1440的图,难道就只适配1440?起码是pc端都要适应,根据盒子的宽高比自适应,我们又不能重新根据窗口大小重新写样式,太太太浪费时间了 这时候我想到了rem,所谓rem是根据html的字体大小计算的,一般浏览器默认html{font-size:16px};也就是说 1rem=16px,那么如果一个盒子在设计图中的尺寸是200px200p
 1. FTP(File Transfer Protocol):文件传输协议,属于应用层协议,用于服务端和客户端之间传输文件,使用明文传输所有数据,FTPS是文件加密传输协议,是在FTP基础上通过SSL/TLS对信道进行加密传输  A. 20:向客户端传输数据的端口;  B. 21:FTP监听TCP连接的端口号。2. 常见远程控制协议  A. 22:SSH(Secure Shell)远程
转载 2024-04-26 12:55:31
47阅读
前言当render函数创建之后,通过watcher实例触发render函数执行后,实际上这个过程会创建子组件、标签等对应的虚拟节点对象VNode,也可能会触发相关属性从而触发视图更新。最后的操作都会流转到patchVNode的处理逻辑即patch阶段。patch阶段会采用diff算法最大复用DOM,减少DOM成本。本篇不会细究vue diff算法,而是聊聊patch除了diff算法复用DOM之外的
转载 2024-10-13 14:44:32
77阅读
vue中使用amap这几天被公司要求在APP端做出一个地图,且在地图上来显示不同公司的详细信息的功能。众所周知,人们在面对一个新的陌生事物时,可能会有一种陌生以及不安的心理(ps: 那些大佬当我没说),俺也一样。所以记录一下本次做地图的一些细节以及具体做法。那么废话不多说,直接开始吧。一: 首先得知道地图的基本展现(你得能先让地图主体出来,在搞其他)1.1 安装 ( 官方链接:https://el
一、问题描述在开发Vue项目时,出现警告:‘res’ is defined but never used二、解决方案:在对应需要忽略校验的行上面加上下面这句注释://eslint-disable-line no-unused-varsps:当然也可以通过修改全局配置文件的校验规则,但那个风险大,先不改那个了。...
原创 2023-02-13 11:42:00
254阅读
AxeSlide软件项目梳理   canvas绘图系列知识点整理保存文件保存内容有哪些?我们需要保存的内容信息1)context.json 存储画布状态信息和所有元素的配置信息(这个文件在过程中生成)2)插入的图片、音频、视频等资源3)所用到的字体文件4)每一帧的缩略图将这些文件压缩到一个zip包里,我们的作品保存后的文件是dbk后缀格式的,其实就是一个压缩zip文件。保存过
computed 和 watch 的区别和运用的场景?computed:是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值;watch:没有缓存性,更多的是「观察」的作用,类似于某些数据的监听回调 ,每当监听的数据变化时都会执行回调进行后续操作;当我们需要深度监听对象中的属性时,可以打
转载 2023-07-10 16:00:20
105阅读
Axios :Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,是http的客户端 由于在做vue项目,Vue2.0之后,尤大大推荐大家用axios替换vue-resource(虽然也能用但已经不维护了),Axios本质上也是对原生XHR的封装它有一些特性1:从浏览器中创建 XMLHttpRequests: 2:从 node.js 创建 http 请求
vue的异步操作tip:在vue的使用中,发送请求后,.then()操作是异步进行的。其实不是vue才有,这个问题应该是JS的异步问题。这次通过一个接口请求后,获得相应的**“商品列表”并展示,但是,在展示之前,想要再次去查询该商品列表里的商品,是否已有“采购记录”。这时候需要将“商品列表”中的“商品编号”去查询相应的“采购记录”并操作数组。也就是在第一个查询.then()里,在次去进行查询。这时
转载 2024-04-13 17:00:47
607阅读
1、示例代码 2、效果 3、说明 渲染子组件的内容,将子组件数据传递到插槽。 子组件: 父组件:
转载 2018-05-16 09:30:00
79阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5