- 博客(17)
- 收藏
- 关注
原创 vite配置
如果需要在嵌套的公共路径下部署项目,只需指定。配置项,然后所有资源的路径都将据此配置重写。这个选项也可以通过命令行参数指定,例如。
2023-05-18 18:01:54
1018
原创 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
2621
1
原创 node + oracle
最近项目中需要使用node连接oracle数据可,资料相对来说比较少,但还是找到了一部分,现在整合总结如下:navicat连接oracleoracle环境的安装node + oracledb测试.一、 navicat连接oracle测试oracle是否能够联通,查看oracle的版本(这里很重要,后续的oracle环境版本都要对应)使用navicat连接oracle二、...
2020-12-11 16:43:13
1194
原创 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
1001
原创 简单的.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
312
原创 为什么Vue生命周期函数不能使用剪头函数书写
这里我们以生命周期beforeCreate为例:通过看源码查看,找到调用位置,使用了callHook我们接下来看看这个方法,使用了call所以,如果生命周期使用了箭头函数,那么this就会指向window而不是当前组件实例再举个栗子:...
2020-05-11 15:03:10
1580
5
原创 路由重置
参考:github上的讨论在项目中,有时候用户需要动态改变路由配置routes,这个时候再vue-router中,路由配置是引用类型,却没有改变,需要动态随着改变。解决办法:vue-router中在出入配置路由routes后,生成了路由对照表addRoutes方法是操作路由对照表的,而且对照表是引用类型所以,需要重置resetRoute,也就重置了路由对照表,将暴露的router.matcher = newRouter.matcher的操作方法,赋值;newRouter.matcher是实
2020-05-09 11:18:28
2122
原创 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
9312
原创 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
389
转载 Element-ui源码分析之滚动条— el-scrollbar
学习vue-element-admin项目的时候,了解到了el-scollbar,想学习一下元am,查找资料,发现一篇文章,分析的不错,转载一下,改了一下结构,加了一些自己的理解。Element-ui el-scrollbar 源码解析.一、滚动条组件的用处和行为在看苦涩的代码前,先大概描述一下滚动条组件的用处和行为,方便理解代码逻辑。因为操作系统和浏览器的不同,滚动条外观是不一样的。需要...
2019-08-27 10:37:49
1773
原创 vue-router之再一次理解redirect
vue-router中的redirect代表重定向,但是看及改造vue-element-admin一次项目中深刻理解了一下。语言匮乏,以图代职,一图胜千字。1. vue-element-admin项目配置2. 个人项目改造项目的需求是显示项目名称datacenter,其他路由添加datacenter前缀,所以正确合理的配置,个人认为应该是:...
2019-08-22 17:45:28
4287
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
187
原创 onClick 事件 和 onDblClick 事件并存的解决方法
最近项目中遇到了在同一DOM元素上需要添加 onclick 和 ondblclick 2个事件,如果按照正常的方式添加处理,结果发现只会执行 onclick,而不会执行 ondblclick;这时我们需要对2个事件的处理函数稍作处理就可以实现2个事件并存了,代码如下:<body> <div "test1()" "test2()" class="test"><...
2019-03-27 10:51:23
1625
原创 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
280
原创 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
192
原创 vue源码分析三:源码构建
Vue.js 源码是基于 Rollup 构建的,它的构建相关配置都在 scripts 目录下。1.为什么是Rollupwebpack更加强大 可以将图片,css等都解析为js。rollup 更适合于js库的编译,只适用于js部分,别的文件是不管的,并且更加友好。2.构建脚本通常一个基于 NPM 托管的项目都会有一个 package.json 文件,它是对项目的描述文件,它的内容实际上是一...
2019-01-15 20:04:51
771
1
原创 vue源代码分析一:Flow
1.认识 FlowFlow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查。2.类型检查类型检查是当前动态类型语言的发展趋势,所谓类型检查,就是在编译期尽早发现(由类型错误引起的)bug,又不影响代码运行(不需要运行时动态检查类型),使编写 JavaScript 具有和编写 Java 等强类型语言相近的体验。3....
2019-01-15 17:07:04
272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人