web开发知识点
文章平均质量分 77
web开发知识点
天边月_
这个作者很懒,什么都没留下…
展开
-
【04】http知识点整理
域名解析为ip,并连接到服务器建立TCP连接后发起http请求服务器响应http请求,浏览器得到html代码释放连接浏览器解析html代码,并请求html代码中的资源(如js、css、图片等)浏览器对页面进行渲染呈现给用户。原创 2023-03-23 21:41:46 · 257 阅读 · 0 评论 -
【03】js知识点Web API整理
同源是指,协议(http|https)、域名、端口(默认端口80)三者必须一致;当渲染树(render tree)中的一部分或全部因为元素的规模尺寸、大小等改变时,浏览器需要重新计算元素在设备视口(viewport)内的确切位置和大小,需要重新布局render树,这个过程为回流(重排)。当页面元素样式改变(如 color、background-color、visibility),但不影响元素在文档流中的的位置时,浏览器只需将新样式赋予元素并进行重新绘制render树操作,这个过程为重绘。原创 2023-03-23 17:40:20 · 249 阅读 · 0 评论 -
【02】js基础知识点整理
闭包简单理解就是,外部函数可以访问内部函数的变量闭包的本质是,形成一个命名空间,对外暴露一些私有的属性和方法,供外部进行调用。了解比如说,我们在html中引入里a.js 和 b.js,他们俩个是拥有同一个全局作用域的,所有定义在全局的变量都是通用的此时a.js中有一个变量a,b.js是可以访问到这个变量a,并对其进行修改的,这达不到变量私有化的目的可以使用自调函数,就会形成一个单独的命运空间,但此时自调函数之外的和b.js中都是访问不到这个变量a的。原创 2023-03-22 22:19:34 · 399 阅读 · 0 评论 -
【01】html和css知识点整理
定义: 相邻块元素的上下margin会发生重叠;子级的上下margin会与父级上下margin重叠计算: 两元素之间最终显示的margin距离取最大值。原创 2023-03-21 21:09:45 · 253 阅读 · 0 评论 -
前端性能优化
使用CDN:把内容从中心媒体服务器分发到边缘服务器的网络体系即内容分发网络,CDN具有更低的网络延迟和丢包率,能够分配负载,节省带宽提高网站的性能,可以使用户就近取得所需内容,解决网络拥挤的状况,提高用户访问网站的响应速度。将静态资源(js、css、image)缓存到本地,减少http请求的数量。前端性能优化原则,多使用内存、缓存(http缓存机制)或其他方法,减少网络请求加载时间、减少CPU计算量。DOM性能优化: 减少对DOM查询 及 减少DOM操作(增、删、改)引起的重排(回流)和重绘的次数。原创 2023-03-27 17:44:43 · 167 阅读 · 0 评论 -
传统 PC 布局 实现方法
传统 PC 布局定义:两侧宽度固定,中间宽度自适应的三栏布局,实现中间部分先加载渲染。原创 2023-03-21 17:22:25 · 150 阅读 · 0 评论 -
防抖debounce和节流throttle
防抖是触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。步骤1:事件触发时,创建定时器timer,在一定时间后执行该定时器,定时器中对事件进行处理并清除当前定时器。步骤1:事件触发时,创建定时器timer,在一定时间后执行该定时器,定时器中对事件进行处理并清除当前定时器。节流是高频事件触发,但在n秒内只会执行一次,如果n秒内触发多次函数,只有一次生效,节流会稀释函数的执行频率。步骤2:如果事件在定时器有效时间内再次触发,则清除当前定时器,并再次执行步骤1。原创 2023-03-21 10:45:00 · 134 阅读 · 0 评论 -
隐藏iframe滚动条,并禁止滑动
当我们通过 iframe 展示图片,或是通过 iframe 展示 PDF文件 时,如果图片和 PDF 超出 iframe设置的宽高,就会出现横纵向的滚动条,如下图。所以, iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条,iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条,则 iframe宽度=原宽度+滚动条宽度,即width: calc(100% + 17px);原创 2023-03-20 16:06:24 · 6269 阅读 · 0 评论 -
flex布局对齐方式设置space-between,将最后一行元素左对齐
给盒子设置 justify-content: space-between , 可以均匀排列盒子中的每个元素,首个元素放置于起点,末尾元素放置于终点。达到左右对齐的效果。但当最后一行元素不能铺满盒子时,会在盒子中均分排列,效果并不是我们需要的。盒子设置flex布局, 对齐方式设置 justify-content: space-between时,将最后一行元素左对齐,有一下几种方法:特点:适用于任意列数布局,比较简单,缺点是会产生空标签方案:使用循环体循环一整行空元素。宽度为单个元素宽度,高度为0codeh原创 2023-03-19 22:36:21 · 5793 阅读 · 4 评论 -
使用 nvm 管理 node.js 版本
Node.js:基于Chrome V8引擎的JS运行环境(javascript代码运行环境)npm:第三方js插件包管理工具,会随着node一起安装(Node package Manager)nvm:node的版本管理器,可以方便地安装&切换不同版本的node随着大前端的快速发展,node版本更新很快,我们在工作中,可以会有老版本的node的项目需要维护,也可能有新版本的node的项目需要开发,如果我们只有一个node版本的话将会很麻烦,nvm可以解决我们的难点。原创 2023-03-10 13:47:46 · 163 阅读 · 0 评论 -
node.js 安装步骤说明
说明:由于npm的服务器在海外,所以访问速度比较慢,访问不稳定 ,cnpm的服务器是由淘宝团队提供 服务器在国内cnpm是npm镜像,一般会同步更新,相差在10分钟,所以cnpm在安装一些软件时候会比较有优势。1、我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在nodejs安装文件夹【E:\nodejs\node_modules】下, 新建 【node_global】和 【node_cache】文件夹。键盘按下【win+R】键,输入cmd,然后回车,打开命令行界面。原创 2023-03-10 13:15:07 · 2201 阅读 · 1 评论 -
css 单行文本、多行文本显示省略号
css单行文本显示省略号;多行文本显示省略号存在兼容性问题,适用于webkit 内核浏览器浏览器或移动端 , IE不兼容。原创 2023-03-09 17:55:54 · 172 阅读 · 0 评论 -
gitlab代码提交规范
当多个人开发同一个项目时,很容易造成代码混乱,甚至是代码丢失。合理的代码提交规范,可以很好的规避这个问题。项目常用分支有三个,分别为master生产环境分支、feature-uat测试环境分支、develop-id开发分支。以下对这个三个分支和分支提交流程进行了详细介绍。原创 2023-03-09 17:07:12 · 618 阅读 · 0 评论 -
GIT使用总结
2、$ git branch -d dev / $ git branch --delete dev 删除本地分支,当前分支必须和上游分支merge完成,没有上游分支,必须和head完全merge。2、$ git log -p dev …第一种:先pull,再commit(pull > 提示冲突 > 贮藏更改 > 再次pull > 弹出贮藏 > 解决冲突 > 提交)右键GIT提交(填写备注信息)> 提交 > 推送 > 有冲突(拉取,双击文件、解决冲突、更改状态)> 重新提交。原创 2023-03-09 15:45:28 · 295 阅读 · 0 评论 -
表单校验validate和validateField的使用及区别
在对表单进行校验时,只需要通过 rules 属性传入约定的验证规则,并将 FormItem 的 prop 属性设置为需校验的字段名即可。注意:表单项有几个,回调函数就会执行几次,执行顺序为数组书写顺序,每次返回对应表单项的校验结果。使用 validateField 对某个表单项进行校验,当回调函数返回值valid 为空(‘’)时,表示校验通过,不为空时表示校验不通过。使用 validate 对整个表单进行校验,回调函数返回值valid 为true时代表校验通过,false代表校验不通过。原创 2023-03-09 14:27:26 · 5431 阅读 · 0 评论 -
前端工作流优化 - api.js文件自动生成
假设一个项目有1000个接口,那么就需要执行1000次上述步骤。 如果把这种重复的工作自动化,让计算机去执行上述步骤。就可以很大程度提高开发效率、减少重复不必要工作。另外,自动生成的api文件也更加便于维护,开发人员不需要过多关注api.js文件,当后端接口有更新时,只需要通过指令更新api.js即可。原创 2023-03-07 18:01:16 · 798 阅读 · 0 评论 -
单点登录认证系统前端实现方案
单点登录(Single Sign On),简称SSO。是指在多个应用系统中,用户只需要登录一次,就可以访问所有相互信任的应用系统。采用OAuto2.0授权协议实现单点登录功能。本系统使用 Authorization Code(授权码模式)来获取 访问令牌 (access_token)系统说明统一身份认证平台用于业务系统登录,身份认证管理后台对集成单点登录的业务系统进行管理,包含业务系统注册、修改、注销等功能业务系统自身需要集成单点登录,可涉及多个业务系统统一身份认证平台。原创 2023-03-02 09:43:46 · 2769 阅读 · 0 评论 -
OAuth2.0授权协议+4种认证模式了解
OAuth 2.0是目前最流行的授权机制,用来授权第三方应用,获取用户数据。OAuth(开放授权)是一个关于授权的开放标准,该标准允许用户授权第三方应用访问他们存储在另外的服务提供者上的信息(比如照片、视频、用户信息等),而不需要将用户名和密码提供给第三方应用或分享他们数据的所有内容,OAuth2.0是OAuth协议的延续版本,但不向后兼容OAuth 1.0。即完全废止了OAuth1.0。OAuth 2.0协议正式发布为RFC-6749。原创 2023-03-01 15:47:17 · 4247 阅读 · 0 评论