前端 碎片javascript化学
JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎
其实早期的两个主要的JavaScript引擎实现，一直在用mark-and-sweep GC。Java写的Rhino一度能比用C写的SpiderMonkey跑得还快，因为Rhino得益于JVM里优秀的JIT编译器和GC，而SpiderMonkey还在用简易的解释器和GC。 ......
前端报错时如何排查问题
前端页面报错： 1、页面报错500，首先我们可以知道是服务端的问题，需要去看下服务端的报错信息： 2、首先我们查看下前端是否给后端传了id: 我们可以看到接口是把ID返回了，就需要再看下p_id是什么情况了 3、我们再次请求，把p_id进行打印，看下具体是什么： put接口代码 class PutV ......
浏览器层面优化前端性能(2):Reader引擎线程与模块分析优化点
优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性 控制层数量 节流 抖动 ......
浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析
Chrome支持以下几种进程模型：Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有一个，主控整个系统的运行，管理Chrome大部分的日常事务；而Renderer则可以有多个，主要负责... ......
萌宠之家宠物5网页html+css视频表单 精选两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
两千多套HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 题目👨🎓 🚀 萌宠之家宠物5网页html+css视频表单 精选 描述✍️ 大学生HTML个人网页作业作品下载 个人主页博客网页设计制作 大学生个人网站作业模板 简单个人网页制作 网页编辑 ......
前端开发-BootStrap
Bootstrap v3 中文文档 · Bootstrap 是最受欢迎的 HTML、CSS 和 JavaScript 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 | Bootstrap 中文网 (bootcss.com) 创建引入 ......
解决前端启动报错：This is probably not a problem with npm. There is likely additional logging output above.
在执行 npm run dev 运行项目的时候报错: {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! phan ......
Vins-Mono 阅读笔记——前端
1、前端流程概述 VINS-Mono的前端整个封装成了一个ROS节点其订阅的topic是： 相机或者数据集发来的图片 其发布topic是： 由pub_img发布的"feature"，发布的是当前帧的特征点，特征点分装成了sensor_msgs::PointCloudPtr类型，里面包括了每个特征点的 ......
前端性能优化-gzip压缩
提纲： GZIP是什么 如何启用gzip 什么时候应该启用gzip 1、gzip压缩是什么 gzip是一种文件压缩格式，它可以将文件压缩为较小的大小，以便更快地在网络上传输或存储在磁盘上。gzip压缩算法适用于文本类型的数据，通常用于压缩Web服务器上的静态资源文件，例如HTML，CSS，JavaS ......
若依管理系统前端实践
若依管理系统是一套基于若依框架开发的后台管理系统，它是一个前后端分离的项目，前端使用vue, Element, 后端使用Spring Boot & Security。这篇随笔中将记录一下自己在使用过程中前端使用上的一些收获和问题。 目录 1. 路由控制 1.1 简述 1.2 token的检验 1.3 ......
前端笔试遇到的两个编程题
倒计时： 在倒计时不超过一天的代码 var hour = document.querySelector(".hour"); var minute = document.querySelector(".minute"); var second = document.querySelector(".se ......
JavaScript 中使用正则表达式的方法
使用方法 在 JavaScript 中，正则表达式可以用字面量语法创建。 字面量语法是一种非常简单直观的表示正则表达式的方式。它使用两个斜杠（/）括起来，如下所示： const regex = /pattern/; 例如，要匹配字母a和b之间的所有字符，可以使用以下字面量语法： const rege ......
JavaScript 数组笔记
添加和删除数组项 添加 push() **push()**方法：向数组的末尾添加一个或多个元素，并返回修改后的数组长度。 语法： arr.push(element1[, ...[, elementN]]) 参数： element1, ..., elementN：要添加到数组末尾的元素。 示例： co ......
JavaScript 有效的字符串方法
本文内容部分截取自该网站，不同部分则为本人笔记。 获得字符串的长度 let browserType = 'mozilla'; browserType.length; 用处 检索特定字符串字符 // 检索字符串最后一个字符 browserType[browserType.length-1]; 在字符串 ......
使用 MQTT 实现前端消息传递
MQTT 是一种轻量级的消息传递协议，广泛应用于物联网和分布式系统中。在前端应用中使用 MQTT 可以实现实时消息传递和数据同步。本文将介绍如何使用 MQTT 在前端应用中实现消息传递。 安装 MQTT.js 要使用 MQTT，在前端应用中，需要安装 MQTT.js。在终端中执行以下命令： npm ......
JavaScript的引入方式
外部JS文件 deno.js alert('你好!JavaScript'); JS引入方式.html <!--方式一：内部脚本--> <!--标签不能自闭和--> <script> alert('你好 JS') </script> <!--方式二：外部引入--> <script src="demo. ......
2023.04.07 - 前端常用解决跨域问题的方案
JSONP：JSONP（JSON with Padding）是一种前端跨域请求的方式，它利用了 HTML 中的 <script> 标签没有跨域限制的特点，通过动态创建 <script> 标签，构造一个特殊的 URL，让服务端返回一段指定的 JavaScript 代码，然后在本地执行这段代码以达到跨域 ......
[Javascript] Improve performance of Array.reduce
Compare two code snippet const people = [ {id: 1,name: 'John', age: 45}, {id: 2,name: "Op", age: 32}, {id: 3, name: "Wade",age: 39 } ] // option 1 con ......
salesforce学习笔记（3-1）- JavaScript Promise（LWC）
在JS代码中，Promise到底有什么作用？ 首先，我们知道的是，Javascript是单线程的，什么意思呢？就是说JS在同一时间只能做一个操作，代码的执行是一行一行进行的： 这种执行方式带来的问题就是在我们打开某个画面的时候，画面可能会卡住转圈、加载中状态很久，用户体验感很差。 Promise可用 ......
k8s前端部署
//前端项目打包构建；支持多环境 pipeline { agent any environment { //GIT路径 GIT_PATH = "threegene/dev/zproduct/server/demo.git" //项目名称, 使用Job名称作为项目名称 PROJECT_NAME = " ......
[C#] JavaScript 引擎
调研了一些兼容 .Net Framework 4.8 的 JavaScript 引擎。 JavaScriptEngineSwitcher 这个对C#常用的JS引擎作了集成，让你简单地尝试各种JS库。 JavaScriptEngineSwitcher.Core 提供通用的 API （需要安装） Jav ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你... ......
javascript把本地sql数据库表转换为对象
在做项目的时候，需要读取本地数据库，并且在页面上显示出来， 原始数据 读取出来的原始数据如下： var r=sqliteDB.exec(document.getElementById('txtSQL').value); console.info(r); 使用系统的转换方式 console.log(' ......
学习关于JavaScript常用的8大设计模式
学习关于JavaScript 常用的8大设计模式：工厂模式、单例模式、建造者模式、适配器模式、观察者模式、装饰者模式、策略模式和命令模式 ......
JavaScript字符串转数字的5种方法及其陷阱
JavaScript字符串转数字的5种方法及其陷阱 摘要 ：JavaScript 是一个神奇的语言，字符串转数字有 5 种方法，各有各的坑法! 原文: Converting Strings to Number in Javascript: Pitfalls 译者: Fundebug 转载地址: 本文 ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 ......
雪花算法生成的Id过长，前端接收精度丢失
1.问题现象： 表的Id使用雪花算法生成，数据库使用bigint类型可以正常存储，后端使用Long类型也可以正常接收，postman进行请求测试，也可以看到后端正常返回的数据，但是前端接收后显示的id不正常。 2.问题原因： 前端使用number类型进行接收，number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强，可以操作用户选择的文件，转为base64或者二进制，blob； 1、实际应用 我的行车记录仪记录事反着放的，所以查看视频都是反过来的，那么我就写了个html，选择对应视频反向播放； input框选择视频文件后，我们就能拿到当前视频文件，使用 let f = new FileReade ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......