自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Joanne_join的博客

哼哧哼哧努力的准程序媛一枚

  • 博客(20)
  • 收藏
  • 关注

原创 前端知识——vue部分

VUEwebpack你说你用过Vue,说一下MVVM和MVC的区别。Vue在data外声明的变量发生变化会不会导致页面改变。(DefinePoroerty)Vue哪些对数组的操作不会导致页面变化。computed和watched的区别。有没有遇到过定义的样式在页面不生效的情况(scoped)组件通信的方式有哪些,父传子,子传父,兄弟组件虚拟dom如何实现的,原理为什么最好不用index作为key:vue2.0双向绑定原理,原生js实现知道vue2.0和3.0的核心api发生了哪些变化。vue生命周期vuex

2020-11-26 14:53:42 242

原创 前端知识——浏览器 http css部分

浏览器 http css部分浏览器说一下websocket原理。说一下html渲染到页面的过程。说一下强缓存和协商缓存。nocache和nostore的区别?cookie和session的区别?浏览器内核,不同内核渲染有什么差别跨域缓存的key方法HTTPTCP三次握手四次挥手为什么需要三次握手为什么要传回 SYN传了 SYN,为啥还要传 ACK为何四次挥手TCP如何保证可靠传输网络协议的几层http1.0 1.1 2.0区别浏览器输入URL发生了什么性能web优化?关键js资源解析阻塞优化方法http报文

2020-10-29 22:57:28 1000

原创 前端知识——js部分

js部分jsparseInt,parseFloatMath.round(),Math.ceil(),Math.floor()的区别domready和onload事件的区别:元素绑定事件与解绑for in /of深浅拷贝call,apply,bind:js垃圾回收写一个闭包写原型链this理解继承的方式及实现。es6去重,es5去重(手写)forEach、Mappromise,async,awaitgenerator与async,await区别js运行机制,举例说明数组中push一个数据,视图更新吗jsp

2020-10-29 22:53:06 358

原创 算法题记录——大数相加

文章目录大数相加大数相加按位相加var a="9007199254740991";var b="1234567899999999999";function plusNum(num1,num2){ var length=Math.max(num1.length,num2.length); num1=num1.padStart(length,0); num2=num2.padStart(length,0); var all=0; var go=0; va

2020-10-27 18:11:39 117

原创 chrome浏览器构架学习笔记

最直观方法:打开更多工具中的任务管理器,可查看有几个进程。结论:现代浏览器是多进程架构,包括:1个浏览器进程,1个网络进程,1个GPU进程,多个渲染进程和多个插件进程。通常情况下,打开2个页面会有5个进程,即浏览器进程、网络进程、GPU进程、两个渲染进程。特殊情况:页面中有插件,每个插件算一个进程页面有iframe,会运行在单独的进程中装了扩展,也会占用进程如果两个页面属于同一个站点,并且B从A中打开,会共用一个渲染进程。并行并发概念:并行:指的是两个互不影响的独立进程同时进行。并

2020-07-19 00:30:03 205

原创 前端3+1(7.16)

第一天:页面导入样式时,使用link和@import有什么区别?区别:1.关系:link是html标签(不仅可以加载css,还可以定义RSS、rel),@import是css提供的2.加载顺序:页面加载时,link引入的样式会被同时加载;而@import引用的Css会等页面加载完再加载3.兼容性:@import只有IE5以上才能被识别,而link无兼容问题。4.DOM可控性:通过js操作DOM,可以插入link标签来改变样式;由于dom方法是基于文档的,无法使用@import方式插入样式。5.

2020-07-16 21:27:08 266 1

原创 vue之webpack搭建

模块化相关规范在es6模块化诞生之前,js社区已经尝试并提出了AMD/CMD/CommonJS等模块化规范。ES6模块化规范中的定义:每个js文件都是一个独立的模块导入模块成员使用import关键字暴露模块成员使用export关键字在node中es6模块化支持不是很好,需要babelbabel是语法转换工具安装babel : npm install --save-dev @babel/core @babel/cli @babel/preset -env @babel/nodecnpm

2020-07-11 15:28:36 130

原创 vue笔记整理

vue 学习笔记整理1.整理一:虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。除了数据属性,Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $,以便与用户定义的属性区分开来。var data = { a: 1 }var vm = new Vue({el: '#example',data: data})vm.$data === data // =>

2020-07-07 10:43:50 198

原创 前端跨域尝试

原生ajax:getfunction getTime(){ //1.创建ajax对象 var xhr= new XMLHttpRequest(); //2.准备请求(请求类型,后端地址):此处请求并没有传数据出去,只是发送了一个请求 xhr.open("get","/gettime"); //3.监听ajax的状态变化 xhr.onreadystatechange= funtion(){

2020-07-07 10:42:04 135

原创 前端排序算法

排序算法有插入排序、冒泡排序、选择排序、快速排序、归并排序、堆排序。以下是我对这些排序的理解和代码实现1.插入排序(稳定)按从左到右的顺序,从下标为1的数开始与前一个进行比较,小则往前移,大则退出循环。let array = [1, 9, 3, 5, 2, 3, 5, 7, 2]; function arrayInsert(array) { for (let i = 1; i < array.length; i++) {

2020-07-07 10:41:39 137

原创 对象的方法--笔记

阅读:对象的方法总结:Object.getPrototypeOf(a) 得到a的原型Object.setPrototypeOf(a,b) 给对象a赋原型bObject.create(a) 创造一个和实例a有同样原型的实例。a.isPrototypeOf(b) 判断a是否为b的原型a.proto 得到a的原型a.getOwnPropertyNames()

2020-07-04 21:09:14 124

原创 记录人生第一次职场面试——前端实习生面试

之前因为自己基础知识掌握得不太行,只投过一家小公司笔试没过。前几天不小心点开了一家公司的boss直聘的立即沟通,没想到软件自动给对方发了一条消息。第二天hr要我把简历发过去,既然这样也就顺势而为了,说不定是一个机会呢。昨天上午公司发了一封邮件给我说2号和3号两天自己选时间进行ai视频面试。今日下午,稍作打扮,我打开了daydao视频面试,人生第一次,虽然是机器人,也有一些紧张。一共有五个问题:1、你是什么专业的?为什么学习前端?2、html中行内元素有哪些,块状元素有哪些?他们有什么区别?3、你能

2020-07-03 18:27:02 452

原创 对象的继承(笔记)

参考:JavaScript教程——对象的继承原因我们知道,对象是由构造函数产生的,构造函数可以视为对象的模板。有一个缺点,同一个构造函数生成的多个实例之间无法共享属性,从而造成浪费function Cat(name,color){ this.name=name; this.color=color; this.meow=function(){ console.log("hi"); }}var cat1 = new Cat('cat1','white');var cat2 = new

2020-06-30 14:40:45 178

原创 js复习笔记(三)

给对象加属性Object.create()对象加属性,直接加mrDeng.wife = "xiaoliu"//再看里面已经添加上了这个属性删除delete mrDeng.sexmrDeng.sex//undefined对象的创建方法:1. var obj = {} plainObject 对象字面量/对象直接量2. 构造函数:1)系统自带 Object()var object = new Object()2)自定义//大驼峰式命名规则 只要是个单词就大写functi.

2020-06-28 13:25:22 153

原创 js复习笔记(二)

函数预编译:函数声明整体提升,变量声明提升(赋值不提升)。几个概念:1.暗示全局变量(implyglobal):变量未经声明就赋值,此变量属于全局变量。2.一切声明的变量,都是全局的属性作用域做题四部曲:1.创建AO对象(作用域、执行器上下文)2.找形参和变量声明,将其作为AO对象的属性名,值为undefined3.形参和实参相统一4.在函数体里找函数声明,将值赋予函数体。(var b=function(){}叫函数表达式 不在考虑里)预编译出现在函数声明的前一刻题:function

2020-06-27 15:29:15 128

原创 理解闭包,理解let

js有两种作用域:全局作用域和函数作用域。函数内部可以直接读取全局变量,但是函数外部无法读取内部声明变量。为了解决这个问题,想到一个办法,就是在函数内部,再定义一个函数。function f1() { var n = 999; function f2() { console.log(n); } return f2;}var result = f1();result(); // 999这就是 JavaScript 语言特有的"链式作用域"结构(chain scope),

2020-06-26 15:05:40 356

原创 HTML复习笔记(一)

HTML: html声明是哪个版本,并不属于html标签。charset: 常见的值有GB2312简体中文、BIG5繁体中文、GBK包含简体和繁体、UTF-8万国码,基本包含世界所有国家需要用到的字符。必须要有,没有会乱码。添加语义标签的页面,会让页面结构更加清晰。文字格式标签:<strong>加粗、<em>/<i>倾斜,<del>/<s>删除线、<ins>/<u>下划线img标签中wi

2020-06-26 11:49:47 272

原创 js基础复习笔记(一)

标识符命名规则:第一个字符,可以是任意 Unicode 字母(包括英文字母和其他语言的字母),以及美元符号($)和下划线(_)。第二个字符及后面的字符,除了 Unicode 字母、美元符号和下划线,还可以用数字0-9。注释除了单行注释和多行注释外,js还可以兼容html的代码注释x = 1; <!-- x = 2;--> x = 3;//结果只有x=1会执行;需要注意的是,–>只有在行首才会被当成单行注释,否则会被当成正常运算。switch需要注意的是,switch语

2020-06-26 09:40:43 182

原创 CSS复习笔记(二)

接上篇CSS复习笔记背景固定background-attachment:scroll|fixed;应用:视差滚动。背景复合性写法background:顺序无要求;背景颜色半透明IE9+background:rgba(0,0,0,0.5);CSS三大特性层叠性(覆盖、就近)、继承性(给父元素写了样式,子元素也会继承,主要是跟文字相关的,行高等)、优先级;font-size:14px/1.5 说明当前行高是141.5px优先级:选择器相同,则执行层叠性。选择器不同:则按选择器权

2020-06-25 17:17:28 221 1

原创 CSS复习笔记(一)

多类名之间用空格隔开代码复用,样式重复可以提取出来单独列个类,再用多类名添加快捷输入复合选择器:后代选择器: 元素1 元素2 { 样式声明 } 元素二是元素一的孩子 ps:这个会把元素1下的所有元素2选出来,包括孙子辈子选择器: 元素1>元素2{样式声明} 元素2是元素1的亲儿子并集选择器:元素1,元素2{样式声明} 元素1和元素2伪类选择器:链接伪类::focus 焦点伪类选择器行内元素注意事项:(1)宽高设置..

2020-06-25 00:00:33 144

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除