- 博客(18)
- 收藏
- 关注
RSS订阅原创 微前端整理
微前端整理准备工作安装 xy cli 脚手架npm i @xy/cli -gxy plugin i create下载微前端脚手架模板xy create tpl {yourProjeactName} # 下载脚手架微前端容器 功能介绍1.一键部署1.1. nacos配置项，运维执行操作，abc.json1.2 java开发提供html文档接口，并由运维同学配置域名的流量转发到该接口，java示例代码，执行一 键部署1.3. 只需执行gitlab分支push即可触发部署
2022-02-14 15:51:33
432
原创 面试整理(2021)
1.css继承继承： 子元素继承父元素的样式，但是并不是所有属性都是默认继承的。官方解释，继承是一种规则，它允许样式不仅应用于特定的html标签元素，而且应用于其后代元素。通过文档中的inherited:yes 来判断属性是否可以继承无继承性的属性：display文本属性一、vertical-align:垂直文本对齐二、text-decoration:规定添加到文本的装饰 （line-through、underline常用）盒子模型的属性 width、height、margin、bord
2021-05-20 14:40:18
184
原创 rem做响应式
rem1.浏览器默认字体大小为16px。2.rem兼容性： IE9+、火狐、谷歌、safari、欧朋主流版本都支持了 rem。食用方法：（html根元素 + 百分比 + 媒体查询）rem只是相对于根元素html标签的font-size，即px与rem的换算都基于html根元素的大小来算的。如：要设置 16px为1rem，那么根元素html就设置为100%（16px / 浏览器默认字体大小）以此类推。html设置之后，其他元素都按 需要的字体大小 / 跟元素 字体大小 换算为rem来设置即可，如
2021-02-25 14:59:31
411
1
原创 animation写闪烁效果
template部分：<h1 class="animateMsg">{{ msg }}</h1>css部分：.animateMsg {animation: blink 1s infinite;-webkit-animation: blink 1s infinite;}@keyframes blink {0% {opacity: 0;}50% {opacity: 100;}100% {opacity: 0;}}@-webkit-keyframes
2021-02-22 17:09:34
373
原创 vue中使用swiper
上下滚动的效果使用 marquee 效果太僵硬，而且不好控制可以使用swiper在vue中使用 可以用 vue-awesome-swiper （基于swiper封装的vue插件）安装：npm install swiper vue-awesome-swiper --savetemplate部分 <swiper :options="swiperOption" class="noticeRight"> <swiper-slide v-for="(item, index).
2021-02-22 16:45:24
286
原创 前端 打包上传到服务器（node）
//安装两个包就可以了// npm i -D ssh2-sftp-client dotenv‘use strict’const path = require(‘path’)const SftpClient = require(‘ssh2-sftp-client’)const dotenvPath = path.join(__dirname, ‘…’, ‘.env’)require(‘dotenv’).config({path: dotenvPath})const config = {hos
2021-02-22 14:50:28
616
原创 js 事件冒泡
【事件冒泡】事件冒泡：当一个元素接收到事件的时候，会把他接收到的事件传给父级，一直到window（注意这里的传递不仅仅是事件，并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，也不会有什么表现，但事件确实传递了。）代码实现如下：点我们点击子组件的时候 会先触发子组件事件，再触发父组件事件。打印结果如下：触发了子组件事件触发了父组件的点击事件W3C中规定：可以通过调用event对象的stopPropagation（）方法即可阻止冒泡型事件的传递vue中可以用 stop修饰符来阻止如：
2021-02-20 15:13:41
122
原创 数组处理方法
somearr: [1,2,3,4,5,6]testArr() {let a = this.arr.some((item) => { return item === 1})console.log(a, ‘数组中是否其中有一项符合 后面的判断，返回值为布尔型’)}everyarr: [1,2,3,4,5,6]testArr() {let a = this.arr.every((item) => { return item === 1})console.log(a, ‘数..
2021-02-19 17:32:03
224
原创 new Date()对象的格式处理
new Date() 对象的格式处理new Date(year,month,date,hrs,min,sec) 可以用 2021/2/18 这种格式 不可以用2021-2-18date = new Date() 获取当前时间戳年： date.getFullYear()月：date.getMonth() + 1日：day = date.getDate() day < 10 ? (‘0’ + day ): day转换时间戳（毫秒）date.getTime / 1000 单位为秒（可以用
2021-02-18 18:31:22
371
原创 修改浏览器搜索引擎
【设置浏览器 默认搜索引擎为百度】右键点击搜索栏 在下拉菜单选项中点击 “修改搜索引擎 ”点击添加引擎分别输入：百度、baidu和https://www.baidu.com/#ie={inputEncoding}&wd=%s设置为默认 搜索引擎】【不能修改默认引擎？】参考百度：https://jingyan.baidu.com/article/c1465413fe2f810bfcfc4c3e.html...
2021-02-17 09:50:51
1754
原创 日常代码记录吖
【日常】git输入错误密码之后 不弹出 账号密码弹框解决办法设置 - 控制面板 - windows凭据 - 删除凭据2.clac（100% - 70px） 设置高度宽度3.vscode 快捷键快速整理代码格式 Alt+shift+f选中光标到行首/行尾 shift+Home/End下一个匹配的也被选中 Ctrl+D回退光标 Ctrl+U当前行向下移动一行 alt+down ↓当前行向下复制一行 alt+shift+down ↓向右拆分 ctrl+文件切换 ctrl+tab
2020-11-25 15:31:30
349
原创 编辑器相关
1.设置 Shift + Alt + F 快捷键快速整理代码Shift + Ctrl + P 搜索 setting.json在setting.json 文件中添加： "editor.formatOnType": true, "editor.formatOnSave": true,
2020-11-04 16:50:25
173
原创 【css笔记整理~】
1. 闪烁效果<h1 class="animateMsg">{{ msg }}</h1> .animateMsg { animation: blink 1s infinite; -webkit-animation: blink 1s infinite; } @keyframes blink { 0% { opacity: 0; } 50% { opacity: 100; } 100% {
2020-11-04 16:07:11
84
原创 【gulp】压缩图片 笔记整理
【gulp】1、安装gulpnpm install gulpnpm install --save-dev gulp2、开始使用gulp建立 gulpfile.js （与 package.json同级）const gulp = require('gulp');const tinypng_nokey = require('gulp-tinypng-nokey');gulp.task('console', function() { // console任务 只是打印测试下 conso
2020-11-04 15:58:50
256
原创 【VUE】父传子、子传父
【父传子】父组件：parent.vue<template> <button @click="doClick">点击传值给子组件</button> <child ref="childRef" city="city"></child></template><script>doClick() { this.$refs.childRef.search('搜索些什么')}</script>子
2020-11-03 17:12:55
1355
原创 【VUE】配置项目启动 打印信息（本机ip打开连接等。。。）
build -> webpack.dev.conf.js -> compilationSuccessInfo配置如下： ***// Add FriendlyErrorsPlugin devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({ compilationSuccessInfo: { messages: [ `App runing at:`, `Local: http://l
2020-11-03 16:09:16
1590
原创 vue中this.$confirm
笔记整理：之前项目中比较常见的confirm确认框写法：/** 单行停用按钮点击回调 */onStopClick(row: any) {this.$confirm(‘确定停用该条消息吗 ?’, ‘提示’, {confirmButtonText: ‘确定’,cancelButtonText: ‘取消’,type: ‘warning’}).then(() => {this.requestSwitchStatus(row)}).catch(() => {})}用的是VUE+
2020-06-01 15:20:13
44900
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人