不才的博客

每日一题

只是单纯的想长期的坚持做一件事。博客每天上午12点之前更新题目、qq群(656726969)每天十点之前发布，每天一个题目。ps: 如有问题，麻烦指出谢谢6月25、26两天🐦了，最近身体不好感觉目前只有上班时间才有时间写这个6月28、29两天也鸽了，返校办理毕业手续没带电脑7

Element UI Message 组件的实现原理

相关链接Message Element 组件文档Vue-extendmessage.js 源码地址Message 使用方法绑定到Vue的原型 Vue.prototype.$message = Message; 使用 this.$message('这是一条消息提示'); 实现思路

通过vhvw单位替代rem

解决响应式布局问题先介绍下 rem吧规范中写道：Equal to the computed value of ‘font-size’ on the root element.「rem」是指根元素（root element，html）的字体大小，好开心的是，从遥远的 IE6 到版本帝 Chrome 他

使用 TypeScript 的装饰器和 Koa 实现类似于 Spring boot 注解

原理首先需要知道 ts 装饰器的执行顺序然后一步一步的对相关的装饰器进行反射然后动态加载模块解析相关的模块将模块中的方法进行解析将解析的方法打包成一个路由函数将函数加载到koa-router一、 ts 装饰器的执行顺序在一个类中先执行的是方法中的参数装饰器然后是方

Linux从安装Nginx到部署前端项目

自己写项目总归是要给人看的，对于测试或者上线最终都是要部署到服务器的，本文就是记录前端项目如何部署到nginx服务器Linux安装Nginx （傻瓜式）CentOS7 中使用yum安装Nginx的方法参照：CentOS7中使用yum安装Nginx的方法配置静态服务器ps: 如果可以的

大文件分块（切片）断点上传

之前看过相关文章但是一直没有动手实现，这个东西就是为了实现这个而产生的。前端流程图主要技术点切片利用 Blob.prototype.slice 切片获取切片md5 作为唯一标识具体代码// 计算切片数量const page = Math.ceil(file.size / siz

关于Vue.prototype 和vue.use()的疑问

首先，不管你采用哪种方式，最终实现的调用方式都是 vm.属性()也就是说，两种方法，实现的原理都是在Vue.prototype上添加了一个方法。所以结论是“没有区别”。再来说说Vue.use()到底干了什么。我们知道，Vue.use()可以让我们安装一个自定义的Vue插件。为此，我们需要声明一

JS的深拷贝和浅拷贝

浅拷贝的时候如果数据是基本数据类型，那么就如同直接赋值那种，会拷贝其本身，如果除了基本数据类型之外还有一层对象，那么对于浅拷贝而言就只能拷贝其引用，对象的改变会反应到拷贝对象上；但是深拷贝就会拷贝多层，即使是嵌套了对象，也会都拷贝出来。// 实现浅拷贝的第一种方法/*** Created by

Virtual DOM 的原理与实现

只贴代码不解释过程勿喷博客文章地址;github地址模板环境搭建1.克隆$ git clone https://github.com/cvgellhorn/webpack-boilerplate.git$ npm install $ npm install @babel/plu

JavaScript 利用防抖实现双击事件不触发单击事件

问题描述：在写一个双击放大，单击操作的需求的时候发现双击事件还会额外的触发两次单击事件，且单击事件在单击之前大概有两种方式利用定时器每次点击都会设置一个定时器延时执行代码，然后后一次点击清空前一次的定时器，最后双击事件触发再清空前一次的点击（大佬指正这是防抖）问题：导致点击时

Nginx 实现前后端分离开发

1、下载Nginx稳定版本2、打开nginx配置文件 nginx.conf；3、在http模块的server部分配置server { listen 80; // Nginx的监听端口 server_name localhost; // 访问Nginx服务器的域名l

实现跨域的几种方法

什么是跨域跨域是指从一个域名的网页去请求另一个域名的资源。比如从 www.baidu.com 页面去请求 www.google.com 的资源。跨域的严格一点的定义是：只要协议，域名，端口有任何一个的不同，就被当作是跨域。为什么要跨域既然有安全问题，那为什么又要跨域呢？有时公司内部有多个

js 实现一个简单的迭代器

简单模式function myIterator(arr) { let nextIndex = 0; return { next() { return { value: arr[nextIndex++], done:

使用 netlify 实现前端的自动部署

参考https://www.cnblogs.com/codernie/p/9062104.html搭建成功后的https://gallant-shannon-62c13d.netlify.com/

基于koa 实现 Github OAuth 登陆流程

理解OAuth 2.0github账号第三方授权例子我如何处理本地数据间的同步（只同步一次/如果字段冲突就绑定冲突账户[不能覆盖以及绑定的]）1. 获得授权用户数据2. 将数据库需要的字段提取出来3. 判断数据库是否存在该数据(例如某个字段唯一匹配第三方数据id)3.1 如果不存在就写入本地。3

Generator 实现异步ajax

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt

React PureComponent or Component

Component 类组件必须继承的PureComponent 浅比较组件继承 ComponentPureComponent的优点实现了本该在 shouldComponentUpdate 进行比较[浅比较]只会对基本数据类型进行更新，无法判断引用数据类型会影响子组件的渲染为什么

从输入URL到页面渲染完成

从输入URL到页面渲染完成涉及网络、浏览器工作原理等知识。前序知识浏览器进程结构Browser进程负责协调、主控，包括地址栏、书签、历史栈。GPU进程负责整个浏览器界面的渲染网络进程负责发起接收网络请求插件进程控制网页中使用到的插件如flash

利用虚拟列表改造索引列表（IndexList）

引言在一个倡导“快速开发”的团队中，交付日期往往是衡量工作的第一标准。而遇到问题的解决方式也会偏暴力，暴力的方式往往大脑都会厌恶和失声，尤其是在面试官问开发过程中的难点的时候更是无法回答，只能无底气的回一句“感觉开发过程很顺利，并没有碰到什么难以解决的问题。”。以下便是我想到的非暴力方式来改造原