ymzhao

使用 vue 实现一个简单的 2048 游戏

本文全文摘录自调查问卷 / State of JavaScript 2024，填写时发现很多新特性、框架等没有使用乃至听说过，特摘录下来以供个人学习查阅

本文全文摘录自"调查问卷 / State of HTML 2024"，填写时发现太多 HTML 新 API 没有使用乃至听说过，特摘录下来以供个人学习参考。感兴趣的可以前往填写问卷，摸摸底。

1. 基本方法// 创建地图var map = new BMap.Map("id");// 定义坐标点var point = new BMap.Point(lng, lat);// 设置地图中心点和缩放层级map.centerAndZoom(point,zoom);// 定义标记点var mk = new BMap.Marker(point);// 标注标记点map.addOverlay(mk);// 移动到坐标点map.panTo(point);// 获取当前中心点map.ge

html5 video的简单使用h5的video标签省去了调用插件，UI能根据环境自动调整，方便快捷。但问题在于文档太难找。demo：<video src="xxx.video" controls="controls" controlslist="nodownload" disablePictureInPicture="true" width="100%" height="240" ...

仅仅记录本人使用的，必定都有替代品，具体需结合自己项目需要选择一、工具1. 代码编辑器VS code：广泛使用的工具，插件众多，选它肯定不会错HBuilder：也还不错，vue或H5开发很好用后端：Idea、Spring Tools、Eclipse2. 代码管理Git、GitlabSourceTree：git可视化工具3. 服务器相关Postman：强大的API调试工具WinSCP：图形化SFTP客户端，更新网站非常简单方便MobaXterm：功能强大，远程连接服务器二、框架、.

一、定义及基本用法CSS3 @media 查询1、定义使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。2、语法mediatype：媒体类型and|not|only：运算符(media feature)：媒体功能@media mediatype and|not|only (medi

记录个人在用的Chrome插件，其实很多都有同类替代品，但关键是“原来还有这种插件”。详细介绍有空在添加，感兴趣可自行了解一、基础类Adblock Plus广告再见类似的有AdBlock，AdGuardGmailGmail必备，无法合法翻墙的话，可设置自动邮件转发OneTab Plus标签页管理插件，一键收缩与打开，可分组并存储（=临时收藏夹）Unblock Boundary不知道现在还有用不，免费版就可以在PC上观看国内网站视频沙拉查词超好用的翻译.

根据需要生成自己的随机数，一般用简单的随机数就可以了随机数Math.random(0,1).toString().substring(2)时间戳Date.now()时间戳+随机数Date.now() + +Math.random(0,1).toFixed(3)UUIDJS生成uuid的四种方法...

原生js// 不仅文本加载完毕，而且图片也要加载完毕，再执行函数。window.onload = function () { console.log(1);}jQuery// 1.文档加载完毕，图片不加载的时候就可以执行这个函数。$(document).ready(function () { console.log(1);})$(function () { console.log(1);});// 2.文档加载完毕，图片加载完毕的时候再执行这个函数。$(window).read

console常用的四个输出方法：console.log：输出普通信息console.info：输出提示性信息console.error：输出错误信息console.warn：输出警示信息上面4种方法，都可以使用printf风格的占位符。支持字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）四种。其他方法其它方法参考下列文章：Console MDNconsole.log 用法(调试用)...

需求描述架构：原生js及jQuery需求：需要根据网页DOM及资源都加载后的布局（高度等）来调整页面方案：监听图片的load事件，都加载完毕后，执行后续js逻辑考虑到动态添加的dom中也可能存在图片，对这些图片也需要监听load事件1 load事件绑定问题1.1 在img标签中定义onload事件...<img src="img/img_1_1.png" onload="testLoad()"/>...<script>testLoad = () => {

CodePen上发现的一行代码的方案 Dark mode image filter其实是通过使用 css filter 设置图片的亮度、饱和度：filter: brightness(0.8) saturate(1.25);

CSS移动端适配学习总结

前言网站如果包含很多图片等静态资源文件，那打包后的文件会非常大。不做处理会导致非常糟糕的浏览体验一、图片处理1、压缩首先就是压缩静态资源的大小。相机照片一张就能轻松破10M，微信、钉钉等都会自动压缩图片视频。放一个简单好用的在线图片压缩链接 squoosh图片过多时，效果受限，无法从根本上解决2、云存储将图片等资源存储在云上，使用外链方式引入需先下载后加载，下载速度不能保证，体验可能仍然很糟糕二、图片预加载图片预加载就是在当前页面加载完毕后，预先加载其它页面所需的图片，这样，切换到该页

问题描述：JS打印表格时边框缺失问题项目场景：window.print()打印网页，预览中，表格的边框缺失部分或全部原因分析：首先，怀疑是设置了border-collapse:collapse合并边框导致的问题不使用合并边框，手动设置td边框后发现问题还是存在然后，发现貌似是PDF预览的问题。下载PDF，打开，发现缩放都会让边框样式改变。转WORD或者直接打印机打印，证实边框样式并没有问题。。。解决方案：如果真的只是PDF预览问题，那无法解决。如果不是的话，可以参考这位老哥的方案：J

实际使用需要检查输入数值是否规范：首先，入参必须是非空数组；其次，数组元素必须是数字。如果入参不规范，则手动抛出异常

Element.scrollTo()、Element.scrollIntoView()、Element.focus()

async…await…简化了Promise的写法，尤其是后者多次嵌套的情况下，代码可读性很差。但前者的异常捕获却没那么方便

axios 是前端开发的基本工具之一，它的封装早就不新鲜了本文分为两部分：一是 axios 基本封装示例；二是非必要封装，列举个人开发中遇到的一些较为实用的封装需求。

ECMAScript 中的构造函数是用于创建特定类型对象的。构造函数也是函数，只是使用new操作符调用构造函数会执行如下操作：(1) 在内存中创建一个新对象(2) 这个新对象内部的 特性被赋值为构造函数的 属性(3) 构造函数内部的 被赋值为这个新对象（即 this 指向新对象）(4) 执行构造函数内部的代码（给新对象添加属性）(5) 如果构造函数返回非空对象，则返回该对象；否则，返回刚创建的新对象......

开发中，遇到过这样的情况，重用程度较高的组件的数组属性，在不同的重用的场景下，需增减一些元素

对程序员日常开发来讲，现在最优的就两个 AI Agents：**Claude Code**、**Codex**，都支持第三方大模型供应商。顶尖的 AI 智能体 + 国产大模型，这是性价比最高的选择。花点小钱就能享受最好的 AI Agent！个人使用的话，也可以购买中转站提供的 Claude 等大模型，即便这样，国产大模型也可以作备选或托底