前端 碎片javascript化学
前端学习笔记--主流web框架
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <style type='text/css'>html {o ......
前端JavaScript的精确计算问题
问题发现 "47.900000" * "771.65" = 36962.034999999996 (错误) 36962.035 (正确) 问题定位 JavaScript 前端计算不精确(浮点数计算的精确问题) 问题解决 除法函数，用来得到精确的除法结果说明：javascript的除法结果会有误差，在 ......
前端项目使用vw视口单位进行适配时字体大小的解决方案
使用视口单位vw来实现响应式排版。1vw等同于视口宽度的百分之一，即如果你用vw来设定字体大小的话，字体的大小将总是随视口的大小进行改变。 问题在于，当做上面的事情的时候，因为文本总是随着视口的大小改变大小，用户失去了放缩任何使用vw单位的文本的能力。所以你永远都不要只用 viewport 单位设定 ......
前端vue使用exceljs、file-saver导出表格文件添加水印
创建createWsSheet.js 安装及引入 exceljs、file-saver /** * * 导出 excel（带水印） 公共方法 * @param header v 为头，k 为对应 data 数据的 name * 例: const header = [ { k: 'region', v ......
JavaScript把数字转为汉字数字的function
function numberToChinese (num) { var digits = [ "", "一", "二", "三", "四", "五", "六", "七", "八", "九" ]; var units = ["", "十", "百", "千", "万"]; var chineseNu ......
前端全局页面添加水印
// 下载npm包npm install watermark-package -S 使用 import watermark from "watermark-package"; // 添加水印 watermark.setWaterMark({ w_texts: [data.userName, data ......
ABAP 遍历内表数据的时候，加上前端筛选条件
1. 前端查询条件 * * * 选择屏幕 * * SELECTION-SCREEN BEGIN OF BLOCK b1 WITH FRAME TITLE TEXT-001. SELECT-OPTIONS: "PARAMETERS: s_matnr FOR mara-matnr,"物料号 s_ausk ......
前端生成二维码及把页面转为图片保存到本地
前端生成二维码及把页面转为图片保存到本地 Bayi· 于 2021-12-23 17:08:37 发布 847 收藏 3 文章标签： 前端 javascript 生成二维码 页面转图片 vue 版权 以vue项目为例，其他类型项目其实也是一样的 所需components： QRCode html2c ......
vue 前端生成二维码，并转换为图片
vue 前端生成二维码，并转换为图片 ~牧马~ 于 2021-05-27 15:08:03 发布 2760 收藏 7 分类专栏： vue 文章标签： vue 生成二维码 自动生成的二维码转图片 版权 这篇文章主要是分享下自己的收获，也是自己遇到的问题： 前端如何自己生成二维码？ 前端如何将生成的二维 ......
无界微前端方案官方示例，main-vue 项目打包之后 访问index.html页面空包，控制台报资源错误问题
报错信息： 修改方案： publicPath: “./” 修改为如上配置即可。 ......
JavaScript获取两个数组的差集
const arra = ['a', 'b', 'c', 'd', 'e']; const arrb = ['b', 'e']; console.log("some: " + arra.filter(v => !arrb.some((item) => item v))); console.log(" ......
前端跨域解决方案——CORS
CORS（跨来源资源共享）是一种用于解决跨域问题的方案。 CORS（跨来源资源共享）是一种安全机制，用于在浏览器和服务器之间传递数据时，限制来自不同域名的请求。在前端开发中，当通过 XMLHttpRequest（XHR）或 Fetch API 发送跨域请求时，如果服务器没有正确配置 CORS，浏览器 ......
前端隐藏和显示div的方式js和beetle：
方式一：设置元素style对象中的display属性 1、var t = document.getElementById('demo');//选取id为test的div元素 2、t.style.display = 'none';// 隐藏选择的元素 3、t.style.display = 'bloc ......
JavaScript设计模式es6（23种)
每一种模式都是查阅各资料, 代码测试及思考总结而出，本文较长，希望对你有所帮助，如果对你有用，请点赞支持一把，也是给予我写作的动力 设计模式简介 设计模式代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软 ......
JavaScript二重数组去重方法，只是一维数组值不一样
var BasicArr = [ [1, 10002, 'lilan', '数学', 68], [2, 10001, 'nilan', '英语', 89], [3, 10002, 'lilan', '英语', 89], [4, 10003, 'lilan', '英语', 89], [5, 10001 ......
字节前端语言
前端语言有很多：比如什么HTML,JavaScript，css等等。 这节课介绍的是CSS,HTML,JAVASCRIPT等等 首先我们先介绍CSS： CSS的基本语法是：选择器 { 属性名: 属性值; 属性名: 属性值; …… } 举个栗子：p { color: blue; } 上述代码中，p 为 ......
JavaScript怎么判断一个host是否在局域网中？
在JavaScript中，可以使用WebRTC API来判断一个host是否在局域网中。WebRTC API提供了一种用于在浏览器中进行实时通信的技术，其中包括了一些用于网络发现的API。下面是一个简单的实现： function checkLocalhost(callback) { var pc = ......
ThingsBoard 前端项目内置部件开发
前言 ThingsBoard 是目前 Github 上最流行的开源物联网平台（12.8k Star），可以实现物联网项目的快速开发、管理和扩展, 是中小微企业物联网平台的不二之选。 本文介绍如何在 ThingsBoard 前端项目中开发内置的菜单导航部件。 内置相关部件 TB（ThingsBoard ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架，使用它可以方便地实现定时任务。同时，ASP.NET Core还提供了SignalR框架，用于实现实时通信功能。在Vue中，可以使用Vue-CLI来创建项目，并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
18. 商品类别后端和前端接口实现【雪花服务】
因为有类别分级所以用到了一个外键字段即：parentId, 为了保证字段唯一，且便于扩展【数据量大了分库分表等】使用了goole开源的雪花算法如下： 参考文档：https://www.jianshu.com/p/0e6ffa8693b5 安装pysnowflake ： pip install pys ......
前端面试八股文
1.说说你对盒子模型的理解盒子模型分为border边距，content内容，margin外边距，padding内边距盒子模型分为俩种模式一种标准模式，一种IE模式标准模式计算方式：box-zing:content-boxIE模式计算方式：box-zing:border-box2.css选择器有哪些？ ......
[转]前端传嵌套对象参数给spring mvc
在使用springmvc开发web应用时，感觉springmvc的controller方法能自动将参数注入到方法的参数对象中，极大的方便了开发。但是，在遇到有嵌套对象的时候，比如订单对象有个属性是用户对象，就不好处理了。一种情况是，传递的参数都是作为post方法的请求体，我们可以用RequestBo ......
web前端开发常用的代码编写工具有哪些？
不同类型的开发人员使用的工具大有不同，所以说没有绝对好，对任何人员都适用的工具，我们只能以友好度，功能性，扩展性，界面/体验，跨平台等等这些来作为评判标准。 下面我们就给它分类并一一介绍： 大师级别 vi vi对于使用过unix的朋友来说，绝对是再熟悉不过的代码编辑器，有多少伟大的程序和代码是由vi ......
【FAQ】关于JavaScript版本的华为地图服务Map的点击事件与Marker的点击事件存在冲突的解决方案
一． 问题描述 创建地图对象，并添加marker标记，对map和marker均添加了点击事件； <body> <script> function initMap() { // 创建地图对象 const map = new HWMapJsSDK.HWMap(document.getElementByI ......
JavaScript方法获取屏幕缩放比例与分辨率
我们在开发一些前端页面的时候，会考虑到一些设备屏幕的兼容性问题，这个时候需要根据屏幕的分辨率以及缩放比例来进行实时的宽高设定，所以我总结了用JavaScript方法进行获取用户电脑屏幕的分辨率和缩放比例的数据： 获取屏幕缩放比例 //获取屏幕缩放比例 function getRatio() { va ......
JavaScript设计模式
JavaScript设计模式 设计模式概念 经过代码设计经验总结之后设计出的一种固定解决问题的方式 设计模式作用 代码复用 保证代码可靠性 将编程工程化 更易被他人理解 设计模式的分类(W3C平台) 构造器模式，模块化模式，暴露模块模式，单例模式，中介者模式，原型模式，命令模式，外观模式，工厂模式， ......
一些离谱的化学方程式
一些离谱的化学方程式 最近了解了一些比较离谱的化学方程式。特别是最后两个，绝对能够燃起你对化学的激情。希望能够对大家的学习有所帮助 ~~无奈水博~~ 基础班 Ba+2Na=Banana 工业制香蕉 2Mg+2Na+O₂＝2Mango 工业制芒果 CO＋2Fe＝Coffee 工业制咖啡 2CO+Ca+ ......
前端开发手册
拟制人 xx 日期 2023/04/25 审核人 日期 批准人 日期 1.PC开发环境要求 1.1、开发工具说明 Visual Studio Code | Webstorm 1.2、PC开发框架和语言使用 开发框架：MVVM框架 开发语言使用了vue3、TypeScript 2.Pc开发规范 ......
无界（wujie）微前端结合若依框架，关于主程序加载子程序页面按钮权限指令所管理得按钮不展示问题
这个问题是由于加载权限接口慢于使用指令，加载时机得问题。 解决方案就是给指令里加上setTimeout 这样得话，结合js运行机制问题，setTimeout里得内容会推迟执行，这样就不会出现接口权限没加载完就执行了指令得问题。 ......