- 博客(123)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 【14】大厂面试知识总结 - http协议
http面试前端工程师开发界面需要调用后端的接口，提交/获取 数据 —— http协议要求事先掌握好ajax看几个题目http常见状态码有哪些?状态码分类1xx服务器接受请求2xx请求成功，如2003xx重定向，如3024xx客户端错误，如4045xx服务端错误，如500常见状态码200 成功301 永久重定向（配合location，浏览器自动处理），永久代表浏览器会记住，下次会自动跳转到新地址302 临时重定向（配合location，浏览器自动处理），临时代表
2021-09-20 00:10:45
555
1
原创 【13】大厂面试知识总结 - JS-Web-API-存储
存储题目描述cookie、localStorage、sessionStorage区别容量区别；cookie(4KB)、localStorage（5M）、sessionStorage（5M）API易用性是否跟随http请求发送出去知识点cookie本身用于浏览器和server通讯被"借用"到本地存储来可用document.cookie = '…'修改存储大小，最大4KB（缺点）http请求时需要发送到服务端，增加请求数据量只能用document.cookie = '…'
2021-09-14 19:04:27
146
原创 【11】大厂面试知识总结 - JS-Web-API-事件
题目编写一个通用的事件监听函数描述事件冒泡的流程无限下拉的列表，如何监听每个图片的点击？知识点事件绑定const btn = document.getElementById('btn1')btn.addEventListener('click', event => { console.info('clicked')})function bindEvent(elem, type, fn) { elem.addEventListener(type, fn)}事件冒
2021-09-09 22:52:21
161
原创 【10】大厂面试知识总结 - BOM操作（Brower Object Model）
题目如何识别浏览器的类型分析拆解url各个部分知识点navigatorscreenlocationhistorynavigator和screen//navigatorconst ua = navigator.userAgentconst isChrome = ua.indexOf('Chrome')console.info(isChrome)//screenconsole.info(screen.width)console.info(screen.height)l
2021-09-09 19:44:04
101
原创 【09】大厂面试知识总结 - 从JS基础知识到JS Web API
JS基础知识，规定语法（ECMA 262标准）JS Web API，网页操作的API（W3C标准）前者是后者的基础，两者结合才能真正实际应用JS基础知识变量的类型和计算原型和原型链作用域和闭包JS Web APIDOMBOM事件绑定ajax存储前言vue和React框架应用广泛，封装了DOM操作但DOM操作一直都是前端工程师的基础、必备知识只会vue而不懂DOM操作的前端程序员，不会长久DOM操作（Document Object Model）题目DO.
2021-09-09 19:21:19
93
原创 【08】大厂面试知识总结 - JS 异步进阶
JS异步 - 进阶之前讲解JS异步，在于初阶的应用本章在于JS异步的原理和进阶对初学者有点难度，尽量深入浅出本章主要内容event looppromise进阶async/await微任务/宏任务本章相关面试题请描述event loop（事件循环/事件轮询）的机制，可画图什么是宏任务和微任务，两者有什么区别？Promise有哪三种状态？如何变化场景题promise then和catch的连接//第一题Promise.resolve().then(() =>
2021-09-02 23:59:35
96
原创 【07】大厂面试知识总结 - 异步
JS三座大山：原型和原型链，作用域和闭包，异步和单线程异步和单线程同步和异步的区别是什么？手写用Promise加载一张图片前端使用异步的场景有哪些？//setTimeout笔试题console.info(1)setTimeout(function () { console.info(2)}, 1000)console.info(3)setTimeout(function () { console.info(4)}, 0)console.info(5)知识点单线程和.
2021-08-29 22:42:19
77
原创 【06】大厂面试知识总结 -作用域和闭包
作用域和闭包this的不同应用场景，如何取值？当做普通函数被调用使用call、apply、bind作为对象方法调用在class的方法中调用箭头函数手写bind函数Function.prototype.bind1 = function () { //将参数解析为数组 const args = Array.prototype.slice.call(arguments) //获取this（取出数组第一项，数组剩余的就是传递的参数） const t = args.shfit()
2021-08-28 23:13:58
84
原创 【05】大厂面试知识总结 - 原型和原型链
原型和原型链如何准确判断一个变量是不是数组?手写一个简易的jQuery，考虑插件和扩展性class的原型本质，怎么理解？知识点class和继承constructor属性方法// 类class Student { constructor(name, number) { this.name = name this.number = number // this.gender = 'male' } sa
2021-08-28 11:38:47
100
原创 【04】大厂面试知识总结 - JS基础类型(变量类型和计算)
JS基础类型typeof能判断哪些类型识别所有值类型识别函数判断是否是引用类型(不可再细分)//判断所有值类型let a; typeof a //'undefined'let str = 'abc'; typeof str //'string'let n = 100; typeof n //'number'let b = true; typeof b //'boolean'let s = Symbol('s') typeof s
2021-08-24 21:31:58
89
原创 【03】大厂面试知识总结 - CSS知识点
HTML面试题如何理解HTML语义化？全是div的标签 <div>标题</div> <div> <div>一段文字</div> <div> <div>列表1</div> <div>列表2</div> </div> </div>搜索引擎机器能识别，h1语意标题这些标签便于程序开发人员阅读 <h1>标题&
2021-08-23 22:10:15
102
原创 【01】大厂面试知识总结 - 导学
问题1 - 如何能"快速搞定"？解决方案：直击重点快速圈出前端常见考点和题目以最易见的方式讲解清楚前端面试中的重要考点HTML和CSS原型、作用域、异步DOM事件和AJAX性能优化各种手写代码HTTP协议问题2 - 如何做到"最易理解"讲知识点，不是题海战术学会一道题，就能应对一类题帮你构建前端知识体系知识点介绍CSS布局定位移动端响应式ES语法原型、原型链作用域、闭包异步、单线程Web APIDOM、BOMAjax跨域事件、
2021-08-17 20:22:10
129
原创 【03】Webpack配置
本文旨在解读webpack相关配置webpack已是前端打包构建的不二选择每日比用，面试必考成熟的工具，重点在于配置和使用，原理并不高优讲解范围基本范围高级配置优化打包效率优化产出代码构建流程概述babel回顾之前的webpack面试题前端代码为何要进行构建和打包？module chunk bundle分别什么意思，有何区别？loader和plugin的区别？webpack如何实现懒加载？webpack常见性能优化babbel-runtime和babel-.
2021-08-17 18:54:18
115
原创 【02】Vue3中Proxy解析
Object.defineProperty的缺点深度监听需要一次性递归无法监听新增属性/删除属性(Vue中添加API来弥补此缺陷Vue.set、Vue.delete)无法原生监听数组，需要特殊处理// 触发更新视图function updateView() { console.log('视图更新')}// 重新定义数组原型const oldArrayProperty = Array.prototype// 创建新对象，原型指向 oldArrayProperty ，再扩展新.
2021-08-09 22:40:36
2276
1
原创 【01】前端面试 - VUE
1、v-show和v-if的区别2、为何v-for中要用key3、描述Vue组件生命周期（有父子组件的情况）4、Vue组件如何通讯5、描述组件渲染和更新的过程6、双向数据绑定v-model的实现原理– webpack面试题7、
2021-08-04 21:44:11
81
原创 【第04章】Spring Boot整合Web开发 - 配置自定义JSON转换器
Spring Boot使用默认的转换器是jackson-databind，如果我们使用自定义转换器时，我们需要去除默认的jackson-databind，比如我们使用Gson作为转换器时我们在pom.xml中添加如下配置：<dependencies> <dependency> <groupId>org.springframework...
2020-02-05 13:11:24
264
原创 【第03章】Spring Boot整合视图技术 - 整合Thymeleaf
改文章项目文件结构图如下：步骤一：创建工程、添加依赖 <dependencies> <!-- thymeleaf相关依赖 --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>s...
2020-01-17 15:57:21
129
原创 【第2章】Spring Boot基础配置
定制banner内容我们可以到www.network-science.de/ascii/官网制作启动打印内容，然后放入到resources>banner.txtWeb容器配置我们在resources -> application.properties下添加配置内配，比如：### 配置启动端口server.port=8081### 配置错误路径server.error....
2020-01-16 15:12:42
136
原创 【01-2】创建Spring Boot项目 - 通过IDEA创建
步骤一：创建Spring Initializr步骤二：输入项目基本信息，包括组织ID、模块名称、项目构建类型、最终生成包的类型、java的版本、开发语言、项目版本号、项目描述以及项目的包步骤三：选择项目所需的依赖...
2020-01-15 14:22:58
134
原创 【第0章】SpringBoot教程学习前凑 - git使用
Git全局设置git config --global user.name "有心"git config --global user.email "[email protected]"创建git创库mkdir SpringBootcd SpringBootgit inittouch README.mdgit add README.mdgit commit -m "first co...
2020-01-15 09:44:29
157
原创 【01-1】创建Spring Boot项目 - Maven项目构建
方法一：使用Maven创建Spring Boot项目步骤一：创建Maven项目步骤二：添加项目依赖添加org.springframework.boot作为parent我们需要开发一个web项目，就可以先引入一个web的starter，添加spring-boot-starter-web编写启动类@EnableAutoConfiguration注解表示开启自动化Spring...
2020-01-15 09:34:14
114
原创 【Java SE】String类拼接解析
字符串拼接如果是变量相加，先开空间，再进行拼接。字符串如果是常量相加，是先加，然后在常量池找，如果有就直接返回，否则，就创建。public class StringDemo { public static void main(String[] args) { String s1 = "hello"; String s2 = "world"; ...
2018-11-30 10:24:24
289
原创 【vue源码解读 篇幅一】准备工作03 - Vue.js源码构建
Vue.js源码是基于Rollup构建的，它的构建相关配置在scripts目录下。构建脚本&nbsp;&nbsp;&nbsp;&nbsp;通常一个基于NPM托管的项目都会有一个package.json文件，它是对项目的描述文件，它的内容实际上是一个标准的JSON对象。 &nbsp;&nbsp;&nbsp;&nbsp;我们通常会配置script字段作为NPM的执
2018-07-03 15:43:08
238
原创 【vue源码解读 篇幅一】准备工作02 - Vue.js源码目录设计
Vue.js的源码都在src目录下，其目录结构如下。src├── compiler #编译相关├── core #核心代码├── platforms #不同平台的支持├── server #服务端渲染├── sfc #.vue文件解析├── shared #共享代码...
2018-06-26 23:28:22
466
原创 【vue源码解读 篇幅一】准备工作01 - 认识Flow
认识FlowFlow是Facebook出品的JavaScript静态类型检查工具。Vue.js的源码利用了Flow做了静态类型检查，所以了解Flow有助于我们阅读源码。
2018-06-23 21:15:39
738
原创 【webpack】使用HtmlWebpackPlugin生成页面
解决使用HtmlWebpackPlugin有用html-loader来加载模板时不能输出title问题1、在build下新建titlePlugin.js文件，结构如下 代码如下function TitlePlugin() {}TitlePlugin.prototype.apply = function (compiler) { compiler.plugin('co...
2018-05-31 14:58:22
1210
原创 【GIT】常用命令汇总
分支管理1、列出本地分支：git branch2、删除本地分支：git branch -D 分支名称 其中-D也可以是–delete，如： git branch –delete 分支名称3、删除本地的远程分支：git branch -r -D 分支名称4、远程删除git服务器上的分支：git push origin -d 分支名称 —— 注意：gi...
2018-05-31 10:16:40
143
原创 CSS3动画
实现向上动画<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="wi
2018-03-20 20:26:53
153
原创 ESLint语法检测配置说明
ESLint语法检测配置说明常用配置及其相关说明module.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, // https://github.com/feross/standard/blob/master/RULES.md...
2018-03-11 21:25:11
1599
原创 【MongoDB】MongoDB基本入门01
NoSQL简介 NoSQL（Not Only SQL），意即“不仅仅是SQL”，指的是非关系型的数据库。非关系型数据库的优点： 1、简单的扩展（以键值对的方式存储，结构比较灵活）2、快速的读写3、低廉的成本4、灵活的数据模型缺点：1、不提供SQL的支持2、支持的特性不够丰富（没有事务等这些概念）3、现有的产品不够成熟（相对于关系型数据库而言）关系型数据库和Mon
2017-11-22 16:12:35
375
原创 【CSS】LESS即学即用
##less介绍 less是一门CSS预处理语言，它扩充了CSS语言，增加了诸如变量、混合(mixin)、函数等功能，让CSS更容易维护/方便制作主题/扩展。如果我们已经安装了node，那么我们可以执行下面命令来安装less。 $ npm install -g less然后执行或者lessc styles.less > styles.css进行编译，其中styles.less表示要编译的
2017-11-19 12:59:28
396
原创 【JavaScript】JavaScript数据结构与算法 —— 二叉树
树是计算机科学中经常用到的一种数据结构。树是非线性的数据结构，以分成的方式存储数据，树被用来存储具有层级关系的数据，比如文件系统的文件，树还被用来存储有序列表。我们要研究的是二叉树，在二叉树上查找元素非常快，为二叉树添加元素或者删除元素，也是非常快的。我们现在就来学习二叉树，二叉树是一种特殊的树，它的特征是子节点个数不超过2个，相对较少的值保存在左节点上，较大的值保存在右节点中。这一特性使得查找的
2017-11-17 15:57:54
227
原创 【sublime】修改成类似Eclipse快捷键
第一步：：依次打开Preferences -> Key Bindings： 第二步：将下面的key配置放入到下面[ // editor配置 { "keys": ["ctrl+v"], "command": "paste_and_indent" }, { "keys": ["ctrl+shift+v"], "command": "paste" }, //{ "key
2017-11-16 15:49:01
1057
2
原创 【JavaScript】JavaScript原型链之原型对象、实例和构造函数三者之间的关系
前言：用了这么久js，对于它的原型链一直有种模糊的不确切感，很不爽，隧解析之。 本文主要解决的问题有以下三个： (1)constructor和prototype以及实例之间啥关系？ (2)prototype是啥，proto又是啥，他们之间啥关系？ (3)如果改变一个constructor的prototype，他的实例会发生什么变化？ ok，下面一个一个解决。(1)constructor和
2017-11-16 15:00:19
984
转载 【javascript】JavaScript高阶函数介绍
★本文引自：廖雪峰的官方网站 - 高阶函数：即一个函数可以接收另一个函数作为参数，这种函数就称之为高阶函数。function add(x,y,fn) { return fn(x) + fn(y);}console.info(add(-5,6,Math.abs));当我们调用add(-5,6,Math.abs)时，结果会输出11； 编写高阶函数，就是让函数的参数能够接收别的函数。案例
2017-11-14 20:15:50
416
原创 【ES6】 — ECMAScript6快速入门03
异步：Promise — 承诺就是一个对象，用来传递异步操作数据（消息）使用Promisevar p1 = new Promise(function(resolve, reject){ //reject 失败了 reject(2); //resolve 成功了 resolve(1); //r
2017-11-13 19:19:37
271
原创 【ES6】 — ECMAScript6快速入门02
复制数组1、删除数组中一个元素var arr = [1,2,3];var arr2 = arr;arr2.pop();console.info(arr,arr2);2、复制数组，然后再删除里面的一个元素var arr = [1,2,3]var arr2 = [];for(var i=0;i<arr.length;i++) { arr2[i] = arr[i];}arr2.
2017-11-12 22:36:42
268
原创 【ES6】 — ECMAScript6快速入门01
ES6和JS的关系ES6： ECMAScript6js： 组成部分：ECMA DOM BOM什么是ECMA?ECMA是标准，JS是实现，换句话来说也有可能有其他xxxScript来实现ECMAECMAScript：简写ECMA或者ES目前版本： 低级浏览器：主要支持ES3.1高级浏览器：正在从ES5过渡到ES6历史： 1996 ES1.0 js稳定
2017-11-12 22:13:32
261
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人