我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

【代码】开发者配置项、开发者选项自定义。

指定几种常规屏幕宽度（用这种方式就必须要强制用户全屏查看页面，在固定的宽度下才能达到比较不错的显示效果）从像素1024循环到2560宽度的情况（会导致很多冗余的css代码，但是基本上所有的宽度情况都囊括了）

当地图缩放级别zoom===12的时候，距离40像素的marker不会重叠，实际经纬度距离大约是1520米。当地图缩放级别zoom===11的时候，距离40像素的marker不会重叠，实际经纬度距离大约是3040米。当地图缩放级别zoom===10的时候，距离40像素的marker不会重叠，实际经纬度距离大约是6120米。当地图缩放级别zoom===13的时候，距离40像素的marker不会重叠，实际经纬度距离大约是760米。当地图缩放级别zoom===14的时候，1像素大约是10米。

但有第三方的polyfill方案，可以支持到 FF44+，IE9+，Edge 10+ ，Safari 11+ ，兼容方案是通过 MutationObserver API 实现的，通过监听 dom 的变化并加以判断，至此主流浏览器均可运行。响应式设计指的是根据屏幕视口尺寸的不同，对 Web 页面的布局、外观进行调整，以便更加有效地进行信息的展示。响应式设计如今也成为 web 应用的基本需求，而现在很多 web 应用都已经组件化，这意味着我们如果想要实现响应式的应用，那么我们也需要有某种方式监听。

console.log(`系统字体缩放比例为：${Math.round(dpi * 100)}%`);// 获取设备的物理像素比例。在以下几种比例下面网页显示的文字太大以至于无法正常观看，用上面的css代码即可解决此问题。获取win10系统字体放大百分比、倍数、比例、字号大小_你挚爱的强哥的博客-CSDN博客。_网页根据分辨率缩放。保障在不同的分辨率百分比情况下，网页缩放比例适合用户浏览_网页根据分辨率缩放-CSDN博客。尽管如此以上方式依旧是懒人做法，还是会出现水平或垂直滚动条，为了解决这个问题。

【代码】Vue3实现echarts pie-chart 环形图，当鼠标移入环形图，环形图片段位移向外偏离(适当放大)，移出环形图，片段恢复到原始位置。

注意：Safari在台式机和iPad上受支持，但在iPhone上不受支持。这是浏览器中的限制，而不是Screenfull中的限制。注意：为了在Internet Explorer中使用此软件包，您需要一个Promise polyfill。

【代码】解决问题core-js@2.6.12: core-js@

下载安装包安装完成后，可以打开cmd命令行窗口。执行nvm -v运行systempropertiesadvanced新建环境变量如下图NVM_HOME、NVM_SYMLINK打开d:\Program Files\nodejs\settings.txt在最后添加打开cmd可以在可选列表里。选择任意版本安装，比如安装22.2.0执行安装好了之后。nvm ls如果想使用22.2.0这个版本的话。然后执行：node -v验证了的确已经切换了nodejs版本为22.2.0。

【代码】【sgSearch】自定义组件：常用搜索栏筛选框组件（包括表格高度变化兼容）。_搜索框高度变化 表格。【sgSearch】自定义组件：常用搜索栏筛选框组件（包括表格高度变化兼容）。_搜索框高度变化 表格-CSDN博客。【sgSearch_v2】自定义组件：常用搜索栏筛选框组件（展开后更多搜索内容悬浮于其他组件之上，不影响整体布局高度）。

【代码】【sgSearch】自定义组件：常用搜索栏筛选框组件（包括表格高度变化兼容）。_搜索框高度变化 表格。【sgSearch】自定义组件：常用搜索栏筛选框组件（包括表格高度变化兼容）。_搜索框高度变化 表格-CSDN博客。

【代码】转换为elementUI提示方法为uni-app的showToast提示。

举个例子，project1是vue组件库，package.json中dependencies包含了"vue":“2.6.1”project1打包出了"project1":“0.0.1” 这个组件包然后project2是项目代码，package.json中dependencies包含了"vue":“2.6.1"和"project1”:“0.0.1”这样，在使用project1的组件时就会出现readonly错误【高效】极致简化vuex.js（仅需6行代码），让快速敏捷开发不是梦！

【代码】MessageBox 弹框 全局方法$msgbox, $alert, $confirm 和 $prompt常用代码片段。

【代码】如何用SCSS制作小铃铛振动/震动/摇晃/晃动的特效/效果？

【代码】基于sortablejs实现拖拽element-ui el-table表格行进行排序。

将数组指定索引位置的元素 移动到 目标索引位置，且不改变其他元素原本的顺序，注意这个不是对调元素位置，是移动某一个元素位置不影响其他元素顺（使用场景：拖拽改变数据的顺序，点击上下左右箭头移动元素顺序）-CSDN博客。【代码】将数组指定索引位置的元素 移动到 目标索引位置（使用场景：拖拽改变数据的顺序，点击上下左右箭头移动元素顺序）

将数组指定索引位置的元素 移动到 目标索引位置，且不改变其他元素原本的顺序，注意这个不是对调元素位置，是移动某一个元素位置不影响其他元素顺（使用场景：拖拽改变数据的顺序，点击上下左右箭头移动元素顺序）-CSDN博客。【代码】将数组指定索引位置的元素 移动到 目标索引位置（使用场景：拖拽改变数据的顺序，点击上下左右箭头移动元素顺序）用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)-CSDN博客。

【代码】一个简单的Vue2例子讲明白拖拽drag、移入dragover、放下drop的触发机制先后顺序。

【代码】【实用模板】Vue代码文件常用弹窗页面组件。

【代码】【实用模板】Vue代码文件常用创建或编辑抽屉。

【代码】【实用模板】Vue代码文件常用后台管理页面模板。

文章浏览阅读140次。【代码】【sgDragMoveTile】自定义组件：拖拽瓦片图、地图、大图，滚动条对应同步滚动。_用鼠标拖拽(drag)内容div”,滚动条对应同步滚动 vue。【sgDragMoveTile】自定义组件：拖拽瓦片图、地图、大图，滚动条对应同步滚动_用鼠标拖拽(drag)内容div”,滚动条对应同步滚动 vue-CSDN博客。

文章浏览阅读382次。【sgUploadTray】上传托盘自定义组件，可实时查看上传列表进度：1、可以全屏2、可以还原尺寸3、可以最小化4、可以回到右下角默认位置5、支持删除队列数据。【sgUploadTray】自定义组件：上传托盘自定义组件，可实时查看上传列表进度。基于sgUploadTray 1.0版本迭代。

文章浏览阅读970次。【代码】el-carousel和el-image组合实现swiper左右滑动图片，点击某张图片放大预览的效果。_el-carousel 配合el-image preview-src-list。el-carousel和el-image组合实现swiper左右滑动图片，点击某张图片放大预览的效果_el-carousel 配合el-image preview-src-list-CSDN博客。基于elment-UI的el-carousel和el-image组件。

vue.esm.js:5105 [Vue warn]: Unknown custom element: - did you register the component correctly?

【代码】【sgCollapseBtn】自定义组件：底部折叠/展开按钮。

【代码】前端Vue2获取上传文件的MD5。

【代码】【sgCreateTableData】自定义小工具：敏捷开发→自动化生成表格数据数组[基于el-table]

特性。

【代码】【sgCreatePinyin】自定义小工具：敏捷开发→自动化生成拼音字段名称（字段名生成工具）

【代码】【sgSearch】自定义组件：常用搜索栏筛选框组件（包括表格高度变化兼容）。

文章浏览阅读101次。【代码】基于Vue2用keydown、keyup事件实现长按键盘任意键（或组合键）3秒触发自定义事件（以Pause/Break键为例）基于Vue2用keydown、keyup事件实现长按键盘任意键(或组合键)3秒触发自定义事件(以F1键为例)-CSDN博客。关联长按键盘任意键或组合键。

基于Vue2用keydown、setTimeout事件实现连续按键(连击)任意键(或组合键)3秒触发自定义事件(以F1键为例)-CSDN博客。【代码】基于Vue2用keydown、setTimeout事件实现连续按键(连击)任意键(或组合键)3秒触发自定义事件(以F1键为例)

【代码】用navigator.sendBeacon完成网页埋点异步请求记录用户行为，当网页选项卡关闭的时候，依然后完美完成接口请求，不会因为浏览器选项卡关闭了被中断请求。

【代码】【sgTree】自定义组件：加载el-tree树节点整棵树数据，实现增删改操作。

默认情况下crossOrigin默认值是“anonymous”请设置crossOrigin为空字符串即可。

【代码】大文件分片上传，断点续传，秒传 示例（待更新...）

断点续传是一种文件上传技术，允许在文件上传过程中发生中断时，从上次上传的位置继续上传，而不是重新开始。在请求的配置中，我们设置了断点续传的Content-Range头部信息，以便服务器能够识别已上传的字节数。方法用于开始文件上传。我们使用axios库创建一个axios实例，并使用其。回调函数来更新已上传的百分比。方法用于获取用户选择的文件，并将其存储在。处理文件上传的成功和失败情况。是服务器端上传文件的URL。在上面的代码中，我们首先在。用于存储用户选择的文件，用于显示已上传的百分比，

【代码】基于elementUI的el-table组件实现按住某一行数据上下滑动选中/选择或取消选中/选择鼠标经过的行。