前端 碎片javascript化学
Web前端入门html
1、初识HTML 1. HTML是什么 2. 列表、表格与媒体元素 3. 表单 1.1、什么是HTML？ Hyper Text Markup Language（超文本标记语言） 超文本包括：文字，图片，音频，视频，动画，超链接等 1.2、发展史 1.3、HTML5的优势 · 世界知名浏览器厂商对HT ......
前端性能优化的方法
前端性能优化主要有七种方法，包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的，就是将很多小图标放在一张图片上就称之为雪碧图，可以减少网 ......
JavaScript点击元素后获取该元素的id
<body> <div id="box"> <div id="text"> </div> <input class="butt" id="button1" onclick="test1(this)" type="button" value="按钮1" /> <input class="butt" i ......
前端学习_基础认知
网页组成： 文字、图片、音频、视频、超链接 代码转换为网页的软件：浏览器 渲染引擎 渲染引擎：浏览器中专门对代码进行解析渲染的部分。（是浏览器的内核） 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
前端计算机网络
http常见状态码： 200 OK：非常常见，资源请求成功。 201 Created：资源创建成功 多见post请求 不常见。 301 永久重定向 ： http->https 如B站 掘金 换域名 。 302 临时重定向 ：请求后返回Location头部指示了新的URL，客户端会根据Location ......
JavaScript Promises, async/await
JavaScript Promises, async/await 这篇博客不是讲如何使用 Promise，是一个学习总结。是我自己对 Promise 的理解。 new Promise() 的时候，传一个 executor 给 Promise. let promise = new Promise(fu ......
javascript中出现undefined的四种情况
javascript中出现undefined的四种情况 https://www.jianshu.com/p/b0700cce78c8 一，函数没有返回值，或者返回值为空，出现undefined例：1)function show(){//没有返回值}var a=show();console.log(a ......
前端打包部署
打包部署 拉代码 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的前端框... ......
微前端框架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 ......
微前端架构的业务价值：实现独立部署、快速迭代和按需加载
随着互联网应用的不断发展和迭代，传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求，微服务和微前端架构成为了近年来的热门话题。其中，微前端架构作为前端开发的新兴架构模式，不仅可以提高开发效率、迭代速度和用户体验，还可以提高团队的协作效率和代码复用率，具有很高的业... ......
[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 ......
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 ......
聊聊前端性能指标那些事儿
作为 C 端前端研发，除了攻克业务难点以外，也要有更深层的自我目标，那就是性能优化。这事儿说大不大，说小也不小，但难度绝对不一般，所涉及的范围优化点深入工程每个细胞。做好前端性能优化绝非简单之事！文章主要内容介绍前端性能考核指标及优化方案。 ......
【JavaScript】 e.deltaY e.wheelDeltaY 在mac上缩放只能放大或者放小问题
mac 的 e.deltaY 值和win是不相同的，因此不能用具体数值（win滚轮向上是e.deltaY是-100，e.wheelDeltaY是120）判断 // mac 和 win 上的值不一样 只能判断是否大于小于0 console.log('e.deltaY', e.deltaY); cons ......
JavaScript基础
1. 引入js https://www.w3cschool.cn/javascript/ 用script标签，在其中写js代码 <script src="JS/style.js"></script> Number js不区分小数和整数 NaN表示不是一个Number类型的数据 Infinity表示无 ......
前端设计模式——解释器模式
解释器模式（Interpreter Pattern）：是一种行为型设计模式，它可以用来解决一些特定问题，例如编译器、计算器等等。这种模式定义了一个语言的语法，并用一个解释器来解释语言中的表达式。 解释器模式可以用来处理例如数据格式化、表单验证等业务场景。在这些场景中，我们需要定义一些语法规则，然后使 ......
第二篇 javascript 标示符、变量、语句、操作符
by caix in 深圳 1、标识符及变量 标识符 1、所谓标识符，就是变量、函数、属性的名字，或者函数的参数。 标识符申明规则: 1、第一个字符必须是一个字母、下划线 _ 、或者一个美元符号 $; 2、其他字符可以是字符串、下划线美元符或者数字； 3、区分大小写 变量 变量是存储数据的容器 Ja ......