前端javascript工程师 经验
前端计算数字精度丢失问题解决方法记录
在日常一些需求中，总会遇到一些需要前端进行手动计算的场景，那么这里需要优先考虑的则是数字精度问题！具体请看下面截图 如图所示，在JavaScript进行浮点型数据计算当中，会出现计算结果“不正确”的现象。 我们知道浮点型数据类型主要有：单精度float、双精度double。 浮点型简单来说就是表示带 ......
websocket的消息丢失处理，以及前端监听心跳处理方案
消息丢失处理方案： 1、后台通过websocket传输给前端消息，并且后台生成校验此消息的定时任务，设置每5秒重发 2、前端接收到消息后将消息通过websocket传输给后台 3、后台如接收到前端的消息则删除对应的发送消息定时任务，如未收到消息则继续发送，设置最多发送5次（超过5次默认认为此条消息记 ......
课程详情接口、所有章节接口、课程列表前端、课程详情前端、视频托管、Header.vue搜索form、搜索后端接口、搜索功能前端、支付宝支付介绍
课程详情接口 # 思路一： 直接在之前写好的查询所有课程的视图类上，配置一个类即可 class CourseView(GenericViewSet, CommonListModelMixin,CommonRetrieveModelMixin) 返回的字段，跟详情，不太对应（详情中要求拿出所有章节和课 ......
JavaScript权威基础语法教程讲解大全
JavaScript JS基础权威语法教程讲解大全 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript 参考、来源： 《爬虫7期：爬虫&逆向7期-第1章-爬虫&逆向7期-1.32-javascript入门_02.mp4》2:28:40 ......
纯前端实现录屏并保存视频到本地【转载】
转载地址：https://mp.weixin.qq.com/s/ryAF9IXRsaPs01xSHG-AiA <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content= ......
微前端
1、什么是微前端 微前端是微服务在前端领域的架构实践，他通过将一个单体应用拆分成多个小型应用的方式，从而实现整个系统的解耦和渐进式升级 2、微前端的技术要素： *技术栈无关 主框架不限制接入应用的技术栈，自应用具备完全自主权 *独立开发、独立部署 子应用仓库独立，前后端可独立开发，部署完成后主框架自 ......
js前端编码规范
1、编码风格 1.1 强制两行缩紧 1.2 强制统一以分号结束语句 1.3 强制逗号分隔多行结构，始终加上最后一个逗号 1.4 推荐使用大括号包裹代码块 1.4.3 强制不适用空代码块 1.5 强制空格风格 1.6 推荐文件末保留一行空行；在块末和新语句间插入一行空行 1.7 推荐单行最大字符数10 ......
setTimeout 是 DOM 提供的函数，不是JavaScript的全局函数
JavaScript 中包含以下 7 个全局函数，用于完成一些常用的功能（以后的章节中可能会用到）： escape( )、unescape( )、eval( )、isFinite()、isNaN( )、parseFloat( )、parseInt( ) 函数 描述 decodeURI() 解码某个编 ......
非严格模式下JavaScript语句中“this”默认指向全局对象（window）
请阅读以下代码 var obj = {}; obj.log = console.log; obj.log.call(console,this); 该代码在浏览器中执行，输出的日志结果是什么？ obj.log.call(console,this) = console.log(this)。 this这里 ......
使用 C++ 构建 WebAssembly：提升前端开发的性能和功能
最近项目中遇到一个文档解析的场景，目标是在浏览器端能预览markdown文件。 拿到这个需求，相信很多前端同学会想到使用开源的库，比如github上很受欢迎的marked，当然，是一个简单而有效的方案。 但是如果你了解webassembly一点点的话，相信你也会觉得，像这种数据处理的活交给C++来干 ......
前端工程狮
现在移动互联网发展的这么快，前端开发领域也越来越广，前端早已经告别了切图崽的时代，在web端、移动端(安卓、IOS)、Watch、小程序、公众号开发、混合app开发都能看到前端开发工程师的影子。 从狭义上讲，前端工程师使用 HTML、CSS、JavaScript 等专业技能和工具将产品UI设计稿实现 ......
[JavaScript进阶] 路由跳转原理 之 Hash 模式
路由跳转原理 之 Hash 一. 路由跳转的原理 首先讲讲路由跳转的原理, 其实没有什么神秘的, 以变量类比: // 首先定义一个变量名为 container , 赋予初始值 'index' let container = 'index'; // 监听一个点击事件 window.addEventLi ......
基础课-前端JS
JAVA Script基础语法 意义：让前端界面动起来；它是负责前端界面与用户之间的交互 前端界面变化的思维导图： 触发 调用 运行 用户进行操作 >前端事件 >JS函数 >界面产生变化 JS代码的编写方式 1.嵌入编写 嵌入在HTML中的script（脚本）标记中，它可以出现在任意位置，建议放在b ......
搭建 Makefile+OpenOCD+CMSIS-DAP+Vscode arm-none-eabi-gcc 工程模板
STM32F407-GCC-Template Arm-none-eabi-gcc + Makefile+OpenOCD+CMSIS-DAP+Vscode工程模板 一、本次环境搭建所用的软硬件 1）Windows or Linux (本文以Windows为主) 2）JLink、Daplink、Wch- ......
el-pagination在表格中用法（纯前端分页）
1、el-table <el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" > ... </el-table> 2、el-pagination <div> <el-paginat ......
前端如何防止数据被异常篡改并且复原数据
每天，我们都在和各种文档打交道，PRD、技术方案、个人笔记等等等。 其实文档排版有很多学问，就像我，对排版有强迫症，见不得英文与中文之间不加空格。 所以，最近在做这么一个谷歌扩展插件 chrome-extension-text-formatting，通过谷歌扩展，快速将选中文本，格式化为符合 中文文 ......
javascript 手动实现 bind,call,apply
js 手动实现call方法 Function.prototype.myCall=function(content,...args){ let myfn = Symbol() content = content|| globalThis // console.log(content) content[ ......
微前端实战
微前端实战 什么是微前端 微前端是指存在于浏览器中的微服务，其借鉴了微服务的架构理念，将微服务的概念扩展到了前端。 如果对微服务的概念比较陌生的话，可以简单的理解为微前端就是将一个大型的前端应用拆分成多个模块，每个微前端模块可以由不同的团队进行管理，并可以自主选择框架，并且有自己的仓库，可以独立部署 ......
[Javascript] Prevent JavaScript Object Tampering with the SES Library harden Function
https://www.npmjs.com/package/ses Lockdown The lockdown() function also tames some objects including regular expressions, locale methods, and errors. ......
一键生成前端UI，公司90%项目UI都靠它搞定
今天看公众号，有大神分析了这样的一篇文章：一键生成前端UI，公司90%项目UI都靠它搞定 地址：https://mp.weixin.qq.com/s/UhmLwVeZ0jwZORur8XD2MQ ......
前端实现Excel导出【xlsx】【xlsx-js-style】
最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一：设置单元格样式 比如：可以调节背景色、字体样式、border xlsx基础库不提供样式设置，可以使用xlsx-js-style库，这个库是xlsx库的fork版本，并添加了样式定义 详细样式可以查看https://gi ......
07前端开发jQuery
作业讲解 """ 一定要明确手上的标签是什么对象 如果原生的js代码查找出来的对象 那么只能调用原生的js方法 如果原生的jQuery代码查找出来的对象 那么只能调用原生的jQuery方法 原生js与jQuery对象的关系 可以将jQuery对象看成是数组包了标签对象 原生js就是标签对象 eg：[ ......
JavaScript--变量和数据类型
使用var声明变量 var test = 20； test = "张三"; 变量可以存放不同类型的值 var 定义域分布在全局 并且可以重复定义 let let关键字所在的代码块内有效 JavaScript中分为：原始类型 和引用类型 5种原始类型 number：数字，整数或者小数 string：字 ......
【JavaScript】事件轮询
1、先参考搞懂 JavsScript 异步 — 事件轮询 2、明确几点： setTimeout、DOM Event、HttpRequest、setInterval、setImmediate(Node.js独有)的回调、I/O操作、UI渲染均会被加载到消息队列（macrotask宏任务）。 Promi ......
前端常用设计模式
什么是设计模式？ 设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，设计模式并不是一种固定的公式，而是一种思想，是一种解决问题的思路；使用设计模式是为了可重用代码，让代码更容易被他人理解，保证代码可维护性。 设计模式不区分编程语言，设计模 ......
前端性能优化有哪些？
前端有哪些性能优化？前端性能优化分两部分1、加载性能优化2、渲染性能优化一、加载性能优化 本质： • 1、减少请求次数； • 2、减少请求资源的大小； • 3、网络优化； 1、 减少请求次数方式 1）图片资源 ○ CSS雪碧图：把一些常用、重复使用的小图合并成一张大图 ○ 图片懒加载： 利用css的 ......
前端实现文件的断点续传
早就听说过断点续传这种东西，前端也可以实现一下不过本文所说的断点续传并不一定是真的断点续传，只是一种实现方式，等到有业务需求再去验证能不能用这里的断点续传在前端的实现主要依赖着HTML5的新特性，所以一般来说在老旧浏览器上支持度是不高的本文通过断点续传的简单例子（前端文件提交+后端PHP文件接收）， ......
ArcGIS API for JavaScript入门
arcgis官网：https://arcgis.fenxianglu.cn/docs/load.html 一、集成到应用 @arcgis/core方式 1、引入ArcGIS API for JavaScript yarn add @arcgis/core 或者指定安装版本 yarn add @arc ......
后端返回pdf文件流，前端请求返回乱码文件流下载之后pdf文件空白
vue项目中遇到个问题：后端返回pdf文件流，前端请求返回乱码文件流下载之后pdf文件空白 解决办法： 在请求接口的时候设置responseType: "blob"。 axios.get(url,{ responseType: "blob",//这里一定要设置，否则返回的流是乱码，下载之后文件是空白 ......
21 个最佳 Javascript IDE 和代码编辑器 [CSS、HTML、JavaScript]
这是我们挑选的 21 个最佳 JavaScript IDE 和源代码编辑器。 目录 什么是 IDE 选择正确的开发环境时要寻找什么？ 免费的最佳 Javascript IDE 最佳高级 Javascript IDE 结论：最佳 JavaScript IDE是哪个？ 常见问题解答：最佳 Javascr ......