面试
js基础
除了判断obj.a==null的时候(相当于obj.a===null||obj.a===undefined),其他都用===
-
typeOf可以区分6种
number
string
boolean
undefined
object
-
function
前四种是简单类型,可以区分,object和function都是object,es官方吧function拎出来了而已
JSON是一种数据格式,也是js里面一个内置对象
-
new一个实例的时候f=new F(),发生了:this变成一个空对象,this.a =?赋值 ,return this给这个f
1、创建一个空对象 (好理解)
2、将所创建对象的__proto__
属性值设成构造函数的prototype
属性值 (好理解)
3、执行 构造函数中的代码,构造函数中的this
指向该对象 (划重点)
4、返回该对象(除非构造函数中返回一个对象)(见下面解释)
5、react是直接用类的 并没有new所以里面用正常函数this指向undefind,这个this指向实例对象但是不存在,正常的构造函数中,必须要用正常函数才能拿到对应的实例对象,使用尖头函数则拿到的是undefind a instanceof b是判断a对象的原型链中任何位置是否有b出现
let a = new b()则a.__photo===b.phototype
一般来说 构造函数(Dog)的prototype是他爸爸,__proto是他爸爸的prototype
闭包是一个函数return一个函数 父函数执行后得到一个子函数,父函数和子函数中间定义的变量不会被销毁,会缓存起来,子函数可以随意调用使用、更改。同时可以说这个变量被封装起来了,不容易被人为发现更改
-
this是什么
- 全局函数中 this 是window
- 事件函数中this是触发事件的元素
- 对象中的函数 this 是这个对象
- 构造函数中的 this 是实例对象
- 箭头函数中的 this 指向箭头函数外面作用域的this
- 总结: this 指向this所在函数/方法的所有者
//继承 1. Dog.prototype = new Animal()//Animal的原型中的方法会过去(原型继承) 2. const Dog = function () { Animal.call(this)//Animal的原型中的方法不会过去 }
-
数组合并
- concat
- arr1.push.apply(arr1, arr2)
js函数 是在定义的地方执行的 而不是在调用的地方执行的 也就是说函数只能调用定义的那个作用域里面的变量
super在构造器中执行作用 super在子类中使用构造器时必须使用,使用后作用域中就有this了,指向父构造函数,super中传入的参数也会被用来传入父构造器执行,所以构造器中this.a创建的a,实例对象中的a是在实际身上的,因为都放到父亲身上,然后在new的时候一并把this指向实例,放在实例自己身上,而不是prototype
DOM
- dom叫 document object model 是文档对象模型
- dom中property是指dom js对象的属性;attribute是指html节点上的自定义属性;而getattribute和setattribute则是dom js对象上的一个方法 ,用来添加html节点上的自定义属性
- 要弄在html标签上的如style class可以用get/setattribute
- 很多属性如value calssName classList width是dom js对象上有的 可以直接pObj.value更改 用的直接就是property
- dom#input.focus()可以js直接聚焦
BOM
- navigation全局对象里面有一个userAgent用来获取用户浏览器信息,有一个geolocaltion用来配合api获取地理坐标
- localtion用来获取url上的信息
- history里面有forward()和back()方法用来前进后退
- screen里面可以获取屏幕属性
git
- 多人协作:
- 使用 git clone origin 克隆一个项目
- 使用 git branch xxx 新建一个分支
- 使用 git checkout xxx 移动到这个分支
- 或者直接使用 git checkout xxxx 移动到一个项目本来就有的分支
- 写入代码
- 下班前 使用 git pull --rebase origin xxxx 把远端服务器上的变更拉下来
- 如有冲突 打开文件解决冲突
- 解决后用 git add . 进行提交 (此步千万不能使用 git commit -m “21” 去提交 不然会出问题)
- 然后用 git rebase --continue
- 最后使用 git add . 和 git commit -m “12” 和 git push origin xxx 推上去
- 使用分支管理测试代码
- 使用 git branch xxx 新建一个分支
- 使用 git checkout xxx 移动到这个分支
- 写入代码
- 测试完成需要合主分支合并时:
- git checkout master 移动到主分支
- git pull --rebase origin xxxx 把远端的代码同步过来,出现冲突见上面上面笔记
- git merge xxx 合并分支
- 如遇冲突 打开文件解决冲突后 使用 git add . 和 git commit -m “24”
- 然后使用 git merge --continue
- 最后使用 git add . 和 git commit -m “12” 和 git push origin xxx 推上去
- 注意:
- git pull --rebase时解决冲突后必须使用 git add . 即可continue;
- git merge xxx 合并分支时解决冲突后必须使用 git add . 和git commit -m ”254“ 后continue;
- 版本回退
- 使用 git reflog 查看历史的记录
- 使用 git reset -hard HEAD@{数字} 回退版本
- 回退后使用 git add . 和 git commit -m “12” 提交一下
- 最后需要使用 git push origin xxx -f 强制推上去
- 多用git status看状态
??榛?/h3>
-
不使用模块化的问题
- 全部用script引进来 都是全局变量 很容易污染 出bug查不出来
- 你不知道你引用的这个js依赖于哪个js ,顺序搞错或喽引都不行
-
requirejs
requirejs就是用define函数(方法)写??椋ㄒ逡桓龊魑问?,return一个对象
用require函数(方法)写入口,定义一个函数作为参数,写逻辑
//a.js
define(['./util.js'], function (util) {
return {
hello: util.sayHi(hello)//utiljs里面写的方法,都在util这个参数对象里面调用
}
})
//main.js
require(['./hello.js'], function (a) {
//这可以写业务
a.hello()
})
//index.html
<script src="/res/require.js" data-main="./main.js"></script>//最后在这里引入mainjs
-
AMD、CMD和commonjs的区别
- AMD、CMD是异步加载的 commonjs是同步的 因为nodejs是服务端技术 设计的时候就没考虑到异步,同步硬盘读取就很快,而且更稳定
- ES6的??橥揭觳胶蚻oader有关
上线流程
- 把所有的git分支都合并到master,进行build后测试等待上线
- 把服务器上正在运行的代码记录版本号,备份
- 把打包测试好的新代码上传到服务器运行,生成新的版本号
回滚流程
- 把当前服务器上有问题的代码打包备份,记录版本号
- 把之前备份的代码解压覆盖到服务器上运行,生成新的版本号
严格模式
- arguments不能用
- 必须用var等声明变量才能用
- 不能删除变量
- 对象字面量名重复报错
- 必须使用window.a
不使用模块化的问题
- 全部用script引进来 都是全局变量 很容易污染 出bug查不出来
- 你不知道你引用的这个js依赖于哪个js ,顺序搞错或喽引都不行
requirejs
requirejs就是用define函数(方法)写??椋ㄒ逡桓龊魑问?,return一个对象
用require函数(方法)写入口,定义一个函数作为参数,写逻辑
//a.js define(['./util.js'], function (util) { return { hello: util.sayHi(hello)//utiljs里面写的方法,都在util这个参数对象里面调用 } }) //main.js require(['./hello.js'], function (a) { //这可以写业务 a.hello() }) //index.html <script src="/res/require.js" data-main="./main.js"></script>//最后在这里引入mainjs
AMD、CMD和commonjs的区别
- AMD、CMD是异步加载的 commonjs是同步的 因为nodejs是服务端技术 设计的时候就没考虑到异步,同步硬盘读取就很快,而且更稳定
- ES6的??橥揭觳胶蚻oader有关