自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何使用scss循环来解决margin的设置问题

前言:在后台管理系统中,我们常常会遇到要设置margin,padding,怎样用scss来将这些样式写成公用的方便组件页面的调用,我们可以用scss循环来解决这个问题.$margin-pixel:10,20$margin-position:top,right,bottom,left$margin-class:'t','r','b','l';@each $item in $margin-pixel { @each $p in $margin-position { $index: i

2021-11-28 17:18:06 811

原创 关于NVM这个node版本管理工具的安装及使用

1,下载Release 1.1.7 - Maintenance Release · coreybutler/nvm-windows · GitHub2,安装3,在这一步我要强调一下,千万不要将这个node.js的文件也就是第二张图片中的安装文件跟第一张图中NVM存放的位置放在同一个文件夹,这样会报奇怪的错误,我之前就犯过这个错误。4,使用nvm list 查看已经安装的版本nvm version 查看当前的版本nvm install 安装最新版本nvmnvm use .

2021-11-28 16:50:20 106

原创 JS的防抖与节流

// 防抖 function debounce (callback,delay) { var t = null; return function () { clearTimeout(t); t = setTimeout(callback,delay); } } window.onscroll = debounce(function(){ console.log("调用...

2021-09-28 12:14:09 6737

原创 Web Components的探索

前言:前端目前比较主流的框架有react,vue.js,angular,我们通常去搭建组件库的时候都是基于一种框架去搭建,比如我们使用频率较高的element-ui就是基于vue.js搭建的组件库。目前前端社区已经有工具提供不同框架之间的转化服务,比如将vue.js转化为react,但是毕竟不同的框架有着不同的标准,因此api发生变动就需要重写转化逻辑。那么有没有这样一种方案,一次编写,跨平台使用呢,答案是肯定的,这也就是我们这篇文章的主题Web Components。

2021-06-26 15:48:42 220

原创 iview的日期组件如何在设置开始和结束时间的时候将置灰的日期精确到时分

前段时间做一个需求,用iview的日期组件做一个开始日期和结束日期的控制,开始日期不得晚于结束日期,结束日期不得小于结束日期;这种情况下就需要设置置灰时间,时间不是精确到天,而是精确到时和分

2021-06-04 17:35:29 633

原创 解决vue不是内部或者外部命令的问题

最近在安装vue-cli3的时候出现了一个问题,就是我明明安装了vue但是依然报错vue不是内部或者外部命令

2021-03-14 20:12:48 1978 4

原创 fixed定位在ios手机上定位失效的原因

前几天遇到一个问题,我给两个元素加上了fixed定位,一个Z-index为500,一个z-index为509,如果不出意外应该是z-index值大的上面,但是实际发到ios手机上之后,非常奇怪

2020-04-12 11:55:50 2101

原创 防止浏览器将文字识别为电话号码

前段时间在做一个搜索功能的时候,在搜索一长串数字的时候,在移动端列表的其他长串数字前会莫名加上之前搜索的长串文字

2020-03-29 10:36:17 478

原创 深度解析元素的css属性是如何形成的

前段时间遇到一个问题就是一个div的子元素中有p标签也有button标签,给div标签加了字体的颜色和属性值p标签继承了div标签的字体大小和颜色但是button标签却是自己的字体颜色和属性,深度的去学习的一下元素的css到底是如何形成的

2019-11-17 21:27:58 100

原创 怎样更改ios手机弹起的软键盘的回车键的文字显示

1,在input框中输入文字的时候会弹起手机软键盘;2,如果是ios手机软键盘上的回车键会显示下一步,如何将下一步改为s搜索,两步<form action=""><input value="search"/></form>3,注意这里必须有一个form标签嵌套在input标签的外面;但是不太清楚原因...

2019-11-13 22:49:46 1079

原创 修改一个前端代码的时候发到测试环境就卡顿,打开控制台就报错

1,前段时间修改一段别人的代码,提交测试之后页面跳转就非常卡顿,后面在本地调试的时候打开了控制台发现卡顿的页面会报错,`[Vue warn]: Property or method “toJSON” is not defined on the instance but referenced during render.2,找了很久不清楚什么原因,最后看到一篇博客,然后注释掉了所有页面中creat...

2019-03-17 11:00:16 660

原创 一种好看的表单提交方式

前几天在网上查看表单提交的模板,看到一款样式感觉挺好看的,结果自己写的样式有点儿复杂,后来仔细想想其实很简单

2018-12-30 17:56:12 1094

原创 css中float与几种定位的关系

本文主要解析在页面布局的时候浮动与relative,absolute,fixed几种定位方式在同时出现的时候会出现一些问题

2018-12-09 17:57:22 502

原创 如何解决input框在输入焦点的时候在android手机上被遮挡住的问题

这段时间在做一个购物车的功能,购物车在需要用到input输入框来进行数量的修改,然后就遇到一个问题,就是我在修改数量的时候下面的输入框在获取焦点的时候看不到了

2018-11-25 12:50:18 835

原创 如何将html转化为图片并将该图片以文件流的形式传送到后台

技术环境:vue html2canvas总体思路:将html----&gt;图片的base64位的形式-----&gt;将base64转化为文件流----&gt;传送给后台逐步解析:step1:将html转化为图片我用vue开发,首先npm install html2canvashtml部分:&lt;div class="imageWrapper" ref="canvastoIm...

2018-10-17 23:49:12 5465

空空如也

空空如也

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

TA关注的人

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