- 博客(24)
- 收藏
- 关注
原创 vuera--在vue中使用react组件
由于旧项目用的是vue2但公司组件库是react,现在项目需要迭代升级,不想自己重新写组件从而使用vuera来在vue中使用react组件库组件。
2023-08-07 17:16:35 842
原创 react父子组件传值
父传子–通过props接收,不能修改props的值,props可以设置默认值函数组件直接在传参时写默认值,类组件在组件内定义static defaultProps设置props默认值。父组件传递子孙组价–prop层层传递或者使用context-若组件不在一个文件内需把context提到一个js文件中,需要时引入。兄弟传值–通过父组件传递–SonF传递数据给Father再由Father传递给SonC。兄弟传值–使用events进行传递,emit进行传值,on进行接收。...
2022-08-26 09:15:09 810
原创 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 409
原创 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 5184
原创 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 894
原创 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 186
原创 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 933
原创 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 10824 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 106
原创 Axure RP9新手教程
Axure RP9新手教程1.软件样式展示1.页面管理区:管理所创建的页面2.组件库区:可以将所需要的使用的组件拖拽到中心页面显示区3.菜单栏区:所需的基本功能如居中,靠左靠右排列,插入等功能能再此找到4.事件交互区:有基本的交互事件,对组件选择相应的交互动作后,选择对应的交互反馈5.样式调整区:调整组件的样式内容2.Axure的基本操作1.组件的使用,找到所需组件将组件拖拽即可使用2.组件的样式调整:在样式调整区选择对应属性进行调整,设置选中状态的颜色,在选择交互事件的鼠标移入,设
2021-08-01 17:23:33 3683
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人