全局 布局 浏览器 页面
一篇文章带你掌握Flex布局的所有用法
Flex 布局目前已经非常流行了,现在几乎已经兼容所有浏览器了。在文章开始之前我们需要思考一个问题:我们为什么要使用 Flex 布局? 其实答案很简单,那就是 Flex 布局好用。一个新事物的出现往往是因为旧事物不那么好用了,比如,如果想让你用传统的 css 布局来实现一个块元素垂直水平居中你会怎么 ......
Web 页面如何实现动画效果
Web 页面可以使用多种方式实现动画效果，其中最常用的有两种： CSS 动画：通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单，性能消耗小，支持广泛。 JavaScript 动画：通过 JavaScript 代码来实现动画效果。JavaS ......
面试必问：说一下 Java 虚拟机的内存布局？
我们通常所说的 Java 虚拟机（JVM）的内存布局，一般是指 Java 虚拟机的运行时数据区（Runtime Data Area），也就是当字节码被类加载器加载之后的执行区域划分。当然它通常是 JVM 模块的第一个面试问题，所以，接下来我们一起来看它里面包含了哪些内容。 官方定义 《Java虚拟机 ......
不用Blazor WebAssembly，开发在浏览器端编译和运行C#代码的网站
本文中，我将会为大家分享一个如何用.NET技术开发“在浏览器端编译和运行C#代码的工具”，核心的技术就是用C#编写不依赖于Blazor框架的WebAssembly以及Roslyn技术。 一、 为什么要开发这样的工具？ 对于编程初学者来讲，开发环境的安装配置是一个令人头疼的事情，如果能让初学者不用做任 ......
react 高效高质量搭建后台系统 系列 —— 系统布局
其他章节请看： react 高效高质量搭建后台系统 系列 系统布局 前面我们用脚手架搭建了项目，并实现了登录模块，登录模块所依赖的请求数据和antd（ui框架和样式）也已完成。 本篇将完成系统布局。比如导航区、头部区域、主体区域、页脚。 最终效果如下： spug 中系统布局的分析 spug 登录成功 ......
浅谈浏览器端 WebGIS 开发可能会用到的、提升效率的 js 库
前置说明 这篇介绍的在 Awesome GIS 基本上都有，经过我的筛选，在 npmjs.com 上也都能找到，方便融入日益强大的 npm 生态。不过这些库大部分都保留了全局库的形式，在非框架中也能使用。有一部分是浏览器 + NodeJS 双端可用的。 1. 与数据格式转换解析相关 1.1. 解析和 ......
实现一个简单的在浏览器运行Dotnet编辑器
之前已经实现过Blazor在线编译了，现在我们 实现一个简单的在浏览器运行的编辑器，并且让他可以编译我们的C#代码， 技术栈： Roslyn 用于编译c#代码 [monaco](microsoft/monaco-editor: A browser based code editor (github. ......
JavaFx 页面和控件设置快捷键
原文：JavaFx 页面和控件设置快捷键 - Stars-One的杂货小窝 之前说过一篇window系统全局快捷键的设置，本期主要是讲解JavaFx应用程序的快捷键设置，还是有所区别的 这里主要是Tornadofx为例进行讲解，以Kotlin语言为例，由于比较简单，就不贴截图了，下面例子都是自己测试 ......
【译】我们对 2023 年核心页面指标的建议
原文地址：https://web.dev/top-cwv-2023，在正文开始前，推荐一款前端监控脚本：shin-monitor，它能监控前端的错误、通信、打印等行为，以及计算各类性能参数，包括 FMP、LCP、FP 等。 我们 Google 希望我们的性能建议侧重于： 对现实世界产生最大影响的建议 ......
Bootstrap Blazor Viewer 图片浏览器 组件更新
支持流转图片(ImageFromStream), 用于本地项目例如 MAUI Blazor,Blazor hybrid 示例: https://blazor.app1.es/viewer 使用方法: 1.nuget包 BootstrapBlazor.Viewer 2._Imports.razor 文 ......
JavaScript 中如何拦截全局 Fetch API 的请求和响应？
本文翻译自 Intercepting JavaScript Fetch API requests and responses 拦截器是可用于预处理或后处理 HTTP 请求的代码块，有助于全局错误处理、身份验证、日志记录等。在本文中，你将学习如何拦截 JavaScript Fetch API 请求。 ......
Node.js躬行记（26）——接口拦截和页面回放实验
最近在研究 Web自动化测试，之前做了些实践，但效果并不理想。 对于 QA 来说，公司的网页交互并不多，用手点点也能满足。对于前端来说，如果要做成自动化，就得维护一堆的脚本。 当然，这些脚本也可以 QA 来维护，但前提是得让他们觉得做这件事的 ROI 很高，依目前的情况看，好像不高。 所以在想，做一 ......
Safari浏览器对SVG中的<foreignObject>标签支持不友好，渲染容易错位
在 svg 中需要写一个 markdown 编辑器，需要用到 <foreignObject> 绘制来html，编辑器选择了 simplemde。大致html部分结构如下，<markdown-editor> 组件为定制封装好的 simplemde 编辑器。 <template> <svg> <g> < ......
一文学会浏览器插件（加入光荣的进化吧）（一文晋级璀璨钻石）（本文不含知识诅咒）
都2023年了，你还不会开发浏览器插件？ 注意：此教程针对chrome和chromium内核的浏览器制定的，且仅适用于前端开发者 在chrome地址栏输入chrome://extensions/，就进入了谷歌浏览器扩展程序控制面板，在这里可以装载一些插件，来扩展浏览器的功能，或者做一些自动化处理，由 ......
Vue中关于数组与对象修改触发页面更新的机制与原理简析
Vue中关于数组与对象修改触发页面更新的机制与原理简析 相关问题 数组 使用索引直接赋值与直接修改数组length时，不会触发页面更新。 例如： <script> export default { name: "HomeView", data: () => ({ list1: ["A", "B"], ......
使用浏览器inspect调试app
使用浏览器inspect调试app 在开发混合项目的过程中，常常需要在app环境排查问题，接口可以使用fiddler等工具来抓包，但是js错误就不好抓包了，这里介绍一种调试工具-浏览器。 1.调试过程 先看实现步骤 首先电脑打开edge浏览器，地址栏中输入edge://inspect/#device ......
不用USB，通过adb无线调试安卓手机页面
以前真机调试手机页面，都是使用数据线连接手机和电脑，近日身边没有USB数据线，折腾了下如何不依赖数据线只用无线调试手机页面，教程如下。 本教程适用于安卓11以及以上版本。否则应该使用USB数据线连接。 一、安装adb工具 下载地址：https://developer.android.com/stud ......
有哪常用些浏览器/内核？
按照浏览器内核来看，Chromium内核的市场占有率无疑是最大的，一家独大。对于淘汰已久的IE浏览器，似乎不甘归于尘土，死不瞑目，依然为祸人间。相比全球占比率不足0.5%，IE在中国的占用率要高多了，达2%，看似好像不高。实际情况是还有不少不直接接入互联网的内网系统（如国企），并没有统计到。 ......
深入理解 Python 的对象拷贝和内存布局
在本篇文章当中主要给大家介绍了 python 当中对象的拷贝和内存布局，以及对对象内存地址的验证，最后稍微介绍了一下 cpython 内部实现列表的结构体，帮助大家深入理解列表对象的内存布局。 ......
浏览器打印方案
前言 在web端打印是比较常见的需求，实际工作中也接触了不少，在这里对工作中用到的做一下总结 1.通过媒体查询隐藏元素 通过style标签内联引入，或者使用媒体查询media="print"外链样式表。然后将无关元素隐藏，只将需要打印的内容展示出来；这时候需要专门写一套打印样式，页面修改，打印样式可 ......
VBA驱动SAP GUI自动化：查找页面元素FindAllByName
我们在VBA中嵌入SAP原生的【脚本录制与回放】功能生成的VBS脚本，可以实现很多自动化操作。但只有我们对SAP做了一系列动作，才会得到这些动作的脚本。然而，一旦我们需要用代码提前做一些判断，然后再决定后续的动作时，这个判断的代码就无法通过【脚本录制与回放】功能录制得到。这个时候，我们需要学会看SA ......
浏览器DevTools使用技巧
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：正则 作为一名前端开发人员，平时开发中使用最多的就是 Chrome devtools，但可能很多同学像我一样平时用的最多也就 Console、Elements ......
uni 结合vuex 编写动态全局配置变量 this.baseurl
在日常开发过程，相信大家有遇到过各种需求，而我，在这段事件便遇到了一个，需要通过用户界面配置动态接口，同时，因为是app小程序开发，所以接口中涉及到了http以及websocket两个类型的接口。 同时，因为公司所设计到的大多数都是这类型的框架，因此，想要将其多个项目整合为一个app，页面等布局全部 ......
JavaScript入门⑥-WEB浏览器API
JavaScript入门系列目录 JavaScript入门①-基础知识筑基 JavaScript入门②-函数(1)基础{浅出} JavaScript入门③-函数(2)原理{深入}执行上下文 JavaScript入门④-万物皆对象:Object JavaScript入门⑤-欲罢不能的对象、原型与继承 ......