sss大辉 - 博客园

vue3 深度选择器 scss用法

摘要：使用 :deep() 替换 ::v-deep .carousel { // Vue 2.0 写法 // ::v-deep .carousel-btn.prev { // left: 270px; // } // Vue 3.0 更改为以下写法 :deep(.carousel-btn.prev) { 阅读全文

posted @ 2022-10-14 15:30 sss大辉阅读(1371) 评论(0) 推荐(0)

vue3 父子组件通信

摘要： 1.props 父组件传参不变，子组件接收：通过defineProps 来接受, 无需额外引入，直接使用 <template> <div class="menu"> 菜单区域 {{ title }} <div>{{ data }}</div> </div></template> <script s 阅读全文

posted @ 2022-10-13 19:20 sss大辉阅读(613) 评论(0) 推荐(0)

vue3插槽变化

摘要： 1.默认插槽还是跟以前一样 2.使用具名插槽时，子组件不变以前的父组件掉用的时候 <template slot="example"> </template> 现在为 <template v-slot:example> </template> 或者 <template #example> </tem 阅读全文

posted @ 2022-10-13 17:17 sss大辉阅读(189) 评论(0) 推荐(0)

Jenkins自动化部署（linux环境）---代码提交触发Jenkins构建

摘要： 1.在工程中点击构建触发器中选择Generic Webhook Trigger，填写token 2.gitee配置Webhook 选择gitee项目中的Settings->Webhooks>add webhook配置方式按上图红框中的格式，选择在push代码时触发webhook，成功后会在下方出现一阅读全文

posted @ 2022-09-13 11:10 sss大辉阅读(165) 评论(0) 推荐(0)

Jenkins自动化部署（linux环境）---执行脚本

摘要： 1.安装node插件 2.node全局配置 3.填写jenkins构建时执行的shell脚本完整命令 node -v npm install rm -rf ./dist/* npm run build rm -rf /www/web/site/* cp -rf ./dist/* /www/web/ 阅读全文

posted @ 2022-09-13 11:05 sss大辉阅读(1014) 评论(0) 推荐(0)

Jenkins自动化部署（linux环境）---构建任务

摘要：用jenkins创建一个构建任务 1.这里我代码仓库用的是码云(github也是一样的)输入仓库地址。因为仓库是私有的所以会有报错提示这里要添加Credentials。就是你码云或者github账号。 2.选择一下要构建的代码分支这个时候就创建了一个构建任务回到首页==>就会看到一个llgtf 阅读全文

posted @ 2022-09-13 10:54 sss大辉阅读(110) 评论(0) 推荐(0)

Jenkins自动化部署（linux环境）---安装篇

摘要： 1.安装java yum install java 2.安装Jenkins wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo rpm --import https://jenkins 阅读全文

posted @ 2022-09-13 10:47 sss大辉阅读(293) 评论(0) 推荐(0)

linux 服务器下发布前端

摘要：前提: 1.本地安装xshell和xftp 2.第一次需重置实例密码 3.22端口必须开启（默认开启） Linux安装nginx在linux下安装nginx，首先需要安装 gcc-c++编译器。然后安装nginx依赖的pcre和zlib包。最后安装nginx即可。 1.先安装gcc-c++编译器 y 阅读全文

posted @ 2022-07-21 09:26 sss大辉阅读(448) 评论(0) 推荐(0)

ts的装饰器

摘要： console.log('装饰器.......') // 装饰器就是一个方法，可以注入到类，方法，属性上来拓展类，属性，方法，参数的功能 // 常见：类装饰器，属性装饰器，方法装饰器，参数装饰器 // 写法：1.普通装饰器（无法传参） 2.装饰器工厂（可传参） // 1.类装饰器 // 类装饰器在类阅读全文

posted @ 2022-04-15 11:18 sss大辉阅读(252) 评论(0) 推荐(0)

ts的泛型

摘要： // 泛型就是解决类接口的复用性 console.log('泛型泛型泛型泛型泛型.............') // T表示泛型传入跟返回一致 function getData<T>(value: T): T { console.log(value) return value } getDat 阅读全文

posted @ 2022-04-15 11:17 sss大辉阅读(107) 评论(0) 推荐(0)