总结
Small盼盼
这个作者很懒,什么都没留下…
展开
-
webpack性能优化:使用gzip压缩功能
vue设置gzip打包压缩当前端项目过大时,可以利用nginx请求配置和webpack来使用gzip压缩功能;Web服务器和浏览器之间压缩传输的”文本内容“的方法。 HTTP采用通用的压缩算法,比如gzip来压缩HTML,Javascript, CSS文件。 能大大减少网络传输的数据量,提高了用户显示网页的速度。当然,同时会增加一点点服务器的开销。 本文从HTTP协议的角度,来理解HTTP压缩这个概念。一、 安装webpack插件 compression-webpack-pluginnpm in原创 2021-07-22 10:52:55 · 2391 阅读 · 1 评论 -
NODE 服务端设置CORS解决跨域问题
项目中遇到直接使用设置原生http工具模块的请求头解决:httpService.createServer((request, response) => { //使用cors解决跨域问题 response.setHeader('Access-Control-Allow-Origin', '*'); //可设置允许跨域地址 response.setHeader("Access-Control-Allow-Headers", "原创 2021-03-15 11:34:23 · 672 阅读 · 0 评论 -
宏任务(macrotask )和微任务(microtask )
macrotask 和 microtask 表示异步任务的两种分类在挂起任务时,JS 引擎会将所有任务按照类别分到这两个队列中,首先在 macrotask 的队列(这个队列也被叫做 task queue)中取出第一个任务,执行完毕后取出 microtask 队列中的所有任务顺序执行;之后再取 macrotask 任务,周而复始,直至两个队列的任务都取完。宏任务和微任务之间的关系转载:添加链接描述...原创 2020-11-12 11:06:12 · 1201 阅读 · 0 评论 -
JavaScript 作用域、let const var 理解
JavaScript 理解由项目踩过的坑或者经常出现的知识点,总结js基础概念js基础:函数与作用域1、this关键字理解在最近开发的node单机项目中,类与类之间,类的继承中,this的用法不少,是时候结合...原创 2020-11-12 00:34:44 · 101 阅读 · 0 评论 -
观察者设计模式在前端项目实例
观察者(Observer)模式的定义:指多个对象间存在一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。这种模式有时又称作发布-订阅模式、模型-视图模式,它是对象行为型模式。*实例场景:在点餐主页面菜单列表与购物车列表都可以对购物车进行增减,点餐页面的计算总金额下拉栏组件、购物车组件、列表组件都用到所选购物车数据,如何在一处操作数据就能各出同时相应?可以...原创 2019-11-26 21:09:00 · 215 阅读 · 0 评论 -
HTML语义化
什么是HTML语义化 HTML 标签语义化是让大家直观的认识标签(markup)和属性(attribute)的用途和作用。 语义化好处 html语义化让页面的内容结构化,结构更清晰,便于对浏览器、搜索引擎解析;即使在没有样式CSS情况下也以一种文档格式显示,并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO;使阅读源代码的人对网站更容易将网站...原创 2019-05-11 16:39:51 · 129 阅读 · 0 评论 -
css盒子垂直水平居中方法总结
经常使用到嵌套盒子居中的问题,使用使用弹性局部解决,使用使用比例,很多都用得初始熟。设置盒子外边框,使外盒子居中,左右外边框值相等(长度未知)水平居中:在div的position为relative(相对定位时有效,绝对定位无效)//盒子相对父盒子水平居中margin: 0px auto ; //2、不知道盒子长宽:垂直水平居中:top、right、bottom、left全为0...原创 2019-06-09 17:49:04 · 323 阅读 · 0 评论 -
vue父子组件的的通信问题总结
写了一段时间的vue发现其最大的好处就是觉得一起1.父组件传递数据给子组件(数据绑定)父组件向子组件属性注入数据<template>//使用子组件,绑定子组件的属性为message(子组件将通过获取属性数据获取父组件传输的值) <edit :editMessage="message"><edit></template><...原创 2019-07-05 17:35:39 · 201 阅读 · 0 评论 -
使用图片压缩插件localResizeIMG上传图片
场景:上传给后台前,如果图片过大,需要压缩一下再上传给后台在vue项目中可以使用localResizeIMG插件进行压缩在项目内与后台商定的图片接口:直接传一个formData对象(里面需包含file文件与接口方法参数)lrz接口回调放回有压缩后的file(blob对象)、formData对象(包含file对象)开始!!安装插件:npm i lrz -saveyarn ad...原创 2019-08-27 17:19:24 · 423 阅读 · 0 评论