自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 Web Worker,Service Worker,Web Worker

Web Worker、Worker Service和Service Worker。

2023-04-12 14:19:41 636

原创 canvas转video

canvas转video

2022-11-03 19:15:49 440

原创 webPack优化方向

优化方向Tree-Shaking在打包时去掉无用的代码,可以根据环境的不同shaking掉不同的代码NoParse (不解析)一般用于不需要webpack解析的其他模块:如jQuery,因为一般来说jQuery也不回再去引入其他模块DllPlugin可以避免打包时对不变的库进行重复构建代码拆分将单个bundle拆分成若干个小的bundles/chunks资源压缩压缩js-提取css-压缩css-压缩html持久化缓存持久化缓存方案的核心是打包后文件的名字(但还是没有最佳的实践状态)

2021-09-15 16:22:06 168

原创 什么是无向图

无向图: 边没有方向的图称为无向图无向图G=<V,E>其中:1、V是非空集合,称为顶点集。2、E是V中元素构成的无序二元组的集合,称为边集(1)无向边的表示无向图中的边均是顶点的无序对,无序对通常用圆括号表示。『例如』无序对(vi,vj)和(vj,vi)表示同一条边(2)无向图的表示「例」图中V(G2)={v1,v2,v3,v4}E(G2)={(vl,v2),(v1,v3),(v1,v4),(v2,v3),(v2,v4),(v3,v4)}V(G3)={v1,v2,v3.

2021-09-09 15:22:53 5796 1

原创 Nginx学习笔记

Nginx学习笔记前言什么是Nginx ?他又能做什么?Nginx 是高性能(占用内存少,处理并发能力强)的HTTP WEB服务器和反向代理的Web服务器。又因它的稳定性,丰富的模块库,灵活的配置和低系统资源消耗而闻名Nginx可以做的1.Web服务2.负载均衡(反向代理)3.Web cache(Web缓存)Nginx的优势1.支持epoll模型,使得Nginx可以高并发2.Nginx可以对ip 限速,也可以限制连接个数3.功能种类多,模块配置简单,且灵活...

2021-09-08 10:21:06 81

原创 七层模型、网络分布、浏览器缓存机制、DNS处理

七层网络模型当你在浏览器中输入一个网址浏览器第一件事是通过其访问的域名找到对应的ip一台pc和另一台pc(或者服务器的通信)说起pc通信自然要从七层网络模型说起七层模型,也称为OSI(open system interconnection)参考模型,是国际化标准化的阻止(ISO,internationalization standard organization 国际标准组织)制定的一个用于计算机或通讯系统间互联的标准体系。它是一个七层的、抽象的模型体,不仅包括一系列抽象的术语,也包括具体协议

2021-09-02 16:32:24 695

转载 Yum安装mysql安装node

https://blog.csdn.net/nangy2514/article/details/95331174

2021-08-12 18:01:44 96

原创 vue深入

MVVMv层可以拿到全部的vm层数据代理**Object.defineProperty()**方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。Object.defineProperty(obj, prop, descriptor)obj要定义属性的对象。prop要定义或修改的属性的名称或 Symbol 。descriptor要定义或修改的属性描述符。由Object.defineProperty()所定义的属性是不可枚举的,无法被遍历出来。 除非在第

2021-08-09 17:33:17 185

原创 在新的mac 上配置前端需要用到的环境

在新的mac 上配置前端需要用到的环境DBeaver(免费的数据库连接软件)下载地址:https://dbeaver.io/download/遇见问题:驱动下载失败:首选项>连接>驱动>Maven点击添加输入:http://maven.aliyun.com/nexus/content/groups/public/点击确定后点击向上 最后点击应用并关闭如果已经进入表不再重新下载驱动右键左边带红叉列表中的选中表,点击编辑连接点击编辑驱动设置,点击库,点击下载更

2021-07-30 11:01:40 137

原创 Nuxt笔记

Nuxt初识Nuxt.js 是通用的Vue.js框架学习nuxt先梳理清楚SSR和SPA梳理ssr和spa的定义和区别随着当前ssr:将Vue在服务端 渲染成HTML返回给浏览器SEO:Vue spa(单页)搜索引擎只能抓取到单页面数据所以需要搜索引擎提供流量的网站都需要去用SSR渲染Nuxt的优点基于Vue.js自动代码分层服务端渲染强大的路由功能支持异步数据静态文件服务ES6/ES7的语法支持打包和压缩JS和CssHTML头部标签管理本地开发支持热加载集成ESli

2021-07-30 11:00:36 155

原创 node的进程与线程

node的进程与线程Node.js的单线程指的是主线程是“单线程”1、每个Node.js进程只有一个主线程在执行程序代码,形成一个执行栈(execution context stack)。2、主线程之外,还维护了一个"事件队列"(Event queue)。当用户的网络请求或者其它的异步操作到来时,node都会把它放到Event Queue之中,此时并不会立即执行它,代码也不会被阻塞,继续往下走,直到主线程代码执行完毕。3、主线程代码执行完毕完成后,然后通过Event Loop,也就是事件循环机制

2021-07-27 14:16:50 1618

原创 一些前端面试题汇总

面试的一些基础题1、基本数据类型有哪些?有没有了解过symbol?原始数据类型 : Number 、 String 、 Boolean 、 Object、 null 和 undefined 。引用数据类型:引用数据类型也就是对象数据类型object,比如:object、array、function、data等;symbol:ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。用法:1.由于每一个 Symbol 的值都是不相等的,所以 Sy

2021-07-26 14:08:52 314

翻译 引用阮一峰大佬的Event Loop见解

前端面经总结Event Loop什么是Event Loop所以Event Loop 就是为了解决这个问题而被提出的。Event Loop什么是Event LoopEvent Loop是一个重要的概念,指的是计算机系统的一种运作机制。JavaScript 语言就采用的这种机制,来解决单线程运行带来的一些问题。然而想要理解Event Loop要从进程说起(运行以后的程序叫做进程),且一般情况下一个进程一次只能执行一个任务。所以解决很多任务执行无外乎三种方法1、排队。因为一个进程只能一次执行一个

2021-07-06 09:58:33 772

原创 开发方式,敏捷开发

敏捷开发概述敏捷开发是一种以人为核心、迭代、循序渐进的开发方法。在敏捷开发中,软件项目的构建被切分成多个子项目,各个子项目的成果都经过测试,具备集成和可运行的特征。换言之,就是把一个大项目分为多个相互联系,但也可独立运行的小项目,并分别完成,在此过程中软件一直处于可使用状态。敏捷开发路线**Test-Driven Development,**测试驱动开发它是敏捷开发的最重要的部分。在ThoughtWorks,我们实现任何一个功能都是从测试开始,首先对业务需求进行分析,分解为一个一个的Story,

2021-06-23 19:02:13 274

原创 linux ssh 命令

ssh简介Secure Shell 的缩写,由 IETF 的网络工作小组(Network Working Group)所制定;SSH 为建立在应用层和传输层基础上的安全协议。SSH 会自动加密和解密所有 SSH 客户端与服务端之间的网络数据。简单说,SSH是一种网络协议,用于计算机之间的加密登录。1995年,芬兰学者Tatu Ylonen设计了SSH协议,目前已经成为Linux系统的标准配置。ssh的安装SSH分客户端openssh-client和openssh-server如果你只是想登陆别

2021-06-23 14:14:03 459

原创 vue3.0需要注意的地方

vue3.0 需要注意的地方及改变vue3.0 进行了那些改变1、单文件组件 Composition API 及语法糖 (Composition API 类似于 React Hooks,提高了代码逻辑的可复用性,从而实现了与模板无关性,其响应式模块还可以和其他框架组合。<template> <button @click="inc">{{ count }}</button></template>// Composition API<scrip

2021-06-22 15:39:47 385

原创 webPack转vite所遇到的问题

webPack转Vite所遇到的问题提供一个简单的方法如果项目不是很复杂的话 可以直接安装wp2vitenpm install -g wp2viteoryarn global add wp2vite到你的项目目录下启动wp2vite// 执行wp2vite的命令行wp2vite or wp2vite init然后安装依赖&启动项目// 安装依赖npm install// 启动项目npm run dev // 如果原先你的项目有dev script,请执

2021-06-22 14:16:20 1429

空空如也

空空如也

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

TA关注的人

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