说Fetch之前啊，我们不得不说一说Ajax了，以前使用最多的自然是jQuery封装的Ajax方法了，强大而且好用。有人说了，jQuery的Ajax都已经封装得那么好了，你还整Fetch干什么，这不是多此一举嘛。实际上，在大家写业务需求的时候能够感觉到，越是复杂的业务逻辑，Ajax用起来就会显得有点费劲，因为它的异步回调机制，很容易让我们陷入嵌套循环中，业务
......
430
0
0
2022-04-02
转自：李熠链接：juejin.im/post/5cfbe8c7e51d4556da53d07f前言去年的某个时候就想写一篇关于接口的吐槽，当时后端提出了接口方案对于我来说调用起来非常难受，但又说不上为什么，没有论点论据所以也就作罢。最近因为写全栈的缘故，团队内部也遇到了一些关于接口设计的问题，于是开始思考实现接口的最佳实践是什么。在参考了许多资料之后，逐渐对
......
326
0
0
2022-04-02
本文背景在我们的Web项目开发中常常会遇到一些数据的存储问题，因为有一些数据相对来说对于安全性要求比较低，在现代Web项目开发中大部分已经走向前后端分离的模式，一般通用的都是向前端提供rest api。我个人认为，虽然前后端分离的模式很好的解决了后端统一的问题，但是相对来说，如果大量的重复数据或者一些基础数据每次都通过请求服务器来说无疑是对服务器资源的一种浪
......
445
0
0
2022-04-02
前言最近准备搭建一个简单的文档平台，用于组内的文档管理。作为一个程序员，大多数情况下咱们写文档使用的都是markdown语法，比如wiki、hexo、github，然后在浏览器上展示。目前大部分的编辑器都有自己的markdown插件并支持实时预览，如下图，图1此图是vscode编辑器，左侧是markdown文件，右侧是实时预览的界面，咱们这次的目标就是将ma
......
412
0
0
2022-04-02
简介在工作中发现突然对excel导出有点小需求，所以开发了这款小插件。此工具兼容IE10,firfox等主流浏览器。文件读取基于H5的FileReader，导出excel基于XLSX.js(此项目已开源github)，下载功能基于FileSaver。Blob.js则是在IE10中hack实现polyfill.js为IE有名的兼容插件安装作为Layui的插件，
......
437
0
0
2022-04-02
作为一名前端，开发web页面是我们的本职工作。在完成一个页面开发的过程中，保存代码然后手动刷新页面查看效果，这样的动作需要重复无数次，虽然一次这样的动作可能只要花费几秒钟的时间，但是次数多了也挺浪费时间的。社区有一款工具可以帮助前端在每次保存完代码后自动刷新浏览器页面——livereload。自动刷新工具目前有很多的工具都内置了自动刷新功能，以下列举几个常见
......
855
0
0
2022-04-02
跨域的含义同源策略以及其限制内容同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓 同源是指"协议+域名+端口" 三者相同，即便两个不同的域名指向同一个ip地址，也非同源。同源策略限制内容有：Cookie、LocalStorage、IndexedDB 等存储性内容DOM 节点AJAX 请求
......
431
0
0
2022-04-01
简介Javascript 是一种奇怪语言，有些人喜欢它，有些人讨厌它。它有许多独特的机制，这些机制在其他流行语言中不存在，也没有对应的机制，还有突出明显的就是代码的执行顺序了解浏览器环境，它的组成以及它的工作原理会让我们在编写 JS 时更加自信，并为可能发生的潜在问题做好了充分的准备。在这篇文章中，我们试着解释一下Chrome浏览器下到底发生了什么，来一起看
......
440
0
0
2022-03-31
1. 概述FormData类型其实是在XMLHttpRequest 2级定义的，它是为序列化表以及创建与表单格式相同的数据（当然是用于XHR传输）提供便利。2. 构造函数创建一个formData对象实例有几种方式1、创建一个空对象实例var formData = new FormData();
此时可以调用append()方法来添加数据2、使用已有的表单来
......
393
0
0
2022-03-31
1.particles-bg地址：https://github.com/lindelof/particles-bg效果：2.particles-bg-vue地址：https://github.com/lindelof/awesome-web-effect这是一个基于VUE的粒子动画组件。3.jquery.ripples地址：https://github.co
......
544
0
0
2022-03-31
介绍howler.js是现代网络的音频库。它默认为Web Audio API，而向后兼容为HTML5 Audio。这使得在所有平台上使用JavaScript进行音频操作变得轻松可靠。Githubhttps://github.com/goldfire/howler.js功能特性单个API满足所有音频需求默认为Web Audio API，向后兼容为HTML5 A
......
547
0
0
2022-03-31
最开始的一个小需求前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。起初接到这个需求时，我感觉这很简单啊（虽然我不会，但可以百度啊，，，，）然后就写出了如下的代码：let blob = new Blob([res.data]);
let fileName = `Cosen.cs
......
452
0
0
2022-03-31
最近在用vue + element-ui对公司的后台管理系统进行重构，听说这个后台管理系统是零几年的产物，历史悠久，看界面就看得出是前后端不分离时期，PHP后端工程师做的，不符合我们95后程序员的审美，而且里面的富文本编辑器也是很老的，而且很难用，没有视频上传功能，而且也没有上传图片功能，文本插入图片是用base64插入的，难用界面还丑。在重构管理后台，我一
......
544
0
0
2022-03-31
介绍今天介绍一个小巧的Web端的SVG图表库，FrappeCharts是受GitHub启发的简单且现代的SVG图表，零依赖性。相比市面很多类似的库，FrappeCharts显得相当轻量了！Githubhttps://github.com/frappe/charts安装使用安装yarn add frappe-gantt
或直接将其包含在HTML中 <
......
391
0
0
2022-03-31
最近有个项目使用Layui框架进行后端系统的界面搭建，其中Layui框架中的Layer组件在项目中会用得非常多。且有些功能会遇到子窗口完成数据的提交后，进行关闭同时会刷新父窗口的数据，所以此文章分享一下《如何实现在Layui框架中完成父窗的刷新功能》当然这里有朋友就会吐槽，现在的项目都是基于SpringBoot + Vue的前后端分离开发。在这里我要说明一下
......
618
0
0
2022-03-31