web前端

程序设计实验室

视频中台解决方案：组织树组件+多路视频直播界面开发最近准备搞新项目了这次应该不会咕咕咕了，我编写了完整的计划如果按计划来的话，应该可以在一个月内搞定 MVP 上线

Web前端之隐藏元素方式的区别、Vue循环标签的时候在同一标签上隐藏元素的解决办法、hidden、display、visibility逻辑层判断：如果isShow=false，就不渲染该DOM元素。 Vue编译优化：Vue在每次更新时会销毁/创建DOM节点。性能影响：对于频繁切换的列表，v-if性能较差（会频繁插入/删除DOM）。作用域问题：v-if的判断发生在v-for外层，Vue官方建议避免同标签同时使用v-if与v-for，会导致作用域错乱（应放在<template>上）。 ✅适合：只渲染一次或很少改变显示状态的内容（如首次加载/权限判断）

Web前端之Vue+Element实现表格动态不同列合并多行、localeCompare、forEach、table、push、sort、MapHtmlJavaScript

网站上的图片无法使用右键“图片另存为”某些网站想要下载图片，无法使用右键“图片另存为”，网站截获了鼠标右键的快捷键，没法弹出右键菜单。可以打开“开发者工具”，使用“Elements”面板找到这个元素，在元素上右键，选择“Open in new tab”

程序设计实验室

StarBlog博客Vue前端开发笔记：(4)使用FontAwesome图标库在现代前端开发中，图标已成为构建用户友好界面的重要元素。Font Awesome 是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，Font Awesome 都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。

程序设计实验室

StarBlog博客Vue前端开发笔记：(3)SASS与SCSS本项目需要使用 SCSS 来编写页面样式。Sass （Syntactically Awesome Stylesheets）是一个 css 预处理器，而 SCSS 是 Sass 的一种语法格式，它完全兼容 CSS，同时扩展了 CSS 的功能，使得样式编写更加高效、灵活和模块化。

程序设计实验室

StarBlog博客Vue前端开发笔记：(2)页面路由Vue.js 使用虚拟 DOM 处理单页面，然后使用 Webpack 打包。通过上一篇文章的例子，读者也许已经发现，无论语法和写法如何不同，Vue.js 程序打包后都是一个单一的 HTML 文件，同时会引入一个标准的 JavaScript 文件。

程序设计实验室

StarBlog博客Vue前端开发笔记：(1)准备篇之前在【基于.NetCore 开发博客项目 StarBlog - (32) 第一期完结】里说到 StarBlog 的 Vue 前端系列已经写好了

.NET快速开发框架

一文搞懂flex（弹性盒布局）Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。

程序设计实验室

返璞归真！使用 alpinejs 开发交互式 web 应用，抛弃 node_modules 和 webpack 吧！最近一直在使用 DjangoStarter 开发各种小项目，之前我是比较喜欢前后端分离的，后端用 Ninja API，前端 nextjs，开发起来也挺舒服的，交互体验也比较好。

Web前端之汉字排序、sort与localeCompare的介绍、编码顺序与字典顺序的区别不使用拼音库，利用JavaScript的localeCompare方法直接按汉字的字典序排序。localeCompare可以在比较字符串时指定语言及排序规则，它对中文字符排序时，会默认按拼音顺序排列。

一条晒干的咸魚

【Web前端】JavaScript 对象原型与继承机制JavaScript 是一种动态类型的编程语言，其核心特性之一就是对象和原型链。理解原型及其工作机制对于掌握 JavaScript 的继承和对象关系非常重要。

粥里有勺糖

浏览器中生成 OSS 令牌 | Web Crypto API笔者写文章的时候，都会把图片通过自己搭建的一个简单站点 https://imgbed.sugarat.top/ 把图片上传到各种云的对象存储服务（OSS）上。

使用 Wake Lock API：保持设备唤醒的最佳实践在现代 Web 应用中，尤其是涉及视频播放、实时通信、地图导航等长时间运行的任务时，用户常常希望设备不要因为空闲而自动进入睡眠模式或屏幕变暗。为了解决这一问题，Web API 提供了一个名为 Wake Lock 的接口，允许开发者请求设备保持唤醒状态。

物联网之ESP32与微信小程序实现指示灯、转向灯代码解析敬请期待…Html代码解析敬请期待…JavaScript代码解析敬请期待…

react-pdf预览在线PDF的使用建议安装8.0.2版本的react-pdf，如果安装更高版本的可能出现一些浏览器的兼容性问题；移动端加入放大、缩小、上一页、下一页的功能；

物联网之ESP32配网方式、蓝牙、WiFiESP32配网(Wi-Fi配置)的方式有多种，每种方式都有各自的优缺点。根据具体项目需求，可以选择适合的配网方式。

程序设计实验室

项目完成小结：使用DjangoStarter v3和Taro开发的微信小程序不知不觉已经九月了，又到了一年的开学季，我每年都想做的项目墙甚至连个影子都没有…😂最近生活中的琐事太多了，导致完全没有想写文章的动力，不过再怎么拖还是得记录，随便写写吧~

一条晒干的咸魚

”CSS 网格“二维布局系统（补充）——WEB开发系列32CSS 网格布局是一种二维布局系统，用于网页设计。通过使用网格，你可以将内容以行和列的形式进行排列。此外，网格布局还能够简便地实现一些复杂的布局结构。

一条晒干的咸魚

CSS 高级区块效果——WEB开发系列25CSS提供了多种工具和属性，使我们能够创建视觉上引人注目的效果。今天我们继续将深入了解几种高级CSS效果：盒子阴影、滤镜、混合模式和文本背景裁剪，提升网页设计的质感和深度。