前端javascript工程师 经验
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱，就不愁花钱。钱花了就没了来源了，就会慌张。 开源节流。努力开源很重要。努力提 ......
jpa转换枚举、转换以及入库数据、状态值发生变化可以不影响前端
import com.peony.common.enums.PlanStatus; import org.apache.poi.ss.formula.functions.T; import javax.persistence.AttributeConverter; import javax.pers ......
转载：JavaScript文字转语音_SpeechSynthesisUtterance语音合成的使用
原文链接：https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649118413&idx=3&sn=3385dee75bcffa307baa79c3cde4095b&chksm=be587160892ff87605cf347eddad2ad7 ......
JavaScript实现文件上传demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
Javascript 加密解密方法
本文链接 Javascript 和 我之前发的 python加密 以及 go加密 解密不一样 不需要导那么多的库 只需要安装几个库 其中需要了解最多的 crypto-js 具体就不多介绍了直接上官网 https://www.npmjs.com/package/crypto-js 准备工作 安装 在终 ......
基于Admin.NET框架的前端的一些改进和代码生成处理（1）
Admin.NET 是一套基于Furion/.NET 6实现的通用管理平台，模块插件式开发，框架包含了常规的权限管理、字典等管理模块，以及一些Vue3的Demo案例，框架前后端分离。后端基于基于Furion/.NET 6实现，底层集成SqlSugar；前端则是采用Vue-Next-Admin的前端框... ......
idea为啥每次打开新工程都要重新设置一遍maven配置项，没招了吗？
背景：每次使用idea打开新的工程，都需要重新设置一遍maven的配置，次次都这样烦死了，就没有一个简便的方法吗？ 回答：答案是：必须有啊~ 解题步骤： 1.原来的设置方法：File -> Settings -> 搜索框搜索 maven -> 弹出后进行设置，如下图： 不知道可爱的你是否注意到图上右 ......
微前端框架single-spa子应用加载解析
本文主要通过对微前端框架single-spa的基座应用加载子应用的single-spa-vue函数库进行分析，通过代码维度分析让大家了解在single-spa加载子应用的时候都做了哪些事情。如何通过优化single-spa-vue函数库保持子应用的状态。 ......
JavaScript学习
从算法又做回了开发。 一、作用 1）对事件的反应 2）改变图像 3）验证输入 二、语法 1）基本的一些标记，例如数字，字符串，数组等 2）变量使用var 3）类型有很多，用typeof来看 4）使用新变量可以使用new来生命 5）函数使用function 关键字声明 6）所有数据变量都属于windo ......
V3.0（R2_2302） 前端上下文改造, 定位修改文件
-- iuap_yonbuilder_service库 -- 查询包含'AppContext'关键字的函数文件 SELECT e.description, e.source_flag, e.file_name, c.file_content, LOCATE( 'AppContext', c.file ......
第二篇 前端安全 - 【 跨站请求伪造 CSRF + 点击劫持 ClickJacking 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe 跨站请求伪造 - CSRF 1、跨站脚本伪造 - C ......
第三篇 前端安全 - 【 CDN劫持 + Iframe威胁 + 安全沙箱 - Sandbox 】
前端安全相关的知识体系 1、跨站脚本攻击 XSS 2、跨站请求伪造 CSRF 3、点击劫持 ClickJacking 4、HTTP 严格传输安全 HSTS 5、CDN 劫持 6、内容安全策略 CSP 7、安全沙箱 Sandbox 8、Iframe CDN 劫持 1、什么是 CDN ？ CDN Con ......
第八章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 二
基础 Monorepo 环境建设 包名选择与注册 1、给 组件库 命名 => 最终会发布到 npm.js 仓库 2、查看 组件库 的命名是否可注册方法 npm view package-name version 如： npm view caix version => 返回 code E404 【 未 ......
第七章 工程化 - 实例体验 - 基于 vue框架 开发一个完整的组件库 一
基于 vue 框架 开发一个完整的组件库来体验前端工程化的魅力 对一个组件库的开发来全面认识熟悉 前端工程化 的配置，系统的理解工程化中各个工具所起到的作用，并且将其最终可以应用到你的团队当中去，真正的实现工程化的价值，帮助你的团队提效，实现作为前端工程师的价值 基于 vue 框架 开发一个完整的组 ......
第六章 工程化 - 项目工程化实施中涉及的流程及知识体系
项目工程化实施中涉及的流程及知识体系分类 项目工程化实施中涉及的 7 个 大致流程及知识体系 1、技术选型 2、统一规范 3、测试 4、部署 5、监控 6、性能优化 7、重构 每一个 知识体系 说明 技术选型 三大框架中选一个 【 React Vue Angular 】 可以依据以下两个特点来选 1 ......
第五章 工程化 - 配置文件 - package.json
package.json 概述 1、在 nodejs 项目中，package.json 是管理其 依赖 的配置文件 2、通常我们在初始化一个 nodejs 项目的时候会会生成这几个以下这几个文件 npm init 【 初始化 nodeJs 项目 】 1、node_modules 2、package. ......
第四篇 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程三
devServer 【 webpack-dev-server 】 概述 1、什么是 devServer 【 webpack-dev-server 】 1、在开发过程中，想实时看到代码变更后我们的项目效果时，我们就会启动一个服务来监听代码文件变化，并将新的变更及时的展现在我们的浏览器上，极大的提高了我 ......
第三章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程二
bable 概述 1、babel 是什么 babel 是把 最新特性、浏览器无法兼容的代码，编译成浏览器可识别的代码（低版本浏览器对新特性的支持不友好），就比如 箭头函数，经过 babel 的转化后，就会变成 普通的函数 2、babel 的 3 种使用方式 1、使用单体文件 2、命令行 【 babe ......
第二章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程
webpack 安装 1、webpack 的安装有两种方式 1、全局安装 【 不推荐 】 2、局部安装 【 推荐 】 全局安装 1、安装 webpack v4+ 版本时，需要额外加安装 webpack-cli npm install webpack webpack-cli -g 2、检查版本 web ......
第一章 工程化 - 构建工具 - Webpack - 【 webpack 基本构建流程 】
webpack 概述 webpack 是什么 1、webpack 是一个现代 JavaScript 应用程序的静态模块打包器 （module bundle），当 webpack 处理应用程序时，它会递归的构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所 ......
微前端架构的业务价值：实现独立部署、快速迭代和按需加载
随着互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。其中，微前端架构作为前端开发的新兴架构模式，不仅可以提高开发效率、迭代速度和用户体验，还可以提高团队的协作效率和代码复用率，具有很高的业... ......
使用 RoboWare Studio 新建工程
新建工作区 将左上方的锤子旁边的框内容选择为 Release 点击菜单栏中的 ROS，点击 构建 打开终端添加 source：echo "source ~/catkin_ws/devel/setup.zsh " >> ~/.zshrc 键盘快捷键 Ctrl+~ 打开终端，输入 roscore 测试是 ......
[Javascript] Create 2d array by using Array.from
// Initialize a 2D array with zeros const str1 = "Hello" const str2 = "World" const dp = Array.from({ length: str1.length }, () => Array.from({ length ......
WebForm之企业微信开发聊天工具栏（5）——获取userid，外部联系人id前端
<!DOCTYPE html> <html lang="en"> <head> <title>工资条</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0 ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
前端 大文件上传解决方案(500M以上)
HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ......
衡量一款工程监测振弦采集仪是否好用的标准
衡量一款工程监测振弦采集仪是否好用的标准是什么呢？ 长期在工地上使用的仪器，由于不同工况，使用的环境各不同，以及要应对各种恶劣天气，一般都要立杆建机箱机柜来安装保护，选择一款合适的仪器就显得很重要。 这款多通道振弦模拟信号采集仪VTN，测量精准，性能稳定。在使用中发现有两点特别友好，一是传感器接口方 ......
磁链观测器 vesc中使用的方法。 已经移植到了自己的工程中，实现0速闭环启动
磁链观测器 vesc中使用的方法。 已经移植到了自己的工程中，实现0速闭环启动。 代码、文档、仿真是一一对应的，方便学习。YID:48100665274909523 ......
javascript 学习笔记3
和let一样，通过 const 定义的变量不会被提升到顶端。const 变量不能在声明之前使用。 回调函数曾经是 JavaScript 中实现异步函数的主要方式。 =>的使用： function doStep1(init, callback) { const result = init + 1; c ......
问题2：javascript里面怎么判断null？
JavaScript五种原始类型（boolean、number、string、null、undefined）中的一种。在鉴别JavaScript原始类型的时候我们会用到typeof操作符。Typeof操作符可用于字符串、数字、布尔和未定义类型。 一、javaScript 五种空值和假值 分别为 un ......