- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue-router4.x实现动态路由
在vue-router 4.x中，api有所更改和增加1. 动态路由动态路由主要通过两个函数实现。router.addRoute() 和 router.removeRoute()注意：addRoute 没有 s ，vue-router 3.x 中是 addRoutes在 .vue 页面中，添加路由后：需要手动调用 router.replace() 来改变当前的位置，并覆盖我们原来的位置router.addRoute({ path: '/about', component: About })//
2022-05-19 16:47:31
2570
1
原创 node + oracle
最近项目中需要使用node连接oracle数据可，资料相对来说比较少，但还是找到了一部分，现在整合总结如下：navicat连接oracleoracle环境的安装node + oracledb测试.一、 navicat连接oracle测试oracle是否能够联通，查看oracle的版本（这里很重要，后续的oracle环境版本都要对应）使用navicat连接oracle二、...
2020-12-11 16:43:13
1164
原创 vue-cli3/4：css样式层次分析及scoped
最近读到一篇文章：vue:单页应用style样式层次分析及处理，看了很受启发，自己也动手测试一下，结果结果差别很大······所以在巨人的肩膀上，自己总结一番：vue中样式的引入方式大概如下：样式可以在main.js中引入在模块js文件中引入在组件中的style标签引入在组件中的script标签引入在index.html的body中引入。问题 ？从不同位置引入的样式到底是什么关系？在实际定义样式时应该定义在哪个位置，以避免样式产生的冲突？环境新建vue项目测试：vue c
2020-12-09 16:15:30
955
原创 简单的.vue文件npm打包，上传
1. vue-cli脚手架1.1 打包成一个js将css和js打包成 一个js文件，方便用户引入，这里需要在vue.config.js中配置一下css: { extract: false },css.extractType: boolean | ObjectDefault: 生产环境下是 true，开发环境下是 false是否将组件中的 CSS 提取至一个独立的 CSS 文件中 (而不是动态注入到 JavaScript 中的 inline 代码)。同样当构建 Web Component
2020-10-23 10:09:46
308
原创 为什么Vue生命周期函数不能使用剪头函数书写
这里我们以生命周期beforeCreate为例：通过看源码查看，找到调用位置，使用了callHook我们接下来看看这个方法，使用了call所以，如果生命周期使用了箭头函数，那么this就会指向window而不是当前组件实例再举个栗子：...
2020-05-11 15:03:10
1511
5
原创 路由重置
参考：github上的讨论在项目中，有时候用户需要动态改变路由配置routes，这个时候再vue-router中，路由配置是引用类型，却没有改变，需要动态随着改变。解决办法：vue-router中在出入配置路由routes后，生成了路由对照表addRoutes方法是操作路由对照表的，而且对照表是引用类型所以，需要重置resetRoute，也就重置了路由对照表，将暴露的router.matcher = newRouter.matcher的操作方法，赋值；newRouter.matcher是实
2020-05-09 11:18:28
2100
原创 axios请求header中content-type设置和URLSearchParams参数
最近看了看axios的源码，对于其使用有了进一步了解，特别是配置header的 content-type这个地方，其根据post的data的类型来配置header的 content-type首先配置默认的然后根据请求的时候所传data数据类型，重置content-type特别注意的是data为Form Data类型，由浏览器自己设定content-type，如果你自定义了，那么代码中会删除...
2020-04-23 16:07:04
9194
原创 node：作为客户端和服务端的区别以及调试（pm2 or nodemon）vscode断点调试
1.node做为服务端这里提供的静态文件服务，需要在同目录js下建立index.html或者其他文件具体参考项目：D:\日常\vue2.0+node.js+MongoDB全栈打造商城let http = require('http');let url = require('url');let util = require('util');let fs = require('fs');...
2020-03-26 15:38:06
363
转载 Element-ui源码分析之滚动条— el-scrollbar
学习vue-element-admin项目的时候，了解到了el-scollbar，想学习一下元am，查找资料，发现一篇文章，分析的不错，转载一下，改了一下结构，加了一些自己的理解。Element-ui el-scrollbar 源码解析.一、滚动条组件的用处和行为在看苦涩的代码前，先大概描述一下滚动条组件的用处和行为，方便理解代码逻辑。因为操作系统和浏览器的不同，滚动条外观是不一样的。需要...
2019-08-27 10:37:49
1721
原创 vue-router之再一次理解redirect
vue-router中的redirect代表重定向，但是看及改造vue-element-admin一次项目中深刻理解了一下。语言匮乏，以图代职，一图胜千字。1. vue-element-admin项目配置2. 个人项目改造项目的需求是显示项目名称datacenter，其他路由添加datacenter前缀，所以正确合理的配置，个人认为应该是：...
2019-08-22 17:45:28
4253
2
原创 typescript重构axios项目笔记
在学习这个项目的时候，有一些地方不是特别清楚或者只看文档看不明白，所以做一下记录，来自视频和自己的总结。1. github上初始化项目初始化项目 ts-axios是项目名称git clone https://github.com/alexjoverm/typescript-library-starter.git ts-axios2. 初始化拉去代码报错：解决远程仓库和本地仓库冲突...
2019-08-04 16:18:31
176
原创 onClick 事件 和 onDblClick 事件并存的解决方法
最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件，如果按照正常的方式添加处理，结果发现只会执行 onclick，而不会执行 ondblclick；这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了，代码如下：<body> <div "test1()" "test2()" class="test"><...
2019-03-27 10:51:23
1581
原创 vue-router使用技巧
vue-router实际上是封装了h5的history的api。1. active-class选中的router-link将自动添加一个class属性值.router-link-active，可以让active的导航高亮等等。&lt;router-link tag="div" class="tab-item" to="recommend"&gt;
2019-03-06 11:19:18
272
原创 vue源码分析四：从入口文件开始
在 web 应用下，我们来分析 Runtime + Compiler 构建出来的 Vue.js1.npm run dev根据package.json，执行npm run dev命令构建工具是rollup，然后 scripts/config.js，就知道了需要运行scripts/config.js了web-full-dev 是向scripts/config.js文件传递的参数2. ...
2019-01-16 17:19:01
184
原创 vue源码分析三：源码构建
Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。1.为什么是Rollupwebpack更加强大 可以将图片,css等都解析为js。rollup 更适合于js库的编译，只适用于js部分，别的文件是不管的，并且更加友好。2.构建脚本通常一个基于 NPM 托管的项目都会有一个 package.json 文件，它是对项目的描述文件，它的内容实际上是一...
2019-01-15 20:04:51
754
1
原创 vue源代码分析一：Flow
1.认识 FlowFlow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查。2.类型检查类型检查是当前动态类型语言的发展趋势，所谓类型检查，就是在编译期尽早发现（由类型错误引起的）bug，又不影响代码运行（不需要运行时动态检查类型），使编写 JavaScript 具有和编写 Java 等强类型语言相近的体验。3....
2019-01-15 17:07:04
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人