- 博客(24)
- 收藏
- 关注
RSS订阅原创 vuera--在vue中使用react组件
由于旧项目用的是vue2但公司组件库是react，现在项目需要迭代升级，不想自己重新写组件从而使用vuera来在vue中使用react组件库组件。
2023-08-07 17:16:35
767
原创 react父子组件传值
父传子–通过props接收，不能修改props的值，props可以设置默认值函数组件直接在传参时写默认值，类组件在组件内定义static defaultProps设置props默认值。父组件传递子孙组价–prop层层传递或者使用context-若组件不在一个文件内需把context提到一个js文件中，需要时引入。兄弟传值–通过父组件传递–SonF传递数据给Father再由Father传递给SonC。兄弟传值–使用events进行传递，emit进行传值，on进行接收。...
2022-08-26 09:15:09
790
原创 webpack配置
开发环境打包命令，但是会有很多多余注释npx webpack ./src/index.js --mode=development生产环境打包命令，打包后只剩下最简洁的代码npx webpack ./src/index.js --mode=production新建一个webpack.config.js文件在里面写配置，npx webpack就能使用entry 入口output 输出loader 加载器plugins 插件optimizationdevServer 开发服务器配置mode 模式 de
2022-06-24 16:33:20
393
原创 vue.config.js Vue打包配置详解
module.exports = {//基本路径 文件打包后放的位置publicPath:‘./’，//默认输出文件夹为dist，填入的名字为打包后的文件名outputDir:‘name’,// 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。资源放的目录assetsDir: “./static”,// 指定生成的 index.html 的输出路径 (相对于 outputDir)。也可以是一个绝对路径 index的路劲和名字ind
2022-05-25 14:45:40
5077
原创 react
基础内容使用脚手架创建react项目npx create-react-app my-app//如果报错了就使用下面命令在npm uninstall -g create-react-app之后，我遇到了这个问题，这对我起了作用：npm cache clean --forcenpm cache verifynpx clear-npx-cache以清除npx缓存。npx create-react-app your-app or npx create-react-app@latest my-
2022-03-24 09:33:49
868
原创 Vue路由守卫
Vue路由守卫1. 全局守卫全局前置守卫 router.beforEachrouter.beforEach((to,from,next)=>{ to为即将进入的路由对象 from为当前准备离开的路由 next：Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参数。next(): 进行管道中的下一个钩子。如果全部钩子执行完了，则导航的状态就是 confirmed (确认的)。next(false): 中断当前的导航。如果浏览器的 U
2022-02-10 15:13:24
152
原创 TypeScript
TypeScript安装typescript编译工具yarn add typescript使用tsc来编译ts文件转为js文件定义变量类型const a:number = 1 //数字类型const b:string = 'aaa' //字符串类型const c:null = nul //Null类型const d:void = undefined //Void类型function func():void{ console.log('无返回')}void类型变量只能赋
2022-01-28 09:56:51
927
原创 JavaScript正则表达式(完整版)
JavaScript正则表达式1. 构建正则表达式字面量创建var reg = /正则表达式/修饰符构造函数创建var reg = new RegExp('正则表达式','修饰符')修饰符 i: ignoreCase, 匹配忽视大小写 m: multiline , 多行匹配 g: global , 全局匹配2. 正则表达式调用（实例方法）1. exec 匹配字符串和正则表达式的方法， 匹配成功： 返回一个数组 [匹配内容,index:匹配的起始位置,
2021-08-30 19:59:16
10672
4
原创 JavaScript入门学习详解
JavaScript入门（持续更新中）本文章最好是给有一点基础的人员复习使用1. 什么是JavaScriptJavaScript是以门弱类型的语言，由ECMAScript，DOM,BOM组成文件后缀为.js文件2. 运行环境在浏览器或者node环境下运行3. 在html文件引入js文件在文件内部编写<script> 内容编写区</script>在body部分中的JavaScript会在页面加载的时候被执行，在head部分中的JavaScript会在被调用
2021-08-23 20:13:46
101
原创 Axure RP9新手教程
Axure RP9新手教程1.软件样式展示1.页面管理区：管理所创建的页面2.组件库区：可以将所需要的使用的组件拖拽到中心页面显示区3.菜单栏区：所需的基本功能如居中，靠左靠右排列，插入等功能能再此找到4.事件交互区：有基本的交互事件，对组件选择相应的交互动作后，选择对应的交互反馈5.样式调整区：调整组件的样式内容2.Axure的基本操作1.组件的使用，找到所需组件将组件拖拽即可使用2.组件的样式调整：在样式调整区选择对应属性进行调整，设置选中状态的颜色，在选择交互事件的鼠标移入，设
2021-08-01 17:23:33
3651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人