Morango

摘要： 一、img标签 1、静态引入（静态路径加载） 相对路径 <img class="pic-404__child left" src="../../assets/404_images/404_cloud.png" alt="404"> 绝对路径 <img class="pic-404__child le 阅读全文

摘要： 一、__proto__和prototype。 __proto__： 隐式原型，是每个对象都具有的属性 prototype： 显式原型，是Function独有的属性 Tips： 对象的隐式原型的值为其对应构造函数的显式原型的值，即： fn.__proto__ Function.prototype 函数 阅读全文

摘要： 两种方法： 一、 利用WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端。 display: -webkit-box; -webkit-box-orient: vertical; //方向 -webkit-line-clamp: 3; //设置在第几行添加省略号 overflow: 阅读全文

摘要： 一、问题 最近遇到这样一个问题，在文本换行时候刚好可以放下文字，但是后面的句号“。”却使得文字提前换行了。 具体现象如下： 为了使得效果更明显，我给文字部分的div加了边框。 当在末尾增加一个标点时，可以看到 文字跑到了下一行，与此同时，文本div的宽度也变宽了。 这也同样会引发另外一个问题，当输入 阅读全文

摘要： 在使用命令 git commit -m '提交信息' 将本地代码提交到远程仓库时候， 如果项目安装了 per-commit，则会在Git键入提交信息前进行代码风格检查，如果代码不符合相应规则，则报错。 解决方法有两种： 1、简单粗暴，删除掉pre-commit钩子 进入项目的.git文件夹（隐藏文件 阅读全文

摘要： 阿里正式开源的BizCharts图表库基于React技术栈，各个图表项皆采用了组件的形式，贴近React的使用特点。同时BizCharts基于G2进行封装，Bizcharts也继承了G2相关特性。 具体使用如下： BizCharts官网文档：https://bizcharts.taobao.com/ 阅读全文

摘要： 一、需求。 项目是基于react框架实现的h5页面，最终内嵌部署到App环境下。要求在上传图片时可限制单个文件的大小。 这时出现一个现象，在ios端选择一张11Mb的图片，file.size可以正常地console.log出来，而当选择18Mb更大的图片时候，打印出来的文件大小只有5Mb不到。而在安 阅读全文

摘要： 问题：在React项目研发的过程中遇到一个输入框问题，在ios手机使用原生输入法输入中文时，待选拼音的变化也会触发change事件，导致input框内会把你敲的拼音和你确定选择的汉字一起显示在输入框中。 环境：react 17.x ； 组件库Ant Design Mobile v5.17.1（对于T 阅读全文

摘要： 一、需求：项目是基于react框架实现的h5页面。其中 有一个按钮，要求实现 点击后 下载图片的功能。 测试时发现在网页端是可以正常下载，但是一旦内嵌到APP环境下，则会出现下载失败的情况。 PS：点击按钮实现实现下载功能的原博客传送门：使用html2canvas将h5页面转换成图片保存至本地 二、 阅读全文

摘要： 需求：用户点击保存按钮，将页面保存到本地。 这里使用html2canvas插件库，具体用法如下： （1）安装依赖包： //npm方式 npm install --save html2canvas //yarn方式 yarn add html2canvas (2)引入并使用 import html2c 阅读全文