前端面试及日常遇到的bug整理

**

接口401导致频繁跳登陆页 可能接口未配置网关 也可能账号有问题 并非当前环境对应的账号密码 导致登陆不上去

字符串前面加了个+号

JS中一个字符串中只有数字,如果该字符串前面加了个加号,这个数值就变成了number类型。

超好用的选择器

**
p标签下的奇数行与偶数行
p:nth-child(odd){} //奇数行
p:nth-child(even){} //偶数行
:last-child最后一个子元素
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。

子传父清晰图解

前端面试及日常遇到的bug整理_第1张图片
**

封装个垂直水平局中**

allCenter()
position absolute
top 50%
left 50%
transform: translateX(-50%) translateY(-50%)
设置特定宽高
width:calc(100% - 300px);

pre和jira上的代码有冲突

**
git fetch vfe
git checkout pre-common
git pull
git merge 本地分支
git add .
git commit -m ‘合并pre’
git push
vue的is怎么用
is
可以直接传递一个组件
:is
是查找父组件中的一个赋值,然后找到相应的组件
**

git 需要fork库时常用操作

**
删除远程分支: git push origin --delete [branchname]
删除本地分支:git branch -d
合并commit

  1. rebase -i HEAD~3
    ( 删除不需要的commit。要保留第一个commit 否则会报错)
  2. git rebase —continue 然后编辑要保存的commmit 最后强制推送,每一次解决完冲突都要使用 git rebase --continue
  3. 按照VIM操作)按ESC键 再按 shift + : 然后输入wq(w是保存,q是退出) 按回车键。 保存: :wq 不保存: q!
    小提示:
    查看远程仓库地址:git remote -v

撤销上一次的git commit 把暂存放到修改
git reset --soft HEAD~把暂存放到修改
查看主库和自己的仓库地址:
git remote -vv
查看是否符合eslint规范
npm run lint
配置: 找到hosts 文件进行编辑
127.0.0.1 suuibian.vipkid-qa.com.cn
本地启动项目就用suibian.vipkid-qa.com.cn
加端口号访问

pre和jira上的代码有冲突**

git fetch 远程仓库别名
git checkout pre分支名
git pull
git merge 本地分支
git add .
git commit -m ‘合并pre’
git push

fork库进行开发流程

git fetch 远程仓库别名
git rebase 远程仓库别名 /master
git push -f
git checkout -b dev
git commit -m ‘xxx’
git push (用git 提示的提交)
git add xxx
git commit --amend
git push -f 本地分支名:远程仓库分支名(强制提交到自己的远程仓库的分支)
开发完了,需要提测。(需要过新代码检查,所以要合最新的远程仓库的master)
git checkout master->git fetch 远程仓库别名 ->git rebase 远程仓库别名/master->git push -f(保证你的fork的库是最新的)-》git checkout dev -> git merge master->git push -f

想要本地和远程之间有互动

git init
当在本地克隆好一个项目之后,想要本地和远程之间有互动第一步就是要初始化本地仓库。git init就是完成这件事情,创建一个空的git仓库或者重新初始化一个现有的仓库。
执行git init之后会生成.git的目录,该目录下有branches, hooks,info,objects,refs目录和config, description,HEAD文件。

npm遇到的问题

安装某个依赖安装不上 升级node版本
缩小字体
如何实现小于12px的字体效果(transform: scale( )缩小元素)
不需要走eslint规范的代码
这个报错 或者手机页面白屏可以 npm run bulid 从新打包一下 因为有的es6没有转为es5
前端面试及日常遇到的bug整理_第2张图片

前端面试及日常遇到的bug整理_第3张图片

前端提测的时候,如果项目涉及new Date()的方法,一定要同步测试增加时区测试
持续更新中…

你可能感兴趣的:(web,javascript,vue.js,html,css3,es6)