qq_42318977-优快云博客

原创盒子内容溢出，要求溢出省略号并用title进行文字提示

原理：①element中利用tooltip实现文字超出框悬浮显示；②用vue、jq事件监听是否溢出，溢出则出现文字提示。使用工具：vue、el-element、jq\js。

2023-05-15 16:02:52 266

原创 vue中鼠标长按事件（或鼠标按下、鼠标离开事件）

vue中鼠标长按事件（或鼠标按下、鼠标离开事件）

2022-09-21 11:35:45 14742

转载使用HbuilerX运行微信小程序到微信小程序模拟器

Hbuiler项目在微信小程序运行

2022-07-01 11:06:44 763

https://www.runoob.com/react/react-rendering-elements.html1.将元素渲染到DOM中首先我们在一个 HTML 页面中添加一个 id=“example” 的 :<div id="example"></div>要将React元素渲染到根DOM节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上：<div id="example"></div><s.

2022-03-07 15:28:55 205

转载 COOKIE和SESSION有什么区别？

cookie和session

2022-01-05 17:13:23 114

转载 css背景- 简写属性

https://www.runoob.com/css/css-background.html背景颜色的简写属性为 “background”:background:#ffffff url('https://static.runoob.com/images/mix/img_tree.png') no-repeat right top;当使用简写属性时，属性值的顺序为：:background-colorbackground-imagebackground-repeatbackground-at.

2022-01-04 17:31:57 495

转载不同浏览器打开的html和body不占满整个页面

https://segmentfault.com/q/1010000014466371?utm_source=tag-newest解决方法：①html 和 body 均设置宽高 100% 即可；②body设置的内边距和外边距均为0。

2022-01-04 15:02:28 770

原创强制刷新浏览器快捷键

强制刷新浏览器的快捷键：Ctrl+Shift+R作用：修改的css样式可以马上看到效果。

2021-12-17 10:21:49 1889

转载使用canvas画布时内容或画布被拉伸的原因和解决方法

转载于：https://blog.youkuaiyun.com/baidu_33866132/article/details/76569124原因：canvas跟其他标签一样，也可以通过css来定义样式。但这里需要注意的是：canvas的默认宽高为300px * 150px,在css中为canvas定义宽高，实际上把宽高为300px * 150px的画布进行了拉伸，如果在这样的情况下进行canvas绘图，你得到的图形可能就是变形的效果。解决方法：所以，在canvas绘图时，应该在canvas标签里直接定义宽高。.

2021-12-02 15:01:05 3503

转载 js给数组添加数据的方式/js 向数组对象中添加属性和属性值

参考：https://www.cnblogs.com/ayaa/p/14732349.htmljs给数组添加数据的方式有以下几种：直接利用数组下标赋值来增加（数组的下标起始值是0）例，先存在一个有3个数据的数组：let arr=[1,2,3];console.log(arr);　　此时输出的结果是[ 1, 2, 3 ]let arr=[1,2,3];arr[3]=5;console.log(arr);　　此时的输出结果是[ 1, 2, 3, 5 ]；通过数组名[数组名.le.

2021-11-17 17:13:43 17982

原创 echarts-for-react组件图表大于父盒子

产生原因：图表加载早于父盒子，没有获取到预期父盒子的宽高。参考https://blog.youkuaiyun.com/qq_42318977/article/details/121353979解决方法：echarts-for-react提供了onChartReady参数，在该函数中利用setTimeout进行resize。部分代码： onChartReadyCallback = (chart) => { chart.resize() setTimeout(() =

2021-11-16 18:09:21 1116

转载 react-echart生成图标溢出父盒子容器问题

转载自：https://blog.youkuaiyun.com/feinifi/article/details/103405208如题所示，当我们在react中使用echarts图表时，偶尔会出现超出父级容器的情况，一般超出父级容器，不是因为图表绘制的方法调用问题，而是时机出现了问题，我们知道，react中页面渲染需要时间，通常render方法调用之后页面才会渲染出来，我们才能在页面调用echarts.init(ele)，并且给图表设置配置项chart.setOption(option)。而我们调用echart.

2021-11-16 13:37:46 778

原创 react项目引入图片方法

1.使用import引入import user from '../img/user.png'<img src={user} alt="" />2.使用require引入（注意需要.default）<img src={require('../img/icon1.png').default} alt="" />

2021-11-03 10:45:54 202

原创 echarts - 数据可视化图表库

https://echarts.apache.org/zh/feature.htmlECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。除了已经内置的包含了丰富功能的图表，ECharts 还提供了自定义系列，只需要传入一个renderItem函数，就可以从数据映射到任何你想要的图形，更棒的是这.

2021-11-02 13:54:40 711

转载 Java 和 Javascript的关系

https://www.runoob.com/w3cnote/java-and-javascript-relationship.html经典的回答有：Java 和 Javascript 的关系就像雷锋和雷峰塔的关系，也像老婆和老婆饼的关系。一般认为，当时 Netscape 之所以将 LiveScript 命名为 JavaScript，是因为 Java 是当时最流行的编程语言，带有 “Java” 的名字有助于这门新生语言的传播。它们的相同之处包括：它们的语法和 C 语言都很相似；它们都是面向对.

2021-07-21 15:38:28 160

转载 node.js和npm

npm与nodejs发展npm作者已经将npm开发完成，于是发邮件通知 jQuery、Bootstrap、Underscore 作者，希望他们把jquery、bootstrap 、 underscore 放到npm远程仓库，但是没有收到回应，于是npm的发展遇到了瓶颈。Node.js作者也将Node.js开发完成，但是 Node.js 缺少一个包管理器，于是他和 npm 的作者一拍即合、抱团取暖，最终 Node.js 内置了 npm。后来的事情大家都知道，Node.js 火了。随着 Node.js

2021-07-16 15:29:01 82

原创支付宝小程序扩展组件的配置和使用

必要前提：安装配置node.js本人是按照菜鸟教程下载安装，关于path配置本人直接使用默认路径装在C盘，path路径自动配置好了。下图说明已经path配置好了：打开小程序项目的根目录，在根目录下cmd打开命令提示符。生成package.json文件：在命令提示符中执行命令npm init -y初始化。检查：在项目根目录下看到生成package.json文件，说明初始化成功。安装 mini-ali-ui 组件库，在命令提示符中执行命令npm install mini-ali-ui..

2021-07-12 16:18:36 1890

原创字体识别在线工具-整理

1.字由：https://www.hellofont.cn/font-ai2.打开链接查看：https://www.zhihu.com/question/20268580

2021-07-09 16:04:39 473

原创 xshell进入管理员模式

sudo suxshell进入管理员模式命令

2021-07-05 15:46:34 2289

原创支付宝小程序my.setStorage缓存限制

1.单个 key 允许存储的最大数据大小为 200KB，所有数据存储上限为 10MB。（截至文章发布时间仍然有效）https://opendocs.alipay.com/mini/api/eocm6v 官方文档

2021-07-01 11:47:44 1122

转载小程序uploadfile的原理

https://www.cnblogs.com/zhanggui/p/8807146.html小程序端跟服务器端以微信服务器为媒介进行交互

2021-07-01 11:23:14 298

转载小程序利用画布实现图片裁剪

https://www.cnblogs.com/caoruichun/p/10505586.html

2021-05-12 15:53:04 261

转载 preg_match函数的用法和匹配字符的的含义

利用 preg_match()，我们可以完成字符串的规则匹配。如果找到一个匹配，preg_match() 函数返回 1，否则返回 0。还有一个可选的第三参数可以让你把匹配的部分存在一个数组中。在验证数据时这个功能可以变得非常有用。$string = "football";if (preg_match('/foo/', $string)) {// 匹配正确}上面的例子将成功匹配，因为单词 football 里面包含 foo。现在我们来试一个更复杂的，例如验证一个 Email 地址。$string

2021-04-07 14:42:29 12559 1

原创 PHP文件中变量之间的传递

1.在一个文件中用include引用另一个文件，即可使用引用文件的变量2.url地址传输3.session存储4.tpl、html文件与php文件的数据传输，用from表单的submit提交添加链接描述添加链接描述

2021-02-02 10:10:31 442

原创 bootstrap用户点击模态框model外部时不会关闭模态框。

给模态框添加data-backdrop="static"

2021-02-01 18:05:25 1062

转载小程序：canvasToTempFilePath生成图片第一次为全透明（白色）的问题？

若使用了ctx.drawImage，ctx.drawImage调用后建议等执行完成后再调用toTempFilePath进行导出图片，否则会出现ctx.drawImage未执行完成就toTempFilePath进行导出图片会出现空白的。this.context.toTempFilePath放到this.context.draw()的回调里执行。该回调为如下的 setTimeout方法。只需要在canvas画完图片之后吧保存图片这个函数用异步来实现即可。比如：context.draw();setTim

2021-01-07 16:09:49 3437 4

qq_42318977的博客

原创盒子内容溢出，要求溢出省略号并用title进行文字提示

原创 padding影响盒子大小的情况

原创 vue无组件步骤条样式