逆水行舟，不进则退

在处理WebGL场景中，当加载的纹理超过WebGL的最大纹理限制时，会导致纹理缺失或无法显示。为了解决这一问题，本文提出了一种自动压缩图片的算法。该算法首先获取WebGL支持的最大纹理大小，然后根据设定的压缩比率循环压缩图片像素，直到图片尺寸小于最大纹理限制。压缩后的图片以Canvas对象返回，方便第三方库继续处理。此外，算法还支持将Canvas转换为Image对象，并提供了错误处理和性能优化措施，如使用OffscreenCanvas和Worker线程来提升处理效率。此方法，可以有效避免因纹理过大导致无法显

上面的代码定义了一个名为 Block 的类，并为其添加了五个属性，分别是 index，timestamp，data，previousHash 和 hash。其中，index 表示区块在区块链中的位置，timestamp 表示区块生成的时间戳，data 表示区块中存储的数据，previousHash 表示前一个区块的哈希值，hash 表示当前区块的哈希值。上面的代码中，我们首先获取最新的区块，然后将其哈希值赋值给新的区块对象的 previousHash 属性。最后，将新的区块对象添加到 chain 数组中。

js面试题，版本号排序问题。

旧项目太庞大，每次开发都很费时间，保存预览一次需要3-4s的时间。已经升级用 webpack4的情况下，项目最早是 webpack3，编译一次，7-10s的时间，大大影响效率。想着再用vite升级一下开发效率。

基于webpack5，支持es6、Promise、async/await、scss、less，支持云开发，实现工程化打包小程序项目的脚手架，可直接应用到生产环境。

但是随着时间的推移，这种优化产生的效果越来越弱化，手上的项目体积越来越大，对本地开发热更新速度和生产打包发布速度都有了很大的影响。webpack3升级到webpack4迫在眉睫，这篇博文将记录一些我在升级过程中遇到的坑。......

优化图片加载体验，可以把图片改为渐进式图片。加载效果是先模糊，再清晰。如果把图片转成渐进式图片呢？PS 编辑修改代码转换import osfrom PIL import Image # pip3 install pillowdef handleImage(origin_file_path, progressive_file_path): """ 处理图片为 渐进图。等价于在PS中“存储为web所用格式”，打开后选择“连续”就是渐进式JPEG。 """ .

Yarn 和 pnpm(或npm) 调用命令时接收参数的方式不同，例如，在如下 package.json 配置中：{ "scripts": { "command": "modern command" }}当需要执行 modern command --option ：使用 Yarn 时，需要执行 yarn command --option。使用 pnpm 时，需要执行 pnpm run command -- --option。这是因为 pnpm 对于命令参数的处理与 Yarn 并不相同

自用vscode+prettier+vetur格式化配置本人这里的配置是根据已有项目的代码风格配置的，特点是：template模板属性不换行，js代码格式化符合 eslint 格式化要求{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 "editor.formatOnSave.

js时间格式化处理if(!String.prototype.repeat) { String.prototype.repeat = function(count, seperator) { var seperator = seperator || ''; var a = new Array(count); for (var i = 0; i < count; i++){ a[i] = this; }

作者：Jake Zhanghttps://juejin.im/post/6844904200917221389前言我只想面个CV工程师，面试官偏偏让我挑战造火箭工程师，加上今年这个情况更是前后两难，但再难苟且的生活还要继续，饭碗还是要继续找的。在最近的面试中我一直在总结，每次面试回来也都会复盘，下面是我这几天遇到的面试知识点。但今天主题是标题所写的66条JavaScript知识点，由浅入深，整理了一周，每（zhěng）天（lǐ）整（bù）理（ yì）10条（ qiú）左（diǎn）右（..

1. css 一行文本超出…overflow: hidden;text-overflow:ellipsis;white-space: nowrap;2.多行文本超出显示…display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;3.IOS 手机容器滚动条滑动不流畅overflow: auto;-webkit-overflow-scrolling: touch;

Flutter 入门开发1.安装Flutter搭建开发环境2.学习一个商城项目安装Flutter根据官网安装开发环境安装过程会下载一些包，这些包的仓库服务器在国外，要找国内源替换，推荐清华源在清华源官网，找到flutter替换源说明，根据提示，设置环境变量替换国外仓库的源安装完flutter sdk，把 bin 目录设置到环境变量 path 中打开 cmd 运行 flutter doctor 检查 flutter 安装情况安装 Java JDK安装 Android Stu

prettier 代码格式化工具详情参考官网：https://prettier.io/实践在一个老旧项目配置 prettier 格式化旧项目的代码，达到维护风格统一的目的1.安装yarn add -D prettier建议在当前项目安装，但也可以全局安装 npm install -g prettier2.配置在项目根目录新建 .prettierc 文件，编辑规则参考官网，例子如下：{ "parser": "babel", "trailingComma": "es5",

缘由，业务需求需要学习App开发，搭完Cordova基础环境准备跑 Hello World，结果安卓虚拟机死活连不上，查看设备信息 adb device 提示 unauthorize尝试过网上的其他方法都不可以，最后找到一个测试可用方案删除虚拟机数据，Wipe Data启动虚拟机，重新跑项目 cordova run android连接成功如果该方法解决不了，参考：https://blog.youkuaiyun.com/u013474104/article/details/78168001...

使用 NPM Script 来管理开发命令npm start -> npm run start在 package.json 中使用 cross-env 来区分环境webpack 区分多环境配置通用配置 webpack.config.base.js;开发环境配置 webpack.config.dev.js;生产环境配置 webpack.config.prod.js;通用配...

http-server 超轻量级web服务器 目前大多数开发都是前后端分离，后台写好api，前台通过api拿到数据然后渲染，但是由于浏览器的同源策略，不允许跨域访问数据，前台测试会比较麻烦，无法拿到数据，正式的部署不会有这个问题。前端分离开发经常会遇到这样的场景：前端妹纸：怎么数据又获取不到了，后台设置一下跨域有的时候做前端，想要运行一些代码，但是又没有必要使用tomcat或...

我的editorconfig配置# http://editorconfig.orgroot = true# 对所有文件生效[*]# utf-8编码charset = utf-8# 空格形式缩进4空格indent_style = spaceindent_size = 4# tab缩进宽度2个空格tab_width = 2# 使用单引号quote_type = singl...

js上传图片预览前端页面&lt;!--单图上传 start--&gt;&lt;input type="file" accept="image/*" onchange="uploadImg(event,this)"&gt;&lt;!--单图上传 end--&gt;&lt;!--多图上传 start--&gt;&lt;input type="file&quo

11-移动端开发教程-zepto.js入门教程Zepto.js是一个轻量级的针对现代浏览器的JavaScript库， 它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。&gt;  转者有话说：这里有坑，不要以为会jQuery就可以了，还是要看一下常用的api。比如zepto中$.ajax 指定请求方法是用type，如果后端只接受post请求，你就好好查查为什么吧，...