applebomb的专栏

由于plus-websocket实测存在消息丢失的问题，只能寻找替代的方案，看文章说使用原生的即可很好的工作。实测在IOS和Android下能很好工作，不会丢失消息了，能自动重连。另外心跳也能正常工作了不用另建立一个线程处理。

今天遇到一个typescript动态计算表达式的问题，于是问了下GPT，得到math-expression-evaluator。看了下下载量也比mathjs高，于是想试试。写个简单的x+y，居然不断报错。整了半天没弄明白，连google也找不到对应的参数化方法，很是蛋疼。这样我们可以动态的内置一些表达式在计算语法里，缩短计算语法的长度。最后只能看到官方的例子test。输出：maxof5(7, 12, 23, 33, 2)= 33。OMG，复杂得有点反人类好吧。输出：x + y = 8。

看了下市场的代码，要么写的不怎么好，要么过于复杂。于是把市场的代码下下来了自己改。200行代码撸了个弹出层组件。兼容H5和APP

一句话经验：uniapp直接ADB查看调试日志:adb shell "logcat" | findstr /C:"console : \[LOG\]"

今天测试发布的H5视频播放器页面时，突然有报告说播放后无法返回了。还原测试的步骤发现，出现问题的机型是QQ浏览器和小米浏览器。于是开始搜对应的解决方案。

在i18n多语言模块使用过程中，发现下面几个问题，需要解决1）uni-best框架下，$t功能函数无法实时的切换语言，可能跟使用有关2）uni-best建议的translate方式在vue块外使用太繁琐，希望不用导入，直接书写$t使用。统一逻辑，减少复杂度解决这些问题的技术方案

文章内容太少，被搜索引擎所不齿。简单有用的知识不用繁文缛节。

options传值简单的场景好用。对于传递复杂对象options就有点力不从心了，毕竟URL模式GET传递参数的长度有限。此时需要采用eventChannel模式，而默认的模式使用复杂，需要进行再优化虽然eventChannel也实现了上下级页面（对于页面栈式应用，我称之为上下级比较合适）传递参数，但是灵活度高也就意味着使用复杂。之前写过ElementUI的窗体模式封装，参考同样的理念。我需要实现一种更贴近开发逻辑的调用效果

最近公共组件写到导航条，本来打算拿已有的改。看了下uniapp市场上已有的组件，一是不支持vue3+typescript，二是包装过重。索性自己手撸了一个导航条，不到100行代码全部搞定，因为自己的需求很简单

animation是个好东西，实现了一些常用的方法。最近集成到uni-app中，发现网上的通常都是使用绑定变量的方式来实现。少了通过指定ref触发的模式，总感觉有那么别扭。撸了一上午代码，把这个功能实现了出来。

阿里提供的demo代码都是javascript，自己捏个轮子。参考着自己写了一个阿里巴巴一句话听写Nls的typescript模块。VUE3的组合式API形式

最近写个uni-app前端，由于要兼容小程序环境，标准几个npm里的库都不能用了。看了下网上的uuid js库，再加上short-uuid的源码。一并输入GPT敲打了几个来回后，得到这样的代码

目前在设计一个uni-best的前端全局的异常提示信息，如果采用Toast方式，对微信支持的不友好。微信的7中文长度连个NPE信息都无法完整显示，更不用提Stacktrace的复杂报错了。如果使用对话框，必须在页面先预先定义，对开发起来也非常不友好，必须复制粘贴一堆相同的代码。因此希望采用一种开发和使用便捷的方式实现错误及信息提示。

Compressor.js 是一个用于在客户端（即在浏览器中）对图片进行压缩的 JavaScript 库，将其整合在element-ui的upload组件，令组件可以自动压缩数据后上传，加快网络效率

GET https://registry.npm.taobao.org/xxxx error (CERT_HAS_EXPIRED)解决

基于约定大于配置的思想，我们采用路径文件扫描的方式实现VUE路由自动配置。做过后端的同学就很清楚，java体系里非常著名的spring框架就采用了大量自动配置方式，在配置过程中扫描具备对应注释的文件来自动配置。而在前端体系的webpack和vite都具备有相应的模式，虽然不像后端体系那样完善，但是也可以实现类似的效果。在对应文件中直接配置路由节点，更加接近对象思维，减少配置出错。.........

LRZ图片压缩模块的TypeScript定义文件

最近将部分Javascript迁移到Typescript，正遇到一些模块要生成定义文件。于是使用比较推荐的dts-gen，生成的过程遇到不少错误，例如：ReferenceError: navigator is not definedReferenceError: window is not definedReferenceError: document is not definedReferenceError: FormData is not defined难道还是得手写？我只是要生成个导出定

引言后端可以靠各种框架和技术整合好CRUD的逻辑，甚至让业务开发仅集中在数据库设计上。相比而言，作为一个前端技术，除了靠奋不顾身的加班以外，还是有不少的方法可以让你活得更轻松一点，这需要跳出前端的圈子，向后端的思维来学习。并且，没有哪个技术能够让你速度一下飞跃，只能通过不断的改进一点一滴的积累出来。向spring学习Spring有个神奇的功能，叫package scan，它可以让你在建立服务代码的同时，自动配置好对应的容器设置前面我写过一篇【使用webpack的动态模块功能实现类似包扫描

今天正好在封装element-ui的表格组件，对比了下layui的样式，发现element的padding过大和line-height过小。作用的样式对应如下：.el-table td, .el-table th{padding:12px 0}.el-table .cell{line-height: 23px}按照以往的做法，是在vue里新建一个style，不设置scoped。并在table上指定一个新的class，例如mytable<el-table class="mycl.

在JavaScript可以使用try...catch来进行异常处理。例如：try    ...{    foo.bar();}   catch  (e)   ...{    alert(e.name  +   " :  "   +  e.message);} 目前我们可能得到的系统异常主要包含以下6种: EvalError: raised when an error occurs 

在编程中，使用DWR进行AJAX交互。后台采用的是判断request的local来选择国际话资源，结果老是不正确，一查才发现Local竟然是zh_C。于是追溯到Servlet的doPost，还是zh_C。继续追溯，发现是HTTPXML做POST动作时，发送的language不对。但是jquery却能正常，比较了一下，发现DWR采用的是new ActiveXObject的方式产生的XMLHTTPRe