防抖：如果短时间内大量触发同一事件，只会执行一次函数，将多次执行变为最后一次执行。 防抖函数的应用场景： 按钮提交场景：防⽌多次提交按钮，只执⾏最后提交的⼀次 服务端验证场景：表单验证需要服务端配合，只执⾏⼀段连续的输⼊事件的最后⼀次，还有搜索联想词功能类似⽣存环境请⽤lodash.
当前，前后端分离已经成为发展趋势和方向，是互联网项目开发的业界标准使用方式。那么，大家知道什么是前后端分离吗？其实，就是通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦。今天主要跟大家分享的技术内容是前后端分离前端框架，相信通读此文以后，会对不少人对这个概念有更
1、AnimXYZ 官网：https://animxyz.com/ AnimXYZ可以帮助你拆过你见，自定义和组合复杂的动画！AnimXYZ使用 CSS 变量来实现动画，无需编写单个关键帧而实现无限数量的独特动画！节省时间并完全控制元素的移动方式。AnimXYZ 专为 Vue、React、SCSS 和 CSS 打造，让网站栩栩如生！ 2、Shap
function download(down_questionNo, type) { $.ajax({ url: "/comtion-web/doc/" + down_questionNo + type, //本地文件存放的位置 type: "GET", async: false, mimeType: "text/plain; charset=x-user-defined", //jq ajax请求文件流的方式 （起作用的重点） success
BOM：浏览器对象模型，核心对象为Window 通过var声明的所有全局变量和函数都会变成window对象的属性和方法，let或const则不行。 窗口加载事件：addEventListener('load' fuction(){}) DOMContentLoaded事件，仅当DOM加载完成才运行js函数 document.addEventListener('D
参考资料 1、官方网站：https://jwt.io/ JWT 介绍 JWT 的本质就是一个字符串，它是将用户信息保存到一个 Json 字符串中，然后进行编码后得到一个 JWT token，并且这个 JWT token 带有签名信息，接收后可以校验是否被篡改，所以可以用于在各方之间安全地将信息作为 Json 对象传输。 JWT 的认证
前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。 如果外链不能访问，关注公众号「前端每周看」，里面有解决办法 大事件 用 JavaScript 构建飞机雷达系统—— 有了这样的标题，我忍不住去看看。Charlie 挖掘了
鼠标按下拖动松开时鼠标的位置分析： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo
动态创建元素： document.write：直接写入页面流，会导致页面重绘。 innerHTML和createElement相似，但执行效率不同。创建内容时若采取数组形式，innerHTML耗时优于createElement。 DOM重点核心： DOM对于元素操作：创建、增、删、改、查、属性操作、事件操作。 创建：1.document
问题描述: div宽度溢出问题，div设置margin和padding后宽度出现溢出。 解决方式： css中添加如下代码： * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 问题描述： 我想让鼠标移到某个元素上时出现一个新的内容框，类似于各大论
笔试 总共有两次笔试，第一次是在boss直聘上直接发链接做题，后面通知面试，结果到现场还需要再做一份相对简单的笔试题... 手写深拷贝 数组去重与排序 擅长的技术栈和还原设计稿比例 冒泡排序 函数珂里化 字符串转驼峰 生成不相等的n个范围内的随机数 函数实现继承的方法 sql多表查询
相信很多人都听说过前后端分离，但是对于如何前后端分离，大家又知道多少？在数字化趋势发展愈演愈浓的当今社会，做好前后端分离优点多多。本文着重就这个问题与大家一起分享相关知识，文中提到的这家低代码开发平台服务商拥有脚踏实地的研发创新精神，值得一试。 一、先正确理解前后端分离
前言 当前项目中，前端代码和后端代码混合在一起，是存在问题的，存在什么问题呢？ 主要存在以下几点问题： 1). 开发人员同时负责前端和后端代码开发，分工不明确 2). 开发效率低 3). 前后端代码混合在一个工程中，不便于管理 4). 对开发人员要求高(既会前端，又会后端)，人员招聘困难 为了解决
如何优化动画？ 对于如何优化动画，我们知道，一般情况下，动画需要频繁的操作DOM，就就会导致页面的性能问题，我们可以将动画的position属性设置为absolute或者fixed，将动画脱离文档流，这样他的回流就不会影响到页面了。 Vue 为什么要用 vm.$set() 解决对象新增属性不能响应的问题 ？你能说说如
构建网站：前端与后端 你需要知道的 网站的出现无疑为万维网上的数据和信息的分类、组织和可访问性带来了便利，并且毫无疑问是数字资产。当您在浏览器上单击网站的链接或域地址时，有很多因素会影响 Internet 的响应。参与网站的运作可以比作一个相关的场景：您走进街上您最喜欢的快餐店
目录1. 丐版 HelloWebGPU① 为什么是 index.html② 你这个代码为什么浏览器没有显示东西？③ 为什么你不用 HTTP 协议打开 index.html2. 我需要类型提示2.1. 使用 VSCode 的 jsconfig 获取类型提示2.2. 在前端工程化的项目中使用类型提示2.3. 在 Vue/React 等项目中3. 画三角形的例
CSS 指的是层叠样式表 (Cascading Style Sheets) 述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 节省了大量工作。它可以同时控制多张网页的布局 CSS语法 CSS 规则集（rule-set）由选择器和声明块组成： 选择器指向您需要设置样式的 HTML 元素。 声明块包含一条或多条用分
2022 年 8 月前端更新：TypeScript、软件设计模式、焦点样式和单个 CSS 转换属性中的 SOLID 原则 本月我们将介绍 TypeScript 中的 SOLID 原则、React 应用程序的软件设计模式、焦点样式和新的单独 CSS 转换属性。 由 Whitespectre 工程团队提供 August 2022 Frontend Updates: SOL
rem布局： em相对于父元素的字体大小来运算，rem相对于html元素字体来运算。 rem优点：通过修改html的文字大小来改变页面中元素的大小，进行整体控制。 媒体查询： CSS的弊端： Less: Less变量：@变量名：值 Less的嵌套： 若作为子元素则直接在父元素内部写 若为伪元素则使用&符
开局即炼狱模式，前端小白躺平摆烂可以吗 这几年毕业的大学生有多苦都不必我们说了。大学才4年，疫情占3年，好不容易熬到毕业，找工作又进入了炼狱模式。 整个互联网裁员裁到上了热搜，之前选择这个专业时所幻想的高薪梦，大厂梦，受到现实的无情打脸。 如何在炼狱模式里成功突围通关呢。 突围，
代码输出结果 (function(){ var x = y = 1; })(); var z; console.log(y); // 1 console.log(z); // undefined console.log(x); // Uncaught ReferenceError: x is not defined 复制代码 这段代码的关键在于：var x = y = 1; 实际上这里是从右往左执行的，首先执行y = 1, 因为y
什么是 DOM 和 BOM？ DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。 BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口。BOM的核心是 window，而 window 对象具有双重角
1、固定布局 （1）适用于局部元素固定位置（例如：返回顶部的按钮固定在页面底部） （2）适用于h5页面整个页面尺寸、元素比例的控制 2、流式布局 依据文档流本身的特点，不做控制，自上往下排布 3、弹性布局 em：相对于父元素标签上设置的font-size值得倍数单位。比如父元素标签上设置了font-size：10p
我在自己的后台管理项目中 根据登录的用户不同，从而对不同的用户给予不同的权限。这里 是通过路由，以及token验证，并且通过vuex进行全局的控制 下面就从我自己的简单项目出发 我今天拜读了几大佬位的文章之后 发现自己的权限管理实在过于简单了。后面也会对大佬的文章思路进行梳理。
前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表现形式，都会暴露在前端，而只有部分问题（数据问题、计算问题、安全问题等）暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。前
