前端

微信开发随笔

使用接口测试号: ?t=sandbox/login&token=&lang=zh_CN 可以申请测试号进行开发。(网页授权回调页面域名在下方接口列表中配置,不容易找) 公众号开发配置流程: 开发-》基本配置 开通成为开发者,获取appid和appsecret 设置-》公众号设置-》功能设置

图片懒加载

懒加载,通常是延迟加载初始视口外的图像,直到我们滚动页面,达到图像与底部视口的交汇处才开始加载图像。 我们需要做的是判断图片是否出现在当前视口,然后控制图片的加载。 有几种实现方式: scroll 和位置计算 getBoundingClientRect API IntersectionObserver API loading 属性 第三方库(无非是上述方法的实现) scroll 和位置计算

零基础入门OpenLayers:打造你的第一个Web地图应用

1. 什么是OpenLayers?OpenLayers是一个强大的JavaScript库,可以让你在网页上展示各种交互式地图。就像"乐高积木"一样,你可以用它搭建出功能丰富的地图应用,而不必从零开始编写复杂的地图代码。为什么选择OpenLayers?完全免费开源,没有商业限制功能全面,

前端安全防护:XSS、CSRF、SQL 注入漏洞全解析

本文聚焦前端安全领域的三大核心漏洞 ——XSS、CSRF 和 SQL 注入,深入剖析它们的危害、形成原理、常见攻击方式及有效的防护措施。通过结合实际案例,清晰阐述各漏洞对网站数据安全、用户信息及系统稳定性的威胁,为开发者提供全面且实用的安全防护指南,助力提升前端应用的安全性,符合搜索引擎对优质安全技术内容的收录标准。​一、引言&

JavaScript_BOM

一、window对象 (一)常见方法 a. 打印方法 1) log() 以日志形式 window.console.log( ' 日志 ' ) // 以 日志 形式打印 2) error 以 错误 的形式 window.console.error( ' 错误 ' ) // 以 错误 形式打印 3) warn 以 警告 的形式 window.console.warn( ' 警告 ' )

React-CSS

1. React中的样式 React并没有像Vue那样提供特定的区域给我们编写CSS代码 所以你会发现在React代码中, CSS样式的写法千奇百怪 2. 内联样式 内联样式的优点: 内联样式, 样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点: 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式, 代码混乱 某些样式无法编写(比如伪类/伪元素) clas

Microi 吾码与 JavaScript:前端低代码平台的强大组合

目录一、引言二、Microi 吾码概述三、JavaScript 在 Microi 吾码前端开发中的应用(一)前端 V8 引擎与 JavaScript(二)接口引擎与 JavaScript四、JavaScript 在 Microi 吾码后端开发中的协同(一)与 C# 后端框架的交互(二)利

Unity粒子系统

主模块属性功能 Duration  系统运行的时间长度。 Looping  如果启用此属性,系统将在其持续时间结束时再次启动并继续重复该循环。 Prewarm  如果启用此属性,系统将初始化,就像已经完成一个完整周期一样(仅当 Looping 也启用时才有效)。 Start Delay  启用此属性后,系统开始发射前将延迟一段时间(以秒为单位)。 Start Lifetime  粒子的初始生命周期

认识HTML结构的基本标签

1. < !DOCTYPE > 定义:定义⽂档类型。告诉浏览器渲染⻚⾯的规则。 DOC: document ⽂档。 TYPE:类型 说明:任何⼀个⽹⻚都必须在⻚⾯第⼀⾏声明⽂档类型。 ⽤法: h3⽆⽂档类型 <html> </htm> H4的⽂档类型 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans