- 博客(13)
- 资源 (1)
- 收藏
- 关注
原创 前端使用封装好的request请求后端接口数据方法
import request from '@/utils/request'export function *(data) { return request({ url: '/*', method: 'post', data })}
2022-04-28 16:36:49 853
原创 前端开发中数据字典的应用场景
1.数据字典字典:字典是一个键值对,主要的特征是一一对应,字典中的 key 是不能重复且无序的,value 可以重复。 key 用于在前后端的传输或者在代码中做逻辑判断,value 用于向用户展示。2.前端数据字典的最优方案采用的是按需加载的方式。就是第一次使用一个数据字典就发送请求加载这个数据字典,并将该数据字典放入浏览器本地缓存中。第二次再用到这个字段的时候,就不再发送网络请求,而是从浏览器本地获取数据字典的值。这种方案能够解决一个问题:一个浏览器用户所需的数据字典只加载一次,而且是按需
2022-04-25 10:38:43 5011
原创 组件传值方法--$bus的使用
不管组件之间是什么关系,都可以去使用。这个文件相当于一个中转站,使用$bus去传值非常方便。如果用props去父子传值,组件不刷新值也不会刷新,用$bus可以实时刷新组件内的值。1.$bus文件的创建--bus.jsimport Vue from 'vue'export default new Vue()2.$bus文件的引入import Bus from '@/..'3.$bus的使用this.$Bus.$emit() //相当于上车this.$Bus.$on() //相
2022-04-18 15:52:39 1255
原创 webstorm为Vue设置Live Templates
webstorm为Vue设置Live Templates --太过香会沉醉第一步:写好vue模板<div id="app"> {{ message }}</div><script src="../js/vue.js"></script><script> const app = new Vue({ ...
2021-04-24 16:03:05 529
原创 js实现三级联动
js实现省市区(县)三级联动实现思路:根据上级,带出下级所有信息。即:前面确定,后面跟着确定。HTML部分: 省<select name="" id="sheng"> <option>---请选择所在省---</option> </select> 市<select name="" id="shi"> <option>---请选择所在市---</.
2021-04-03 20:42:16 685
原创 浏览器的优雅降级与渐进增强
优雅降级VS渐进增强???优雅降级(Graceful Degradation):一开始就构建完整的功能,然后再针对低版本浏览器进行兼容渐进增强(Progressive Enhancement):针对低版本浏览器进行页面构建,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验二者区别在于:二者的目的都是关注不同浏览器下的不同体验,但是它们侧重点不同。优雅降级是从复杂的现状开始,并试图减少用户体验的供给;而渐进增强则是从一个非常基础的,能...
2021-03-26 17:51:01 168
原创 HTTP状态码及其含义
常见HTTP(HTTP Status Code)状态码的说明,你get到了吗?当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。下面是常见的HTTP状态码:类型说明1xx信息状态码2xx成功状态码3xx重定向4xx客户端错误5xx服务器错误常见HTTP状态码列表:100 Continue
2021-03-25 17:15:36 166
原创 img标签的alt属性和title属性的区别
img的title和alt有什么区别1.title:通常当鼠标滑动到元素上的时候显示2.alt:alt是img标签的特有属性,是图片内容的等价描述,用于图片无法正常加载时显示<div> <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2852940133,1230672300&fm=26&gp=0.jpg" title="小猫" alt="图片未正常加载"/>
2021-03-24 19:14:05 3433
原创 js数组的方法
JS数组的增、删、改、插1.js数组的创建数组的创建有两种方式<script> //创建数组 console.log("------创建数组------") var arr1 = [] var arr2 = new Array("今天你学习了吗","ok") console.log(arr2)</script>2.向数组追加数据使用push()方法<script> //向数组追加元素
2021-03-19 19:24:13 121
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人