前端 碎片javascript化学
springboot~构建webjars类型的前端jar包
webjars类型的前端jar包 我们可以将公用的js,css,html,vue,shtml打包成一个jar，然后在其他项目中引用，这样就不用每个项目都去引用一遍了，这样就可以实现前端的公用了。 1.创建一个maven项目，添加依赖和插件 <dependencies> <!-- 依赖webjars- ......
基础lucksheet实现前端导出excel文件
文章参考：https://blog.csdn.net/csdn_lsy/article/details/107179708 1.引入两个插件，其中exceljs负责将lucksheet的数据格式转化成excel的buffer流，file-saver负责将buffer转成blob文件流导出。 npm ......
记录--前端实习生的这个 bug 被用做了一道基础面试题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 测试发现了一个问题，简单描述问题就是通过函数删除一个数组中多个元素，传入的参数是一个数组索引。 然后发现实际效果有时删除的不是想要的内容。 具体 Bug 代码实现: const arr = [1,2,3,4,5,6,7]; cons ......
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
前端导出后端返回的数据流为xlsx文件
后端返回格式为PK开头 exportMonitor({ids:idsList}).then((res:any)=>{ const link = document.createElement('a') let blob = new Blob([res], { type: 'application/vn ......
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序 - 微构网络 (csweigou.com) 前端排序 table.render({ elem: '#table' /*其他参数......*/ ,autoSort: true ,initSort: { field:'id' ......
前端组件wolfTable的style格式文档
此文档记录的是wolf-table的style格式文档, 如果你找的是x-data-spreadsheet, 那么请查阅这个文档https://www.cnblogs.com/WilsonZhu/p/17858411.html wolf-table 的格式输入只有一个方式, 通过调用addStyle ......
前端后端传来的信息为 Object
在前端打印出后端传来的详细信息 直接打印 res 可能就只是显示：Object 可以使用 JSON.stringify(res, null, 2) 将 res 对象转换为 JSON 字符串，并以缩进的格式打印出来，以便更清楚地查看对象的内容 可以不用 console.log 里的字符串拼接，直接逗号 ......
前端可滚动分类商品List列表 可用于电商分类列表
前端可滚动分类商品List列表 可用于电商分类列表 引言 在电商应用中，一个高效、用户友好的分类列表是提高用户体验和转化率的关键。本文将探讨如何使用xg-list-item、uni-grid和xg-tab等组件创建一个可滚动的分类商品列表，并处理相关的用户交互事件，如分类标题点击和分类条目点击。 组 ......
JavaScript的设计模式—构造器模式
设计模式介绍 设计模式是我们在 解决问题的时候针对特定问题给出的简洁而优化的处理方案 在JS设计模式，最核心的思想：封装变化 将变与不变分离，确保变化的部分灵活，不变的部分稳定 构造器模式 var employee1={ name:'Kerwin', age:100 } var employee2= ......
【趣味JavaScript】一文让你读懂JavaScript原型对象与原型链的继承，探秘属性的查找机制! 《重置版》
🚀 个人主页 极客小俊 ✍🏻 作者简介：web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起学习和进步！😄 🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 有些新手朋友可能听说过这么一句话，就是js中存在两个链条,它们分别为:作用域链和原 ......
JavaScript中的原型链
JavaScript中的原型链 奇舞团 360最大的前端团队。 关注他 122 人赞同了该文章 本文作者为奇舞团前端开发工程师 概述 JavaScript 是 Web 的编程语言，简单易学，功能强大，但由于过于灵活设计理念，导致初学者经常一脸懵，本文要谈的是JavaScript中难点之一原型链。 ......
前端技术探秘 - Nodejs 的 CommonJS 规范实现原理 | 京东物流技术团队
前端技术探秘 - Nodejs 的 CommonJS 规范实现原理 | 京东物流技术团队 京东云 已认证账号 关注 你经常看 TA 的内容 了解 Node.js Node.js 是一个基于 ChromeV8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 模型，让 ......
setTimeout 函数在前端延迟搜索实现中的作用
看这段代码： SmartFilterBar.prototype._regularTriggerSearch = function (iDelay) { if (this.getSuppressSelection()) { return; } this._clearDelayedSearch(); t ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
深入理解Async/Await：从原理到实践的JavaScript异步编程指南
理解 async/await 的原理和使用方法是理解现代JavaScript异步编程的关键。这里我会提供一个详细的实例，涵盖原理、流程、使用方法以及一些注意事项。代码注释会尽量详尽，确保你理解每个步骤。 实例：使用async/await进行异步操作 <!DOCTYPE html> <html lan ......
什么是前端开发中的 SVG Sprites 技术
SVG Sprites 在前端 Web UI 渲染中的应用 在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载 ......
python网站创建008：初始JavaScript
JavaScript：是一门可以操作html标签的一门语言。可以实现类似“弹框”的功能 实现需求：假如我想在一个输入框内输入“hello world”，点击某个按钮，然后在“弹框”上显示出“hello world”， 这该怎么做呢？ 1.首先将“输入框”和“点击”按钮写出来，如下： <!DOCTYP ......
记录--原来前端部署这么简单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。 环境搭建 首先我们需要进行环境搭建主要就 ......
javascript 数据变形 key:value转换
[javascript - Convert key/value pairs to object using lodash - Stack Overflow](https://stackoverflow.com/questions/50399034/convert-key-value-pairs-to ......
JavaScript面试题
列举常用的字符串方法 indexOf(要查找的字符，开始索引) 查找某个字符串第一次出现的位置 lastIndexOf(要查找的字符，开始索引) 查找某个子字符串最后一次出现的位置 replace(被替换的内容，要替换的内容) 替换好的字符串 substr(从哪个索引开始，截取多少个) 返回截取到的 ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
JavaScript for循环递减(-)
for (var i = 5; i > 0; --i) { console.log(i) }打印： 5 4 3 2 1 ......
前端优化之路：构建、打包速度提升
【前言】 《闻香识女人》中有句经典台词，“有些人一分钟过尽一生”，多少人在等待中浪费了生命的美好。同样，如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。 【效果展示】 优化前，构建速度 整整126秒，两分多钟过去后，项目才启动成功 优化后，构建速度 21秒运行完毕，仅 ......
py01-前端了解
前端了解： 一、CSS框架 （1）Bootstrap（http://getbootstrap.com/） 二、JavaScript框架： （1）jQuery（https://jquery.com/） （2）Vue （3）React 三、AJAX： （1）AJAX=异步JavaScript和XML （ ......
前端H5微信支付宝支付实现
前端 H5 微信支付宝支付实现 以 uniapp 项目为例 支付宝的 首先是一个支付类型选择页面，在选择支付宝支付后，跳转到一个空白页，用于支付宝支付的中转页面。 在点击立即支付之后，直接跳转至自行设置好的空白页就好，并把你生成订单所需要的数据一并带过去。 uni.navigateTo({ url: ......