前端javascript工程师 经验

JavaScript 超大文件上传解决方案:分片断点上传(一)

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
断点 JavaScript 解决方案 文件 方案

JavaScript 基础

JavaScript 01、JavaScript 概述 一、hello world 学习所有编程语言编写第一个程序的时候,都习惯性地编写 "hello world" 程序,学习 JavaScript 也是一样。作为我们编写的第一个 JavaScript 程序,我们将代码写在 html 这个文档中,b ......
JavaScript 基础

前端切图之svg图标的复用基于defs和use 亲测有用

切图网长期致力于web前端开发外包服务,而我们也关注到现在图标很多时候采用svg更多一点,然后图标字体文件已经提供了很多种类的图标,不过采用svg图标可以自行选择更符合、更好看的图标,相比于字体图标更加多样性,而且svg图标加载更快,而当svg的图标被多次使用的时候,我们需要一种类似于变量的定义,然 ......
前端 图标 有用 defs svg

测试工程师的工作

theme: channing-cyan 测试这份工作确实入门相对来说是比较低的,看起来谁都能做,但是不一定谁都能做好,并且在一些小公司里面,测试往往还会被其他人认为是没有技术含量的工作,但是我想说在大厂里面,测试是跟开发同等级的存在,无论是工资还是声望,相对的大厂里面需要的要求就会高很多。 对于工 ......
工程师 工程

chatGPT充当前端智能思路助手

替代:百度、谷歌人工搜索 1、我想让你充当前端开发专家。我将提供一些关于Js、Node等前端代码问题的具体信息,而你的工作就是想出为我解决问题的策略。这可能包括建议代码、代码逻辑思路策略。我的第一个请求是“我需要能够动态监听某个元素节点距离当前电脑设备屏幕的左上角的X和Y轴,通过拖拽移动位置浏览器窗 ......
前端 助手 思路 chatGPT 智能

vue打包后前端修改ip地址

1、在static文件夹下新建config.js文件 (function () { window.SITE_CONFIG = {} // 多个地址 window.SITE_CONFIG['baseUrl'] = '请求地址' window.SITE_CONFIG['baseUrl_1'] = '请求 ......
前端 地址 vue

JavaScript 原型链

// linking prototype objects to build a prototype chain_proto_ vs Object.getPrototypeof(obj) Object.setPrototype0f(obj) //1. obj --> otherProto.protot ......
原型 JavaScript

JavaScript 浏览器打断点 Debugging

1. 下面我们看一个例子,这里是5+1=6,但是结果是51 console.log效率会比较低 2. debug可以暂停代码,和查看变量,按F12,看Sources 3. 展开鼠标类型,事件监听 em.....,说得有点笼统了 ......
JavaScript Debugging 浏览器

IT工具知识-15:在Chrome中通过Javascript获取B站合集视频选集名称及时长.

0.所需工具 chrome内核浏览器(我这里用的edge chromium) 1.操作步骤 打开b站视频链接(带选集的那种) 按下f12 点击控制台(Console) 在下面输入框输入以下代码 var box=document.getElementsByClassName('video-sectio ......
选集 时长 Javascript 名称 工具

软件工程师的核心竞争力是什么?

转载:https://www.cnblogs.com/imyalost/category/870250.html 最近星球里有很多同学在讨论职场发展和个人竞争力相关的话题,以前一直觉得大家在职场大多数时候受困于技术成长,但今年逐渐认识到构建自己的核心竞争力才是职场发展的核心。 这篇文章,我想聊聊我对 ......
竞争力 核心 工程师 工程 软件

微前端解决方案

微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题,或无法提供支持。本文提供一种基于 iframe 的全新微前端方案,完善的解决了这些核心诉求。 将微前端 ......
前端 解决方案 方案

JavaScript对象中常见的方法和不常见的方法

常见的方法: Object.assign() - 将一个或多个对象的属性复制到目标对象。 Object.keys() - 返回对象中所有属性的名称。 Object.values() - 返回对象中所有属性的值。 Object.entries() - 返回对象中所有属性和对应值的键值对数组。 Obje ......
常见 方法 JavaScript 对象

前端转向PHP进阶之路

一、PHP简介 Hypertext Preprocessor,又称为超文本预处理器(HTML为超文本标签语言),就是我们所说的PHP。它是一种糅杂百家的后台语言,在PHP中,可以见到C、Java等语言的写法和它自创的一些写法,这也就是为什么说学过其他语言的人会比较容易接受PHP。 PHP开发时需要去 ......
前端 PHP

JavaScript学习--splice()函数详解

https://blog.csdn.net/weixin_45726044/article/details/120151153 splice()函数详解splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。 参数: index ......
JavaScript 函数 splice

前端数据绑定,列表部分数据不显示问题解决 (转)jQuery LigerUI 插件介绍及使用之ligerTree

https://www.cnblogs.com/wanshutao/p/3540664.html https://blog.51cto.com/u_11966318/5375004 突然出现一个列表有几条数据不显示的问题,大部分数据没有问题,只有几条有问题,推测原因应该是数据有问题。 常见数据问题是 ......
数据 前端 ligerTree 插件 LigerUI

【经验总结】idea中使用@Test注解没有显示启动按钮

1.pom.xml中添加依赖 <dependency> <groupId>org.junit.jupiter</groupId> <artifactId>junit-jupiter-api</artifactId> <version>5.3.1</version> </dependency> 2.启 ......
注解 按钮 经验 idea Test

设计模式-javascript实现【代理模式】

定义: 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 1. 代理模式的实现 const Flower = function(){}; const xiaoming = { sendFlower: function(target){ const flower = new Flowe ......
模式 设计模式 javascript

设计模式-javascript实现【设计原则】

1. 单一职责原则(SRP原则) 单一职责原则的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法,那么这个方法就具有 两个职责。每个职责都是变化的一个轴线,如果一个方法承担了过多的职责,那么在需求变迁过程中,需要改 写这个方法的可能性就越大。 因此,SRP原则体现为:一个对象(方法) ......
设计模式 javascript 原则 模式

Web前端技术栈(待更新......)

一、HTML 1、什么是HTML 1.1、初识HTML HTML:==Hyper Text Markup Language(超文本标记语言)== 超文本包括:文字、图片、音频、视频、动画等 HTML5的优势 ①世界知名浏览器厂商对HTML5的支持 ​ 1、微软 ​ 2、Google ​ 3、苹果 ​ ......
前端 技术 Web

记录--前端加载超大图片(100M以上)实现秒开解决方案

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前端加载超大图片时,一般可以采取以下措施实现加速: 图片压缩:将图片进行压缩可以大幅减小图片的大小,从而缩短加载时间。压缩图片时需要注意保持图片质量,以免影响图片显示效果。 图片分割:将超大图片分割成多个小图块进行加载,可以避免一次 ......
前端 解决方案 方案 图片 100M

在javascript的文章中sink指什么?

在介绍xss的英文文章中常看到sink这个词语。查了下: A sink is a potentially dangerous JavaScript function that can caused undesirable effects if attacker controlled data is ......
javascript 文章 sink

前端设计模式——状态模式

状态模式(State Pattern):将对象的行为和状态分离,使得对象可以根据不同的状态来改变自己的行为。在前端开发中,可以使用状态模式来管理页面的状态和响应用户的交互。 在状态模式中,对象的行为取决于其内部状态,当状态发生变化时,对象的行为也会相应地发生改变。这种模式通过将状态抽象为独立的类来实 ......
模式 设计模式 前端 状态

软件工程日报二十一——实现不同线路的换乘查询

今天,我和我的伙伴终于实现了地铁系统的换乘查询。 我们利用SQL语句进行递归调用,通过多次遍历数据表,获得换乘站点的信息,然后再根据起点和终点来遍历出不同的线路信息。 具体实现效果如下: 通过图片可以看出,本次换乘查询实现了最简路径、经停站点、以及具体线路的相关内容,算是初步完成了pc端的地铁查询系 ......
软件工程 线路 日报 工程 软件

web-lottie 前端动画效果

资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......
前端 web-lottie 效果 动画 lottie

JavaScript Scope All In One

JavaScript Scope All In One Global Scope / 全局作用域 Script Scope / 脚本作用域 Local Scope / 局部作用域 (函数作用域) Block Scope / 块级作用域 ( { } 作用域) Catch Block Scope / 捕... ......
JavaScript Scope All One In

河北稳控科技工程监测多通道振弦模拟信号采集仪VTN上机操作

河北稳控科技工程监测多通道振弦模拟信号采集仪VTN上机操作 一、查看生产信息指令$INFO\r\n 可查看设备的生产信息以及通道参数。 COPYRIGHT INFORMATION TYPE: VTN416…… VERSION INFORMATION HWVER: 300SFVER: 150 FACT ......
信号 通道 工程 科技 VTN

javascript 给Object扩展extend方法

javascript 给Object扩展extend方法 mdj280759843 于 2011-04-12 13:16:46 发布 1006 收藏分类专栏: JS 文章标签: JavaScript jQuery UI prototype 框架 ViewUI版权 JS专栏收录该内容12 篇文章0 订 ......
javascript 方法 Object extend

经验+10:7-zip使用

下载安装:刚才去官网看到百度提示被黑客攻击,所以还是自行去应用商店下载 美化:知乎教程 美化工具下载地址:7ztm 美化包:百度网盘、蓝奏云见知乎教程 密码:SmartZip(可以实现自动填充密码,保存密码,对于那些常用的密码可以导入进去,以后就不用每次都输了) ......
经验 zip 10

前端已死?后端已亡?弯弯绕绕,几分真几分假

前端已死,我认为更多的是一种焦虑情绪的表达,市场确实不太好,但这并不是针对前端,是整个互联网行业衰败的表现而已,对此持不同意见的怕是只剩培训机构了吧!毕竟唱衰的永远是打工人,唱兴的都是培训班。打心底讲!如果一个前端,工作3年,只会Vue2/React,看不懂框架报错、看不懂请求异常、连给浏览器打断点... ......
前端

前端vue获取后端返回的富文本内容不是标签是转义字符解决方法

新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
转义 前端 字符 文本 标签