摘要: 前言 曾几何时,你有没有想过一个前端工程师的未来是什么样的?这个时候你是不是会想到了一个词”前端架构师“,那么一个合格的前端架构只会前端OK吗?那当然不行,你必须具备全栈的能力,这样才能扩大个人的形象力,才能升职加薪,才能迎娶白富美,才能走向人生巅峰... 最近我在写一些后端的项目,发现重复工作太多 阅读全文
posted @ 2022-03-18 20:07 木子末 阅读(150) 评论(0) 推荐(0)
摘要: 前言 在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive 阅读全文
posted @ 2022-03-18 19:57 木子末 阅读(157) 评论(0) 推荐(0)
摘要: 一、HTTP协议 1. GET和POST的请求的区别 Post 和 Get 是 HTTP 请求的两种方法,其区别如下: 应用场景: GET 请求是一个幂等的请求,一般 Get 请求用于对服务器资源不会产生影响的场景,比如说请求一个网页的资源。而 Post 不是一个幂等的请求,一般用于对服务器资源会产 阅读全文
posted @ 2022-03-18 16:20 木子末 阅读(251) 评论(0) 推荐(0)
摘要: 一、JavaScript 基础 1. 手写 Object.create 思路:将传入的对象作为原型 function create(obj) { function F() {} F.prototype = obj return new F() } 2. 手写 instanceof 方法 instan 阅读全文
posted @ 2022-03-18 16:14 木子末 阅读(470) 评论(0) 推荐(0)
摘要: 一、浏览器安全 1. 什么是 XSS 攻击? (1)概念 XSS 攻击指的是跨站脚本攻击,是一种代码注入攻击。攻击者通过在网站注入恶意脚本,使之在用户的浏览器上运行,从而盗取用户的信息如 cookie 等。 XSS 的本质是因为网站没有对恶意代码进行过滤,与正常的代码混合在一起了,浏览器没有办法分辨 阅读全文
posted @ 2022-03-18 15:50 木子末 阅读(368) 评论(0) 推荐(0)
摘要: 一、CDN 1. CDN的概念 CDN(Content Delivery Network,内容分发网络)是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户,来提供高性能、可扩展性及低成本的网络内容传递给用户。 典型的C 阅读全文
posted @ 2022-03-18 15:44 木子末 阅读(1293) 评论(0) 推荐(1)
摘要: 六、Redux 1. 对 Redux 的理解,主要解决什么问题 React是视图层框架。Redux是一个用来管理数据状态和UI状态的JavaScript应用工具。随着JavaScript单页应用(SPA)开发日趋复杂, JavaScript需要管理比任何时候都要多的state(状态), Redux就 阅读全文
posted @ 2022-03-18 15:34 木子末 阅读(889) 评论(0) 推荐(0)
摘要: 一、组件基础 1. React 事件机制 <div onClick={this.handleClick.bind(this)}>点我</div> React并不是将click事件绑定到了div的真实DOM上,而是在document处监听了所有的事件,当事件发生并且冒泡到document处的时候,Re 阅读全文
posted @ 2022-03-18 15:31 木子末 阅读(843) 评论(0) 推荐(0)
摘要: 四、路由 1. Vue-Router 的懒加载如何实现 非懒加载: import List from '@/components/list.vue' const router = new VueRouter({ routes: [ { path: '/list', component: List } 阅读全文
posted @ 2022-03-18 15:28 木子末 阅读(350) 评论(0) 推荐(0)
摘要: 一、Vue 基础 1. Vue的基本原理 当一个Vue实例创建时,Vue会遍历data中的属性,用 Object.defineProperty(vue3.0使用proxy )将它们转为 getter/setter,并且在内部追踪相关依赖,在属性被访问和修改时通知变化。 每个组件实例都有相应的 wat 阅读全文
posted @ 2022-03-18 15:22 木子末 阅读(875) 评论(0) 推荐(1)
摘要: 六、this/call/apply/bind 1. 对this对象的理解 this 是执行上下文中的一个属性,它指向最后一次调用这个方法的对象。在实际开发中,this 的指向可以通过四种调用模式来判断。 第一种是函数调用模式,当一个函数不是一个对象的属性时,直接作为函数来调用时,this 指向全局对 阅读全文
posted @ 2022-03-18 15:05 木子末 阅读(177) 评论(0) 推荐(0)
摘要: 一、数据类型 1. JavaScript有哪些数据类型,它们的区别? JavaScript共有八种数据类型,分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型: 阅读全文
posted @ 2022-03-18 15:01 木子末 阅读(258) 评论(0) 推荐(0)
摘要: 相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法...... 题目&答案 如何理解CSS的盒子模型? 每个HTML元素都是长方形盒子。 (1)盒子模型有两种:IE盒子模型、标准W3C盒子模型;IE的content部分包含了border和padi 阅读全文
posted @ 2022-03-18 14:32 木子末 阅读(102) 评论(0) 推荐(0)
摘要: 相关知识点 web标准、 web语义化、 浏览器内核、 兼容性、 html5... 题目&答案 Doctype作用?严格模式与混杂模式如何区分?它们有何意义? (1)<!DOCTYPE>声明位于HTML文档中的第一行,处于<html>标签之前,用于告知浏览器的解析器用什么文档标准解析这个文档。DOC 阅读全文
posted @ 2022-03-18 14:27 木子末 阅读(57) 评论(0) 推荐(0)
摘要: 相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015(ES6)、Node 阅读全文
posted @ 2022-03-18 14:16 木子末 阅读(51) 评论(0) 推荐(0)
摘要: 相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015(ES6)、Node 阅读全文
posted @ 2022-03-18 14:04 木子末 阅读(91) 评论(0) 推荐(0)
摘要: 相关知识点 数据类型、运算、对象、function、继承、闭包、作用域、原型链、事件、RegExp、JSON、Ajax、DOM、BOM、内存泄漏、跨域、异步加载、模板引擎、前端MVC、前端MVVM、路由、模块化、Http、Canvas、jQuery、ECMAScript 2015(ES6)、Node 阅读全文
posted @ 2022-03-18 13:49 木子末 阅读(106) 评论(0) 推荐(0)
摘要: 前言 因为业务需要,很多文件需要在前端实现预览,今天就来了解一下吧。 实现方案 找了网上的实现方案,效果看起来不错,放在下面的表格里,里面有一些是可以直接通过npm在vue中引入使用。 文档格式老的开源组件替代开源组件 word(docx) mammoth docx-preview(npm) pow 阅读全文
posted @ 2022-03-18 09:37 木子末 阅读(3256) 评论(0) 推荐(0)
摘要: 1、node有哪些特征,与其他服务器端对比 特征:单线程、事件驱动、非阻塞I/O node 无法直接渲染静态页面,提供静态服务 node 没有根目录的概念 node 必须通过路由程序指定文件才能渲染文件 node 比其他服务端性能更好,速度更快 node 更新很快,可能会出现版本兼容 2、如何判断当 阅读全文
posted @ 2022-03-18 09:18 木子末 阅读(73) 评论(0) 推荐(0)
摘要: 1、 MVC、MVVM的理解 MVC:Model、View、Controller View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈 所有通信都是单向的 MVVM:Model、View、V 阅读全文
posted @ 2022-03-18 09:11 木子末 阅读(148) 评论(0) 推荐(0)