- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vueRouter路由 知识点合集（三）
钩子执行的顺序当点击切换路由时：beforeRouterLeavebeforeEachbeforeEnterbeforeRouteEnterbeforeResolveafterEachbeforeCreatecreatedbeforeMountmountedbeforeRouteEnter的next的回调当路由更新时：beforeRouteUpdate全局钩子使用全局路由钩子，一定要调用next()当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导
2020-09-18 19:45:20
238
原创 vueRouter路由 知识点合集（二）
vueRouter路由 知识点合集（二）参数数拼接在url后面// 路由定义{ path: '/describe/:id', name: 'Describe', component: Describe}// 页面传参this.$router.push({ path: `/describe/${id}`,})// 页面获取this.$route.params.id编程式路由导航 params传参 参数不会拼接在路由后面,页面刷新参数会丢失// 路由定义{
2020-09-18 14:13:57
161
原创 axios
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest从 node.js 发出 http 请求支持 Promise API拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止 CSRF/XSRF浏览器兼容性引入方式：$ npm install axios$ cnpm install axios //taobao源$ bower instal
2020-09-17 14:28:05
117
原创 CSS页面底部固定的6种方法
CSS页面底部固定的6种方法方法 一、 footer高度固定+绝对定位 <div class="w"> <div class="head"></div> <div class="content"></div> <div class="foot"></div> </div>.w{ position: relative; }
2020-09-17 11:36:35
934
原创 VUEX 详解
为什么使用vuex在中大型应用中，应用的各个组件间需要进行数据传递，使用传统方式繁琐且不可控Vuex 为所有组件提供集中式的可追踪的状态（数据） 管理vuex 的数据是响应式的使用Vuex将摒弃传统的 event emmit 和props的方式进行数据的传递和更新问题场景**问题一、**通过路由传参数，我们会采用params 或者query形式 ，但是这两种方式都会在URL上做手脚 ， 如果传递参数过多，会导致400 Bad Request (如，点击表格某行，携带行数据跳转到新页面进行查看)
2020-09-16 16:28:32
219
转载 table中如何消除td间距
table中如何消除td间距表格结构html5制作表格时，只是简单的想要实现表格内有边框，结果出现了双边框和单元格独立（有间距）的问题table tr {font-size: 12px;}table tr:first-child {font-weight: bold;font-size: 14px;color: #fff;background-color: #333;}table tr:last-child {font-weight: bold;font-size: 14px;
2020-09-05 09:23:10
766
原创 webApi
webApi获取元素获取bodydocument.body根据id获取元素document.getElementById('id名')根据标签名获取元素document.getElementsByTagName('标签名')根据选择器获取元素// 根据选择器获取单个元素document.querySelector('选择器');// 根据选择器获取一组元素document.querySelectorAll('选择器');document.getElements
2020-09-03 08:21:41
89
原创 WebApi 全选和单选
点击小按钮全选，大按钮也得选择思路：点击任何一个小按钮，都得判断判断是否要选择大的，小按钮都得有点击事件如何判断大按钮是否选择，我们就得知道三个小按钮选中状态，当小按钮都选择，大就按钮，否则大不选择 // 获取元素 var checkAll = document.getElementById('checkAll'); // var cks = document.getElementsByClassName('ck'); var cks = document.quer
2020-09-02 13:33:41
198
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人