自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

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

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

2023-05-15 16:02:52 227

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

padding撑大盒子

2022-12-16 11:28:05 1408

原创 vue无组件步骤条样式

vue无组件步骤条样式

2022-12-13 16:32:41 255

原创 vue中鼠标长按事件(或鼠标按下、鼠标离开事件)

vue中鼠标长按事件(或鼠标按下、鼠标离开事件)

2022-09-21 11:35:45 14059

原创 vue二维码

vue二维码

2022-08-23 15:46:46 205

转载 px、物理像素、rem、rpx的关系

px和物理像素

2022-07-05 17:03:09 701

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

Hbuiler项目在微信小程序运行

2022-07-01 11:06:44 720

转载 react元素渲染的两种封装形式-函数和ES6

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 186

转载 COOKIE和SESSION有什么区别?

cookie和session

2022-01-05 17:13:23 93

转载 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 431

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

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

2022-01-04 15:02:28 654

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

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

2021-12-17 10:21:49 1660

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

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

2021-12-02 15:01:05 3165

转载 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 17885

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

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

2021-11-16 18:09:21 1059

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

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

2021-11-16 13:37:46 705

原创 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 164

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

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

2021-11-02 13:54:40 624

转载 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 126

转载 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 61

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

必要前提:安装配置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 1802

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

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

2021-07-09 16:04:39 415

原创 xshell进入管理员模式

sudo suxshell进入管理员模式命令

2021-07-05 15:46:34 2178

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

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

2021-07-01 11:47:44 1036

转载 小程序uploadfile的原理

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

2021-07-01 11:23:14 241

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

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

2021-05-12 15:53:04 231

转载 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 11428

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

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

2021-02-02 10:10:31 405

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

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

2021-02-01 18:05:25 1018

转载 小程序: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 3275 4

原创 canvas隐藏

canvas隐藏用hidden=‘true’会销毁canvas,图片也同样销毁。只需要更改css的属性就可以了。position:fixed;left:100%;

2021-01-07 15:15:05 2423

转载 微信小程序使用this.setData。显示setData是undefined的解决。以wx.chooseImage为例

在微信小程序中,经常会使用this.setData来绑定数据。容易引起错误"setData" of undefinedjs/---/data:{ image:" "//image此时为空值 ............. .............. handChooseImage:function(){//响应函数 wx.chooseImage({//微信API success:(res)=>{//使用箭头函数可以避免this为undefined,或者setData为空

2021-01-07 14:45:47 3311

转载 在数据库中查询某个字段存在哪些表中(sql语句)

在数据库中查询某个字段存在哪些表中(sql语句)select TABLE_NAMEfrom information_schema.COLUMNSwhere TABLE_SCHEMA=‘数据库名’and COLUMN_NAME=‘字段名’

2020-12-30 10:52:57 5554

转载 小程序开发者工具快捷键

常用小程序快捷键1.格式调整Ctrl+S:保存文件Ctrl+[,Ctrl+]:代码行缩进Ctrl+Shift+[,Ctrl+Shift+]:折叠打开代码块Ctrl+C Ctrl+V:复制粘贴,如果没有选中任何文字则复制粘贴一行Shift+Alt+F:代码格式化Alt+Up,Alt+Down:上下移动一行Shift+Alt+Up,Shift+Alt+Down:向上向下复制一行Ctrl+Shift+Enter:在当前行上方插入一行Ctrl+Shift+F:全局搜索2.光标相关Ctrl+E

2020-09-01 15:33:32 1214 1

原创 前端面试题总结

1.怎么使用css让一个div垂直居中?<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ /*绝对定位,*/ position:absolute; width:200px; height:200px;

2020-08-16 17:05:08 174

原创 webstorm缩进两个空格设置

webstorm缩进两个空格设置

2020-07-24 14:48:44 5081

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除