框架用多了,css写顺手了,写html只会div了(悲),css也由于公司只搞死板的WMS系统,对一些新兴的样式属性一窍不通。原生是根啊,不能只会框架,那样人是飘在天上的。虽说近期也有意识到这个问题,时常抱着mdn了解h5语义化与cs...
Typescript学习笔记
在 TypeScript 中,可以把类型理解成一系列值的集合,例如: number:所有数字的集合对象类型:内部所有属性的集合 顶层类型与底层类型TypeScript 有两个顶层类型(any 和 unknown),一个底层类型(nev...
TypeScript开发记录
ts-node使用 ts-node 来无需编译直接启动 ts 文件 使用方式(仅给项目单独使用的话不需要装在全局) 1npm i ts-node typescript -g 问题当在 typescript.json 中配置 alia...
React Native项目搭建
一年没做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...
JS获取鼠标相对元素的位置
最近项目上遇到个需求,即页面上存在一个方框,按下鼠标后开始拖动,松开鼠标后停止。在这里记录一下开发心得 思路逻辑上不难,无非就是分如下两步 触发目标元素的mousedown事件时,获取鼠标相对元素的位置x、y 在页面的mousemo...
Vue离开页面时提示是否保存
这个问题源自这个博客,之前编写的时候偷懒自己用的东西搞那么严谨干啥没做保存提醒处理。之后因为各种没长脑子包括但不限于直接关闭浏览器等导致写了一大半的文章功亏一篑(泪目),一气之下决定还是要完善一下这个功能。 思路首先整理一下需要解决的...