前端javascript工程师 经验
04_JavaScript DOM编程_基础篇
一、JavaScript DOM 概述 1.1、DOM概念 文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理超文本标记语言的标准编程接口。它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格 ......
05_JavaScript DOM编程_特效篇
一、JavaScript操作表格 1.1、操作表格API 1、HTML DOM中，给table操作提供了一些属性和方法。 table元素节点的独有属性和方法: 属性或方法 说明 caption 保存着<caption>元素的引用 tBodies 保存着<tbody>元素的HTMLCollection ......
06_JavaScript 高级
一、浏览器深入解析 https://www.cnblogs.com/1rookie/p/7832930.html https://segmentfault.com/a/1190000018428170 1.1、浏览器的组成 浏览器在不断的演变中，并没有被要求呈现出一种特定的形态，但基本包括了如用 ......
理解 JavaScript 的 async/await
1. async 和 await 在干什么 任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。 另 ......
Chrome浏览器查看前端参数
按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标，即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域，就会出现浮层，显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
岩土工程监测利器：多通道振弦数据记录仪应用铁路隧道监测
岩土工程监测利器：多通道振弦数据记录仪应用铁路隧道监测 岩土工程监测是工程建设中十分重要的一环，特别是在铁路隧道工程中，岩土工程监测更是不可或缺的一项。其中，振弦数据记录仪是一种非常重要的仪器，可以帮助监测人员实时监测隧道内部的变化，为工程的安全运行提供重要的保障。本文将着重介绍多通道振弦数据记录仪 ......
网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据
前言 有用户集成网页CAD之后，需要提取图纸的各种信息和数据，下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息，没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据，如图层、文字样式、 ......
微服务SpringCloud父工程pom依赖
<!--设置为pom，管理依赖--> <packaging>pom</packaging> <properties> <java.version>1.8</java.version> <maven.compiler.source>8</maven.compiler.source> <maven.co ......
对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录
第一眼看到它列出的需求和实现要求，就觉得头晕，毕竟真的有点乱，好在自己时刻记得偶像的那一句话，“编程，最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话，是不是要把这些要求分类出来？html、css、JS按这个分类出来后，再继续拿草稿图来画最基础的结构（这个是最重要的，不然一开始就乱写，到时候处 ......
前端面试之选择排序
选择排序： 原理解析： 将未排序的数组中的第一个数据作为基准数据，然后对比除基准数据和已排序数据之外的数据，找到其中的最小数据，然后将最小数据和基准数据进行位置交换。 时间复杂度： 时间复杂度O(n^2) 代码实现： const choseArr = [5, 2, 1, 4, 43, 23, 34] ......
前端利用oss图片地址返回url下载zip包
// 首先引入插件npm install jszip // 导入项目import JSZip from 'jszip' // 利用canvas.toDataURL 转换base64方法下载图片 downZip() { // 测试数据 let downLoadImageList = ['https:/ ......
JavaScript运算符及优先级
一、算数运算符 算术运算符（+，-， *，/，%【重要】，++【重要】，--） 其中 + 的左边和右边有 " ", 表示拼接 i++，表示先赋值后+1 ++i ，表示先+1后赋值 同理减法也是如此 算数运算中，+ 可以进行隐式迭代，将字符串数字转化为Number类型 alert(typeof(+'5 ......
前端
标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和span标 ......
HTML5前端标签练习
前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ......
前端
第1章 、Web的基本概念 软件开发的架构 目前我们了解的涉及到两个程序之间通讯的应用大致可以分为两种： 第一种是应用类：qq、微信、网盘、优酷这一类是属于需要安装的桌面应用 第二种是web类：比如百度、知乎、博客园等使用浏览器访问就可以直接使用的应用 这些应用的本质其实都是两个程序之间的通讯。 ......
记录--这个前端Api管理方案会更好？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 简介 大家好，前端小白一枚，目前接触后台管理系统比较多，经常遇到不同对象的增删改查的接口，如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感，想到一个不错的API管理方案，并应用在项目一个模块当中，并且开发效率和维护性 ......
安防视频监控平台EasyCVR前端解码与后端解码的区别介绍
视频监控平台/视频存储/视频分析平台EasyCVR基于云边端一体化管理，支持多类型设备、多协议方式接入，具体包括：国标GB28181协议、RTMP、RTSP/Onvif、海康Ehome，以及海康SDK、大华SDK、华为SDK、宇视SDK、乐橙SDK、萤石SDK等，可覆盖市面上绝大多数的视频源设备。 ......
如何用autotool构建一个工程
本文主要介绍如何用autotool工具构建一个自己的工程，每个工具具体是做什么用的，正常开发中应该在哪里增加相关配置文件等。 编写一个示例 main.c #include "plib.h" void main() { myprint(); } plib/plib.h void myprint(); ......
JavaScript数据类型的转换
一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String（），object.toS ......
JavaScript 中的单例模式
单例模式是 JavaScript 中最流行的设计模式之一。 单例模式的优点 全球访问点：提供对实例的单点访问，可以轻松管理全球资源。 内存效率：该模式确保只有一个实例，这特别节省内存。 延迟初始化：仅在需要时才创建实例，从而提高性能 这是一种创建模式，可确保类只有一个实例，同时提供对该实例的全局访问 ......
前端断点及使用
前端断点及使用 断点的目的是，代码运行时在想要开始调试的地方停下来。此时可以查看当前上下文信息，比如全局变量、局部变量的值，函数的输入是否正确，请求的返回值是否正常等。通过此操作判断问题发生的地方，好对症下药 一、打断点的方式 1.找到源码位置，添加断点 （1）寻找源码位置 ①如果是正常html页面 ......
【专题】数字孪生是基于模型的体系工程报告PDF合集分享（附原数据表）
原文链接：https://tecdat.cn/?p=34041 本次报告合集分为数字孪生综述、技术架构建设、核心技术分享、新型技术成果展示以及重点行业应用五大内容版块。从数字孪生应用建设路径的角度出发，着重提出了“数智视融合，虚实人联动”的观点，并提供数字孪生应用技术的参考。同时，本报告合集还完整系 ......
如何避免JavaScript中的内存泄漏？
前言 过去，我们浏览静态网站时无须过多关注内存管理，因为加载新页面时，之前的页面信息会从内存中删除。 然而，随着单页Web应用（SPA）的兴起，应用程序消耗的内存越来越多，这不仅会降低浏览器性能，甚至会导致浏览器卡死。因此，在编码实践中，开发人员需要更加关注与内存相关的内容。因此，小编今天将为大家介 ......
laravel:多图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
laravel:单图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
关于独木桥问题中的一些经验总结
1. 变量定义及初值 int countwest=0;//西向在独木桥上的人数（<=1） int counteast=0;//东向在独木桥上的人数 sem_t mutex;//锁与桥互斥 sem_t eastmutex;//锁与counteast互斥 sem_init(&mutex, 0, 1);/ ......
javascript的一些API接口的使用
1.blob http URL 在编辑器中，有的情况下插入图片，会讲图片转成 blob:http://localhost/*** 的这种形式。这种形式的URL实际数据是存放在浏览器的内存中。 这种情况下如何读取这个URL的具体内容呢 点击查看代码 async readStreamAndEncodeB ......
如果后端返回上万条数据，前端如何渲染成长列表呢？
使用虚拟列表 只对可见区域进行渲染，对非可见区域中的数据不渲染或部分渲染的技术，从而达到极高的渲染性能，虚拟列表其实是按需显示的一种实现。 虚拟列表一般包含三个组成部分：可视区域、列表渲染区域、真实列表区域。列表渲染区大于等于可视区。比如容器区域需要渲染三屏的节点，当前展示区上一页下一页，滚动过程中 ......
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下批处理脚本来禁用Internet Explorer的Javascript错误提示： @echo off reg add "HKCU\Software\Microsoft\Internet Explorer\Main" /v "Disable Script Debu ......
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示
Windows 10中，可以使用以下PowerShell脚本来禁用Internet Explorer的Javascript错误提示 禁用脚本调试器 Set-ItemProperty -Path "HKCU:\Software\Microsoft\Internet Explorer\Main" -Na ......