摘要: 转载自 http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html CSS Grid 网格布局教程 一、概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局 阅读全文
posted @ 2020-12-18 16:44 Y-X南川 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 纯前端完成批量下载文件功能,可以下载任何文件,开箱即用 阅读全文
posted @ 2020-11-24 14:01 Y-X南川 阅读(2420) 评论(1) 推荐(0) 编辑
摘要: 正则的书写规则:两个斜杠包起来,^符号表示开始,$符号表示结束 let reg = /^d+[a-z]+$/ 1.\d 匹配数字 2.\d+ 匹配1个或者多个数字 3.[a-z] 匹配26个小写字母,注意必须为升序,不能[z-a]这样写 4.[0-9] 匹配0到9的数字 5.\w 匹配 数字、字母、 阅读全文
posted @ 2020-11-23 16:41 Y-X南川 阅读(3769) 评论(0) 推荐(0) 编辑
摘要: 场景一:多分支开发,不影响主分支 在工作中遇到要新增功能但同时不能影响主分支现有的业务逻辑,我们可以新建一个分支开发代码,测试完毕后再合并到主分支,不用担心新代码影响现有代码逻辑。接下来具体看操作步骤: 1.新建一个分支。这句命令意思是新建了一个 testlog 的分支并切换到了 testlog 分 阅读全文
posted @ 2020-10-28 10:07 Y-X南川 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 现有如下需求 1、用户可以选择多张图片,点击按钮完成上传 2、向后台发送的数据必须为base64位编码的格式 3、图片名以下标命名 4、接口只支持单张图片的上传,上传成功后返回一个线上的图片地址 5、最终拿到一个长度为选择的图片的数量,内容是每张图片返回的线上图片地址的一个数组 实现思路 1、选中图 阅读全文
posted @ 2020-09-16 14:18 Y-X南川 阅读(1574) 评论(0) 推荐(0) 编辑
摘要: 首先了解一下什么是axios Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 这是axios官网给出的解释。 其次封装后提供了那些功能 1、接口超时处理 2、接口请求时拦截 3、接口响应后拦截4、不同状态码判断 接着开始走入正题,首先安装axios 阅读全文
posted @ 2020-09-15 19:00 Y-X南川 阅读(511) 评论(0) 推荐(0) 编辑
摘要: 前言 我们再使用vue脚手架开发项目时,不可避免的涉及到多个环境来回切换接口调用地址的问题,在开发环境中可能会通过 ip 来访问后台接口,但是当项目上线后就要把对用的接口地址换成生产环境的地址,肯定不能再用 ip 来调用,因此我们每次打包发布的时候都要更改相关配置,非常痛苦,今天我们一起来通过代码的 阅读全文
posted @ 2020-07-20 08:30 Y-X南川 阅读(2181) 评论(0) 推荐(0) 编辑
摘要: Vue 最独特的特性之一,是其非侵入性的响应式系统。数据模型仅仅是普通的 JavaScript 对象。而当你修改它们时,视图会进行更新。这使得状态管理非常简单直接 如何追踪变化 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项,Vue 将遍历此对象所有的 prope 阅读全文
posted @ 2020-06-17 13:37 Y-X南川 阅读(429) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>操作数组的10个方法</title> </head> <body> <script type="text/javascript"> /* 方法一:shift() 删除数组的第一个值 阅读全文
posted @ 2020-06-16 14:31 Y-X南川 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 上一篇我们已经封装好了cookie方法,登录成功之后也可以吧用户信息存到cookie中,接下来需要在router/index.js中引入一下cookie.js文件 然后继续添加以下代码 /* * beforeEach:从一个页面跳转到另外一个页面时触发 * to:要跳转的页面 * from:从哪个页 阅读全文
posted @ 2020-04-18 10:25 Y-X南川 阅读(3001) 评论(1) 推荐(1) 编辑