- 博客(14)
- 收藏
- 关注
RSS订阅原创 前端实现table表格行列转化
最近遇到一个业务需求，需要把正常表格中的数据做一个行列转换的对比结果展示，特此记录下实现过程，希望能帮助到有需要的同学。
2024-12-01 15:49:52
329
原创 大文件分片上传与webWorker多线程执行
前端技术不可避免都要用到文件上传，其中大文件上传是一大难点，需要考虑多种场景；当用户上传大文件的时候，我们需要保证页面的流畅，还要监听上传进度，还有用户如果取消上传后，再度上传相同文件，是否需要从头上传，今天分享一下如何通过js实现大文件分片上传功能，以及webWorker多线程执行分片。
2024-12-01 13:24:51
748
原创 前端工程化的理解与实现
前端工程化是现代Web开发的重要趋势，旨在通过标准化、模块化和自动化的手段，提高开发效率、代码质量和项目可维护性。最早的前端开发就是实现页面，顶多再写写JS让页面可以有交互的特效。属于前后端未分离的时代。但是随着需求的增加，我们不仅要做Web应用，还要做App、小程序以及各种端。前后端分离的时代开始，在这种需求日增的情况下，必须得考虑一种新的方式，优化前端的开发工作，例如，解决代码冗余，项目可维护性，提升版本迭代速度等等一系列的问题。前端工程化的概念也就是在这中情况下被提出了。
2024-11-05 00:04:08
1348
原创 常见Web安全问题及解决方案（XSS、SQL注入、CSRF攻击、Session劫持）
无时无刻不存在网络攻击，其中XSS攻击和SQL注入攻击是网站应用攻击的最主要的两种手段，全球大约70%的网站应用攻击都来自XSS攻击和SQL注入攻击。此外，常用的网站应用攻击还包括CSRF、Session劫持等。 常见相应的防御策略，如输入消毒、表单Token、Cookie、参数绑定等。此外，还应注意网站安全漏洞扫描和信息加密技术，以及网站安全防护中预防和及时更新防护措施的重要性。
2024-11-03 17:40:28
1580
原创 React Native项目的构建
React Native项目最终都被编译为原生Java或Objective-C代码，编译得到的代码未经优化，但是可以连接开发服务器进行实时更新的调试模式和编译得到的代码经过优化压缩，可以发布到应用商店供用户正式使用发布模式
2024-11-02 17:10:42
806
原创 React Native开发环境搭建
React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。
2024-11-02 16:12:49
2742
原创 浏览器与Node环境的事件循环(Event Loop)区别
浏览器环境下，microtask的任务队列是每个macrotask执行完之后执行。而在Node.js中，microtask会在事件循环的各个阶段之间执行，也就是一个阶段执行完毕，就会去执行microtask队列的任务。
2024-11-01 10:48:01
1319
原创 JavaScript 字符串：比较版本号
这种情形下比较两个版本号 version1 和 version2，如果 version1 > version2 返回 1，如果 version1 < version2 返回 -1， 除此之外返回 0。因为"1.1"的版本号相当于"1.1.0"，第3位修订号的下标为0，小于1。因为"1.1"的版本号相当于"1.1.0"，第3位修订号的下标为0，小于1，所以version1 < version2，返回-1。说明：version2忽略前导0，为"1.1"，和version相同，返回0。
2024-10-31 10:15:37
927
原创 前端开发进行node版本控制，npm镜像切换
随着前端接触的项目越来越多，每个项目开发所需要的node版本可能不一样，由于来回进行卸载不同版本的node比较麻烦；所以需要使用node工程多版本管理，也就是nvm来管理node。文章基于 windows环境 使用nvm安装多版本nodejs。mac可能不适用。注意：安装nvm时不能安装任何node版本（如存在请删除后再安装nvm），再检查环境变量，如果还有node.js相关也删掉，保证系统无任何node.js 残留。
2024-09-16 11:13:14
1244
原创 前端实现DNS解析和优化
作为前端开发者如何针对DNS做优化？众所周知，这个DNS是做域名解析的，输入一个域名，经过DNS解析之后就可以得到一个IP地址，互联网中做请求都要把域名转成IP，这个转换过程是比较复杂的，就比较耗时，所以说有优化的空间，它转换之后是会做本地缓存。所以我们优化的目标主要是针对用户第一次访问站点的时候陷入长时间白屏的问题。
2024-09-14 22:20:36
621
原创 前端实现字符串插入千位分割符，数字千位分割
前端开发时经常会遇到需要把一个很大的金额或是银行卡号进行千位分割展示，这里分享两个常用的方法：循环遍历字符长度添加和正则替换(此方法仅适用于正整数）如果要是带小数的千位分割。
2024-09-12 20:56:42
714
4原创 前端实现简单防篡改的文字水印
说到前端做水印吧，它其实更大的作用是做一个提示，告诉你这一块儿有版权，起到一个警示的作用和一个简单的防篡改；真正的要实现安全保护，往往都是技术手段和非技术手段双管齐下才能达到一个很好的效果。前端做水印最大的优点在于它成本低，只需要编译一个组件就完了，甚至在某一些组件库里本身就自带这个组件，像这个里边有个，用这个组件可以非常轻松的实现一个文字水印，不过遗憾的是在Vue的组件库里面是没有这个组件的，我们需要手动实现这个组件！
2024-09-08 13:55:56
662
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人