RealizeInnerSelf丶

A系统的底图、模型 是现在在做的 B系统所需要的，现在要把 B系统的底图之类的替换成 A系统的

在做可视化项目的时候经常会遇到改版（页面UI风格、页面模块内容），而有时个别版本上会有自己想要的东西，可以复用借鉴的代码亦或是某个时间点，需要将系统还原到某个版本或者基于之前的某个版本去二次修改往往项目周期一拉长，git 提交记录就会很多，很难一眼区分出具体某次大改版的最终效果是哪次代码提交，此时给大版本打标签做标识就是一种快速定位的好方法

政府项目各种局办往往会有数字大屏，也就产生了许多 可视化/驾驶舱/大屏项目 的需求，要求一屏统览，展示诸多信息然而个人开发者的开发设备往往没有那么大的分辨率/物理屏幕，本地开发和实际呈现效果难免会有差异

在确认坐标系时，如何确定至关重要，本文以 HBuilder 内置 api 所用坐标系做分析展开，其他类似框架也可以用类似的思路去分析（虽然文档里能搜到，但分析思路也是很重要的）

近一天/今天、近七天/本周、近一个月/本月、近一季度/本季度、近一年/今年…… 时间范围获取工具方法

如何比对代码问题（同项目迁移，效果不同，排查差异代码）

快速复制浏览器请求至接口工具，进行参数调整

遇到微信相关的问题，除了百度，还可以在开放社区搜问题百度出来不行，微信不支持，最好还是在微信开放社区搜一下可能微信近期的版本更新就支持了，而那些文章是在这个新功能之前发表的，或者单纯转载的老文章备注：新出的功能也并不意味着一定要很高的微信版本、手机系统版本，可能要求的还是五六年前的手机系统微信开放社区里提问题也会有联想搜索，点进去看看搞不好就有解决方案(再试着换换关键词搜索...

账号密码框在浏览器保存了密码的情况下会自动填充，且用户也会需要自动填充，但是填充后会有个很讨厌的默认样式，难以去掉

mockjs 的安装使用、常见规则

目录前言基本用法获取指定大小的随机图片获取指定宽高的图片获得指定尺寸的正方形图片通过id获取指定图片(非随机)静态随机图片(随便写个值就能获取到图片，值一样，图片就是一样的)灰度图片(灰色滤镜处理后的图片)模糊图片(类似虚化的效果)通过附加?blur到url的末尾获得模糊图像可以通过提供介于1和10之间的数字来调整模糊量。高级用法请求多张相同大小的随机图片获取不同格式的图片(jpg、we...

遇到小程序代码包超大小时的一些解决思路

当需要用开发者工具进行调试时却发现不打开了……好在我解决了，希望能帮到同样遇到这个问题的你~

无用文件删除（可能一些项目是老项目基础上改的，会有很多无用的业务代码文件，可以直接删除，或是用不到了的字体文件、图片等资源）字体资源、图片资源改为引用线上的，而非本地（传到服务器可访问后，记得把本地的删除掉）分包（除了首屏页面、登录页、tabbar页面，其他页面都可以考虑分包的方式）各类第三方类库尽量使用按需引入的方式。

平时用的好好的 Everything 突然某一天用不了了，什么东西都搜不出来了……就搜桌面上摆着的文件都搜不出来……

当然下面的两个场景介绍可能用分支管理都会有不错的效果，或者更优，只是记录一下思路，用什么还是看大家个人爱好啦在开发过程中偶尔会遇到有 bug 不知道具体问题出在哪，需要一步步删减代码去分析我的常见操作是备份一份代码，在找到问题后将问题处的改动同步过来，但很大概率会改着改着就忘掉了自己之前改动了哪几个文件，不清楚这一次的改动哪些是无关的， 需要还原的有时还会在开发过程中发现当前的技术方案太过复杂，或者遇到障碍暂时无法突破，需要换一种方案实现的情况。

虽然说用不同浏览器测试也比较方便、还能顺带测试多浏览器兼容问题……但我是开发呀，我只想用我最习惯的谷歌浏览器完成快速开发，把功能铺上，专注于业务逻辑的开发这些浏览器差异等只会给我造成麻烦，影响我的开发沉浸感，打乱我的开发节奏，等功能开发完再去处理再去测试兼容性之类的问题才是我的习惯

怎么能快速知道这些版本之间变更了哪些内容呢？如何操作？

近期做技术调研时发现微信官方支持文件上传了，这里记录一下

关于 CSS 中英文排版与换行的一些探讨（来源于 张鑫旭 B站发布的视频）

一个页面上有很多表单，而渲染的表单是根据类型字段来的，不是这个类型对应字段就不会有值，设置默认值之后就不会报错了（如果是 厂房租赁 类型，则展示 厂房租赁 的表单，如果是 讲解预约服务 类型，则展示 讲解预约服务 的表单，其他表单隐藏）...

文章目录使用分包的配置FAQ主包跳转到分包页面分包使用主包中的文件小程序的包大小限制为 2M，一不小心就超出去了，对于我们开发而言，十分的不方便，就需要我们尽可能的将一些静态资源放到服务器上来减小包大小（一般为图片），但随着第三方框架的引入，业务代码依旧很容易触及小程序的上限，故我们需要采取分包的方式来继续开发参考文章：微信小程序—分包操作、微信小程序分包相关文档目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 20M单个分包/主包大小不能超过 2M使用分包的配置app.j

如下图左侧图，候选项是后端的数据字典中动态管理的数据，并不能事先知道文本字数，即选项的所占宽度，也就无法直接设定宽度来让文本拥有个比较好的样式，那么想要达到右侧效果图那样的效果该怎么做？可能很多人会考虑从宽度去解决问题，设置固定宽度 width、最小宽度 min-width…但遇到了字数较多等情况，用户体验并不不怎么好，我愣了一会儿，突然意识到，这是宽度不够，导致文本自动换行了，那我用 css 属性设置文本不换行呢？顺带设置个最大宽度，让太长的文本显示省略号，不至于页面样式混乱 /* 设定最大

代码缩进有好几种（tab 键、两个空格、四个空格），我们前端规范大多是要求使用两个空格作为缩进一般情况下我们都是用 tab 键来控制缩进的，然而由于不同人写代码用的工具配置可能不一样，有的人 tab 键是占用四个空格，有的人是两个，或者有的配置干脆在你输入 tab 时，直接就用空格来代替了，所以就出现了在代码编写人本地代码缩进一切正常，到了 svn 上比对代码时缩进乱七八糟的情况…（HTML 结构看的尤为明显头疼）其实 svn 也是可以设置的 tab 代表的空格数的，只需要我们设置一下，它就可以对齐

文章目录前端表单验证交互效果1（暂未配套代码）使用 vue watch 与自定义 css 模仿 Vuelidate 框架官方表单验证效果代码（仅做思路参考）关于数据校验Vuelidatevalidator.jsVeeValidateVccValidate补充知识前端表单验证交互效果1（暂未配套代码）使用 vue watch 与自定义 css 模仿 Vuelidate 框架官方表单验证效果关键思路：（看了代码就能结合起来了）动态监听输入内容的改变，动态校验其数据的合法性不合法，给元素添加 c

常见数据枚举（日期、月份、周几、星期几，前导零、Excel 列号）日期相关规律数据快速凑出单元格列号（可快速扩展出常见的 excel 列号）拼接原理取得列号

文章目录前端列表重复项更好的写法（一堆长得一样，内容不同的数据项）无脑写法取巧一点的写法进阶写法如果你觉得写的不错或者帮到你了，记得给我点个赞哟~前端列表重复项更好的写法（一堆长得一样，内容不同的数据项）写前端我们常常会遇到写卡片列表需求像下图，有一堆长得一模一样的卡片，你会怎么写？（当然用组件化开发的方式把它写成组件也是不错的）后文用的是微信小程序的语法，但这不是重点，你也可以基于这种方式用 vue 的语法来写无脑写法如果我们写完一个直接复制几遍，乍一看没啥问题，但却是很不利于维护

文章目录SVN 设置忽略 node_modules 等文件夹操作歩鄹常驻小尾巴SVN 设置忽略 node_modules 等文件夹公司用的是 SVN + TortoiseSVN（小乌龟）管理代码，之前写了个微信小程序，后应客户扩展需求，需要写个 H5 版本的，基本代码放进去后，需要提交 SVN又因为 H5 版本代码里用到了许多 npm 依赖包，node_modules目录下会有一堆小文件，就导致了每次提交 SVN 需要等它加载半天，然后 node_modules 中的文件又不需要提交到 SVN 中去…

文章目录如何实现 iframe 子页面和父页面联调？博文由来&方案推想操作步骤更改后如何查看最新更改效果？如何实现 iframe 子页面和父页面联调？通过 chrome 开发者工具编辑 iframe src 的方式来达到实时预览，然后重载 iframe 来看最新效果博文由来&方案推想为已有系统扩展一个 iframe 子页面，该子页面风格比较独特，又需要让子页面在系统和谐融入时，用来调试可以节省大量时间，比从头搭框架要来的快得多就比如我有一个蓝色调的后台系统，然后需要添加个地图操作

文章目录vue h5 端实现富文本图片预览（基于 Vant UI 的 ImagePreview 组件）预览效果关键代码使用案例vue h5 端实现富文本图片预览（基于 Vant UI 的 ImagePreview 组件）之前发了一篇博客讲了如何在小程序实现富文本的图片预览，本篇博客来讲讲如何在 H5 端实现同样的体验与效果代码是基于之前微信小程序封装那套代码改写的，用户体验一致参考文章：Vant 实现预览富文本图片注意：项目里要引入 Vant UI 组件库（需自行引入好在开始看后面的

文章目录微信小程序富文本解析插件-towxml（扩展富文本图片预览功能）富文本图片预览效果图基本配置towxml 使用与图片预览扩展定制样式补充说明不想把 towxml 放在小程序根目录？常驻小尾巴微信小程序富文本解析插件-towxml（扩展富文本图片预览功能）其实单纯渲染富文本直接用微信小程序的 rich-text 属性就够了用 towxml 是为了扩展富文本图片的预览功能，微信自带的 rich-text 只能针对富文本整体监听事件，无法实现用户点哪张图片预览哪张，用户体验非常差富文本图片预览

文章目录url 与 params 参数的常见操作归纳汇总（含精心准备的注释）VSCode 语法提示代码使用补充拼接搜索条件 `{a: 'xx', b: 'yyy', c: 'zzz'}` 成 `?a=xx&b=yyy&c=zzz`url 与 params 参数的常见操作归纳汇总（含精心准备的注释）不校验网址合法性，默认你传过来的都是正常的网址针对方法名做了优化，个人觉得更加直观些后续又追加一些注释，在调用函数时语法提示更方便直观（参数类型、调用示例、方法功能解释、参数解释、返回值

文章目录如何让 arcgis require 里定义的方法可以在全局访问？方法一：将方法赋值到 window 这个全局对象的属性上方法二：将这个内部方法赋值到一个全局变量上验证推理 demo原理剖析总结如何让 arcgis require 里定义的方法可以在全局访问？在用到 arcgis 的项目里（特别是基于 jquery 的老项目），大多数方法都会用到 arcgis require 进来的东西，那就得写到 require 的回调函数里，此时的方法就变成了局部的了，无法在 HTML 中直接调用这个方法…

字体图标库的使用这是之前留下的博客，由于一堆博客没写完，本周周末做了个补充，可能内容上会有点不太斜街，请见谅…本文大部分内容是自己结合过往经验探索总结的字体图标维护方式iconfont-阿里矢量图标库登录/注册打开阿里矢量图标库地址：https://www.iconfont.cn/home/index，并使用 github 账号注册/登录搜集需要的图标选中菜单的图标库，然后点击页面右侧的红色搜索按钮如下图是我搜索 地图 出来的图标库列表在首页搜索你想要的图标（中英文都 ok）

文章目录前言一、JavaScript 的诞生二、JavaScript 与 ECMAScript 的关系三、ES6 新特性（2015）1.类（class）2.模块化(Module)导出(export)导入(import)3.箭头（Arrow）函数箭头函数的结构卸载监听器时的陷阱5.模板字符串获取数组中的值获取对象中的值7.延展操作符(Spread operator)语法应用场景在ECMAScript 2018中延展操作符增加了对对象的支持在React中的应用一般情况下我们应该这样写8.对象属性简写10.支持

Js 网页全屏(vue)效果描述以下逻辑均正常点击按钮全屏、点击按钮退出全屏、再点击按钮全屏点击按钮全屏，F11 / ESC 退出全屏，点击按钮全屏F11 进入全屏，点击按钮退出全屏不同页面操作全屏，切换全屏均能精准的控制按钮显示的是全屏 / 缩放申明本 demo 默认状态是全屏(刷新网页也会退出全屏，切换页面不会)只考虑网页全屏，不考虑网页单个元素全屏项...

目录声明NPM install -save 和 -save-dev 傻傻分不清npm install moduleName 命令npm install -g moduleName 命令npm install -save moduleName 命令npm install -save-dev moduleName 命令总结npm install --save 、--save-dev 、-D、...

拼接搜索条件 {a: 'xx', b: 'yyy', c: 'zzz'} 成 ?a=xx&b=yyy&c=zzz// 只保留有值的搜索条件，拼接成 ?a=xx&b=yyy&c=zzz (传入空对象会返回空字符串) searchObjToQueryString(searchObj) { // 默认约定搜索条件都是字符串 let quer...