一、思维整理移动端的前端组件库可以包括许多组件,这里列出一些常见的组件:按钮组件:用于触发操作或提交表单。图标组件:用于显示图标。输入框组件:包括文本输入框、数字输入框等。列表组件:用于展示列表信息。滚动组件:用于滚动显示大量内容。轮...
【npm】npm发布步骤
npm包发布发布一个npm包通常需要以下步骤: 确保你已经安装了Node.js和npm,以及在npm上注册了一个账户。如果没有,请先在https://www.npmjs.com/上注册一个账户。 在终端中创建一个新的项目文件夹,并进...
【实用工具】Mitmproxy 抓包
什么是MitmproxyMitmproxy是一款基于Python开发的抓包工具,可以用于拦截、修改和重放HTTP和HTTPS流量。以下是使用Mitmproxy进行抓包的简单步骤: 安装和启动安装和启动Mitmproxy:你可以从Mit...
【css】重排与重绘
一、从输入url到渲染出页面的整个过程 dns解析: 域名—>IP 浏览器根据IP地址向服务器发起http请求 服务器处理http请求,并返回给浏览器 根据HTML生成Domtree,根据Css生成cssom,再整合dom树和c...
【杂七杂八】mac连接远程服务器
方法一:用终端登录终端输入命令: ssh -p 端口号 服务器用户名@ip 如:ssh -p 22 root@115.108...
docker的使用和简介
docker简介1:docker定义docker是一个用来装应用的容器,就像杯子可以装水,笔筒可以装笔,书包可以放书一样。你可以把“Hello World!”放到docker中,也可以把网站放到docker中,你可以把任何你想到的程序...
【移动端】自适应方案
基本概念:设备独立像素(DIP):逻辑像素,同樣嘅屏幕大小DIP都喺一樣嘅。物理像素(pt):分辨率,屏幕一行同埋一列分别有幾多像素点leigaa。**设备像素比DPR(Device Pixel Ratio)**:DPR = 物理像素...
【grid】简单总结
一、易记点整理父: 1234567891011121314{ grid-template-columns: repeat(auto-fill, 100px); grid-template-rows: 100px 100p...
【flex】简单总结
一、容器属性1. justify-contentflex-start(默认值):左对齐flex-end:右对齐center: 居中space-between:两端对齐,项目之间的间隔都相等。space-around:每个项目两侧的间隔...
typescript总结笔记(8)常见面试题
前端八股文https://www.w3cschool.cn/web_interview/