前端header footer main
Python 中的__main__和__name__
用 C 族语言(C、C++、Java、C# 等)编写的程序。)需要main()功能来指示执行的起点。 另一方面，在 Python 中，没有main()函数的概念，因为它是一种基于解释器的语言，同样可以在交互 Shell中使用。 扩展名为.py的 Python 程序文件包含多个语句。Python 程序 ......
创新的前端框架： Hybrid技术的不断发展
Hybrid App混合应用开发原理Hybrid App，即混合应用是指同时使用前端技术与原生技术开发的 App。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。从前端开发者 ......
前端进化笔记-JavaScript（四）
生活想要将我活埋，怎料我是一颗种子 #基本引用类型 > 对象是引用类型的实例：new后面跟一个构造函数就创建了一个新对象，例如`let now = new Date(); `，这样就创建了一个Date对象. ### Date类型 ####方法 - Date.parse（ ）：根据传入的参数返回毫秒数 ......
关于前端开发中 img 元素的 srcset 属性
`img` 标签的 `srcset` 属性是一种用于响应式网页设计的属性，它允许开发者为图像提供不同大小和分辨率的版本，以便根据设备的屏幕大小和像素密度自动选择最合适的图像进行显示。通过使用 `srcset` 属性，可以在不同设备上提供最佳的视觉体验，避免了不必要的图像变形和加载大尺寸图像的性能问题 ......
什么是前端开发领域中的屏幕像素密度 Pixel Density
当谈论到前端开发中的像素密度（Pixel Density），实际上是在讨论设备屏幕的像素密度，也称为像素密度或PPI（Pixels Per Inch）。像素密度是指屏幕上每英寸（2.54厘米）所包含的像素数量。它是一个重要的概念，因为不同的设备在相同尺寸的屏幕上可能拥有不同的像素密度，从而影响显示效 ......
Luckysheet：一个纯前端的excel在线表格
最近因为项目要求，需要在页面上添加一个在线编辑excel的功能，因此只能在网上找有没有直接用的插件，最后很幸运的是幸好找到了一个 luckysheet. 这个是从luckysheet官网上找的图片，先看下能用插件做那些效果。 这个是中文官网地址:https://mengshukeji.gitee.i ......
【校招VIP】前端JS语言考点之px rem等单位
考点介绍： rem vm等问题是前端面试里的高频题型。但是不少同学并不能很清楚的说明为什么在有px单位之后，还需要rem单位？往往会往不对的自适应方向回答。作为基础性问题，只要回答不出来，面试就通过不了，需要真正理解，而不是死记硬背。 一、考点题目 1.请你说说em与rem的区别？ 解答：rem是C ......
前端周刊第66期：TypeScript教程、ESM、React泡沫、htmx、测试文章
周刊同步发表于微信公众号“写代码的宝哥”，欢迎各位小伙伴前来关注 😄！ ## 快讯  - 软一峰老师最近发布了[《 ......
python中的__main__.py文件
在 Python 中，`__main__.py` 文件在几个方面发挥作用： 1. **使目录可执行**：当你有一个目录（或称为包）并希望能够像执行脚本那样运行它时，`__main__.py` 文件会被调用。例如，如果你有一个名为 `mypackage` 的目录，它包含一个 `__main__.py` ......
WebStorm 2023(Web前端开发工具) v2023.2中文mac版
WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具，旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构，其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
记录一次前端表格选型过程
> 摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 ## 客户需求： 最近，接到一个客户项目，前期沟通时，客户说，我们日常基本都是使用Excel ......
数据安全之数据库字段加解密检索和前端返回脱敏？看看我这个最强解决方案
# 数据安全之数据库字段加解密检索和前端返回脱敏？看看我这个最强解决方案 ## 前言 数据安全一直是我们老生常谈的话题了,随着国产化的日渐推进和数字化信息改革,数据安全越来越被人们所重视。数据库作为存储、管理和检索数据的核心基础设施，其中可能包含着大量的敏感信息，如个人手机号、身份证号码、银行账户、 ......
前端实现图片文字识别并提取
需求： 其实这个需求还是挺常见的，经常会看到一些app或网页拍一张图片或者上传一张图片则需要提取图片中的数字或文字，这里我采用了 tesseract.js 实现。这个前端插件的好处是字母和数字的识别率挺高，但对中文的识别略差，根据需求可进行取舍。 物料： 一张带有数字的图片。 效果： 代码： ind ......
关闭ESlint/路径起别名/配置前端代理/引入模块报错
## 怎么关闭ESlint语法检查(不建议) > 1. vue-cli创建的项目, 在`vue.config.js`文件里面 > > ```js > // vue.config.js > const { defineConfig } = require('@vue/cli-service'); > ......
前端断点续传
前端文件如果需要实现断点续传；那么就涉及这么几个东西； 1、文件的唯一标识：文件的md5值 2、文件的读取和切片的方法：FileReader对象； 这个支持率不是很高 有了这两个东西，断点续传就好做了； 前端拿到一个文件后；先用FileReader读取这个文件流，然后获取md5值并切片，切片上传；每 ......
第一次尝试——2048前端开发（HTML+CSS+JS）
实现4*4 2048的三种工具利用： HTML：实现页面的基本框架。 CSS：实现页面的样式。 JS：实现2048的功能。 利用JS实现功能的思路： 初始化每个格子，随机生成2个数 生成随机数 实现键盘监听事件 实现上下左右移动 记录游戏得分 判断是否有空余格子 判断是否还能移动格子 实现重新游戏 ......
前端学习的顺序
103 人赞同了该回答 先学重难点，也就是 JS 的三座大山：this、原型、异步。 然后学习好标准库：Array（push、shift）Function（call、bind）Date、RegExp 等 接着就是浏览器提供的 DOM 和 BOM（现在叫做 Web APIs） 然后就是开始学习封装技巧 ......
基于 Webpack4 和 Vue 的可热插拔式微前端架构
如果项目对你有所帮助，可以给个star Github地址 什么是 Puzzle Puzzle 是基于 Vue 和 Webpack4 实现的一种项目结构；业务模块可以像拼图一样与架构模块组合，形成不同的系统，而这一切都是可以在生产环境热插拔的；这意味着你可以随时向你的系统添加新的功能模块，甚至改版整个 ......
MVVM 前端视图层 开发理念
MVVM前端视图层开发理念MVVM是前端分层开发理念，总共分为3层，包括M层、V层和VM层，其中VM层是核心，也是M层和V层的调度者。 M层是每个页面中存储的数据，也称作数据层Model； V层是每个页面中的HTML代码，也叫作视图层View，一般是把M层中的数据渲染到V层。 M层中的数据并不能直接 ......
跳过前端网页无限debugger
跳过网站循环debugger + 在debugger处打断点后点击浏览器禁用断点后刷新页面 + 在debugger前行号处右键，选择一律不在此处暂停 + 添加Add conditional breakpoint 填写false + 替换文件 [参考文章](https://cloud.tencent. ......
不务正业的前端写了一个自动化测试工具
各位朋友大家好，大家应该都是被这么奇葩的标题吸引点击进来的吧，既然来了，那就跟我一起读下去吧，保证你这几分钟没有浪费（即使浪费了也能给你不一样的想法），废话不多说，大家坐稳，系好安全带，开始发车喽！！！🚗🚗🚗 ## 灵感来源 首先我先简单的做下自我介绍，我其实是一名比较菜的前端开发，或者不安于 ......
前端 大文件分片上传处理
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify ......
nuxt.js解决seo前端渲染
vue项目前端做seo的两种方式、 1、预渲染模式 场景：并不是所有页面都需要做seo 优点：速度相对较快，压力在前端 缺点：不能预渲染动态路由，如果预渲染非常多的页面，操作繁琐 插件：prerender-spa-plugin 2、ssr服务端渲染模式 场景：所有页面都需要做seo 优点：安全 缺点 ......
前端开发_6-Flutter-组件学习1
[TOC](组件学习) # 前言 # 一、Text ```c Text Text( String data, //文本 {Key? key, TextStyle? style,//文本样式 StrutStyle? strutStyle, TextAlign? textAlign,//文本对齐方式 T ......
前端开发_6-Flutter-组件学习2
[TOC](文章目录) # 前言 # 一、10 Flutter 页面布局 Paddiing Row Column Expanded ## 一、Column ```c (new) Column Column({ Key? key, MainAxisAlignment mainAxisAlignment ......
前端开发_6-Flutter-Dart学习1
# 系列文章目录 @[TOC](Dart学习) # 前言 # 一、Dart是什么？ ## Dart介绍： Dart是由谷歌开发的计算机编程语言,它可以被用于web、服务器、移动应用 和物联网等领域的开发。 Dart诞生于2011年，号称要取代JavaScript。但是过去的几年中一直不温不火。直到F ......
前端开发_6-Flutter-Dart学习2
# 系列文章目录 @[TOC](Dart学习) # 前言 继续继续 # 一、方法 ## 普通方法 ```c 返回类型 方法名称（参数1，参数2,...）{ 方法体 return 返回值; } void printInfo(){ print('我是一个自定义方法'); } int getNum(){ ......
前端开发_6-Flutter学习总结
[TOC](组件学习) # 前言 # 一、Text ```c Text Text( String data, //文本 {Key? key, TextStyle? style,//文本样式 StrutStyle? strutStyle, TextAlign? textAlign,//文本对齐方式 T ......
实践指南-前端性能提升 270%
当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。 ......
聚焦Web前端安全：最新揭秘漏洞防御方法
在 Web 安全中，服务端一直扮演着十分重要的角色。然而前端的问题也不容小觑，它也会导致信息泄露等诸如此类的问题。在这篇文章中，我们将向读者介绍如何防范Web前端中的各种漏洞。 ......