一年没做react-native相关开发了,果然不记笔记不行,忘了个七七八八,重新搭建项目时碰了一鼻子灰,果然还是要整理一下才行。 环境部分 官方教程已经比较详细,这里只记录碰壁和有疑问的部分官方教程页 yarnreact-nati...
搭建一个vite-vue3-ts项目
创建项目首先通过vite创建vue-ts项目,有两种方式 1234# 自行通过交互选择 vue-tsnpm init vite@latest# 直接以创建 vue-ts 为模板创建npm init vite@latest --temp...
JS粘贴事件获得图片信息
知识点 paste事件:粘贴触发该事件,该事件的事件对象存在一个实验性属性clipboardData,该属性可以获得一个DataTransfer对象 DataTransfer对象:本用作保存拖动并放下过程中的数据,在这里也可以获取到剪...
Canvas根据纯文本绘制图片,并生成file二进制流
接到个需求,要求根据给出的纯文本商标,智能生成商标图样(即纯文本图片),并自动上传服务器。不多说,开始动手 思路 canvas绘制文字,并在合适的地方切断换行,获得base64字符串 将base64转换file二进制流 方案根据最大...
部分浏览器rem自适应布局无故放大
自行写的项目打算兼容手机端,于是了解了下rem并投入使用。而当时看了别人的文章是把根元素 font-size 设置为了 62.5%,即 1rem=10px。 当时的我:为什么要等于 10px,我直接 1rem = 1px ,一个fon...
VSCode格式化及setting.json配置
习惯了在公司用webstorm编写后,在家用vc各种难受,但又懒得在自家电脑上再装个webstorm。终于忍无可忍好好研究了一下vs的配置文件和格式化配置。 Prettierctrl+shift+x跳转插件搜索,安装Prettier,...
Nginx图片上传超过一定大小提示跨域
博客上线使用有一段时间了,文章封面一直用的死板的logo图标。心血来潮打算把老本行相关的文章(前端相关)封面换成喜欢的纸片人,结果当我像往常一样上传封面时,竟然报了这么个错误 跨域?!后端明明控制好了,也用了这么一段时间了,怎么会突...
JS获取鼠标相对元素的位置
最近项目上遇到个需求,即页面上存在一个方框,按下鼠标后开始拖动,松开鼠标后停止。在这里记录一下开发心得 思路逻辑上不难,无非就是分如下两步 触发目标元素的mousedown事件时,获取鼠标相对元素的位置x、y 在页面的mousemo...
Vue离开页面时提示是否保存
这个问题源自这个博客,之前编写的时候偷懒自己用的东西搞那么严谨干啥没做保存提醒处理。之后因为各种没长脑子包括但不限于直接关闭浏览器等导致写了一大半的文章功亏一篑(泪目),一气之下决定还是要完善一下这个功能。 思路首先整理一下需要解决的...
原生JS比较两个对象的值相等
前两天需要用到对比两个对象值相等的功能,习惯性打开lodash寻找isEqual方法,但不知为何中文文档死活打不开。偷懒直接用stringify来对比吧,又可能因为顺序问题不能正确判断。索性自我练习一下,写个对比对象的方法好了。~~问...