湖工大小刘-CSDN博客

原创 Webpack和Vite

聊一聊Webpack和Vite1.首先让我们来看一看webpack的诞生2.Vite的出现，和对比1.首先让我们来看一看webpack的诞生在打包工具出现之前，我们在web中是如何使用javascript的？在浏览器中运行javascript有两种方式 1. 引用一些脚本script来存放功能，但是这样的方案很难扩展，因为加载太多脚本会导致网络瓶颈 2. 使用唯一一个包含所有项目代码的大型 .js 文件，但是这样显而易见，作用域，文件大小，维护性，可阅读性方面存在很大的问题然后随着立

2021-07-29 16:51:45 549

原创浏览器渲染机制

浏览器渲染的过程一、从输入 url 到得到 html 的详细过程浏览器根据 DNS 服务器得到域名 (url) 的 IP 地址。向这个IP的机器发送 http (https) 请求。服务器收到，处理并返回 http (https) 请求。浏览器得到返回的内容。二、浏览器渲染页面的过程（得到返回内容之后怎么渲染成页面的过程）根据 HTML 结构生成 DOM Tree（DOM 树）。根据 CSS 生成 CSSOM Tree。（头部里有 css，先把 css 加载，会生成一个 CSSOM 结

2021-04-20 19:04:00 111

原创 javascript解决猴子偷桃问题

猴子偷桃问题有一堆桃子不知数目。猴子第一天吃掉一半，觉得不过瘾，又多吃一只，第二天照此办法，吃掉剩下桃子的一半另加一只，天天如此，到第num(num <= 10)天早上，猴子发现只剩一只桃子了，问这堆桃子原来有多少只？乍一看，这是一道数学题，要想在编程中解决，先对题目进行分析：因为我们已知条件是最后一天还剩一只桃子，故对其进行反推，得到如上图所示的规律：从上往下看:前一天的桃子数量 = 后一天的桃子数量 * 2 + 2故在编程中满足递归：递归写法:1. 首先去找临界值,即无需计算

2021-01-30 17:52:36 1064

原创 js生产13位条形码

JS生产13位条形码Ean-13码规则：第十三位数字是前十二位数字经过计算得到的效验码例如：690123456789第三位计算其效验码的过程：@前十二位的奇数位和：6+0+2+4+6+8=26@前十二位的偶数位和：9+1+3+5+7+9=34@将奇数和与偶数和的三倍相加26+34*3=128@取结果的个位数：128的个位数为8@用10减去这个个位数10-8=2所以效验码为2（注：如果取结果的个位数为0，那么效验码不是 (10-0=10)，而是0）实现方法ean3() 计算效验码，输入12

2021-01-28 22:15:32 555

原创斐波那契数列之兔子繁殖问题

兔子繁殖问题:设有一对新生兔子，从第四个月开始他们每个月月初都生一对兔子，新生的兔子从第四个月月初开始又每个月生一对兔子。按次规律，并假定兔子没有死亡，n(n <= 20)个月月末共有多少对兔子?分析：属于递归问题凡是遇到了递归问题，通过以下几个步骤来解决。递归写法:1. 首先去找临界值,即无需计算,获得的值2. 找这一次和上一次的关系 (找规律)3. 假设当前函数已经可以使用,调用自身计算上一次1.先找临界值，小于4月的时候是1只2.找对应关系：4月兔 = 3月兔(即将变四

2021-01-28 22:04:44 1506

原创前端的清除浮动

清除浮动什么是float浮动如何清除浮动什么是float浮动脱离文档流，延迟父容器靠左或靠右进行排列left ，right，none只会影响后面的元素内容默认提升半层默认宽度根据内容决定换行排列主要给块元素添加，但也可以给内联元素添加如何清除浮动1. 上下排列：clear属性，表示清除浮动。clear选值：left，right，both清除同一侧跟float值相同，值不确定选择both<!DOCTYPE html><html> <head&gt

2021-01-26 15:20:20 112

原创前端的标签分类

前端标签分类按类型分类按内容分类按显示分类按类型分类一.按类型分类block：块inline：内联inline-block：内联块特性：block：div、p 、ul、li、h1 …1.独占一行2.支持所有样式3.不写宽的时候，跟父元素的宽相同4.所占区域是矩形inline：span、a、em、strong 、img…1.挨在一起，不是独占一行，可以形成左右并排2.有些样式不支持，例如：width，height，margin3.不写宽时，宽度由内容决定4.所占的区域不一

2020-08-10 16:11:55 421 1

原创手机连接电脑安装的服务器，必成功

手机连接电脑安装服务器我以phpnow服务器为例1.首先查看phpnow文件夹中找到htdocs文件夹，该文件夹为执行php文件以及html文件等等的路径2.在浏览器中输入127.0.0.1:端口号/来访问phpnow中的文件，以确保服务打开3.如果访问不了，说明服务未打开，有时候在phpnow文件夹中的PnCp.cmd命令脚本中也无法打开服务，这里我们直接到计算机管理中打开服务器步骤：① 找到此电脑右键点击，选择管理进入计算机管理界面② 点击服务和应用程序点击服务选择 A

2020-06-04 12:36:27 656 3

原创前端开发中BFC特性及其应用

这里写目录标题BFC规范触发BFC的条件具体BFC特性和应用如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入BFC规范首先了解一下什么是BFCFormatting context(格式化上下文)是W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且

2020-06-03 18:35:09 352 2

weixin_43384380的博客