- 博客(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
916
原创 关于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
173
原创 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
6830
原创 Web Components的探索
前言:前端目前比较主流的框架有react,vue.js,angular,我们通常去搭建组件库的时候都是基于一种框架去搭建,比如我们使用频率较高的element-ui就是基于vue.js搭建的组件库。目前前端社区已经有工具提供不同框架之间的转化服务,比如将vue.js转化为react,但是毕竟不同的框架有着不同的标准,因此api发生变动就需要重写转化逻辑。那么有没有这样一种方案,一次编写,跨平台使用呢,答案是肯定的,这也就是我们这篇文章的主题Web Components。
2021-06-26 15:48:42
270
原创 iview的日期组件如何在设置开始和结束时间的时候将置灰的日期精确到时分
前段时间做一个需求,用iview的日期组件做一个开始日期和结束日期的控制,开始日期不得晚于结束日期,结束日期不得小于结束日期;这种情况下就需要设置置灰时间,时间不是精确到天,而是精确到时和分
2021-06-04 17:35:29
717
原创 解决vue不是内部或者外部命令的问题
最近在安装vue-cli3的时候出现了一个问题,就是我明明安装了vue但是依然报错vue不是内部或者外部命令
2021-03-14 20:12:48
2058
4
原创 fixed定位在ios手机上定位失效的原因
前几天遇到一个问题,我给两个元素加上了fixed定位,一个Z-index为500,一个z-index为509,如果不出意外应该是z-index值大的上面,但是实际发到ios手机上之后,非常奇怪
2020-04-12 11:55:50
2311
原创 深度解析元素的css属性是如何形成的
前段时间遇到一个问题就是一个div的子元素中有p标签也有button标签,给div标签加了字体的颜色和属性值p标签继承了div标签的字体大小和颜色但是button标签却是自己的字体颜色和属性,深度的去学习的一下元素的css到底是如何形成的
2019-11-17 21:27:58
159
原创 怎样更改ios手机弹起的软键盘的回车键的文字显示
1,在input框中输入文字的时候会弹起手机软键盘;2,如果是ios手机软键盘上的回车键会显示下一步,如何将下一步改为s搜索,两步<form action=""><input value="search"/></form>3,注意这里必须有一个form标签嵌套在input标签的外面;但是不太清楚原因...
2019-11-13 22:49:46
1230
原创 修改一个前端代码的时候发到测试环境就卡顿,打开控制台就报错
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
741
原创 css中float与几种定位的关系
本文主要解析在页面布局的时候浮动与relative,absolute,fixed几种定位方式在同时出现的时候会出现一些问题
2018-12-09 17:57:22
551
原创 如何解决input框在输入焦点的时候在android手机上被遮挡住的问题
这段时间在做一个购物车的功能,购物车在需要用到input输入框来进行数量的修改,然后就遇到一个问题,就是我在修改数量的时候下面的输入框在获取焦点的时候看不到了
2018-11-25 12:50:18
874
原创 如何将html转化为图片并将该图片以文件流的形式传送到后台
技术环境:vue html2canvas总体思路:将html---->图片的base64位的形式----->将base64转化为文件流---->传送给后台逐步解析:step1:将html转化为图片我用vue开发,首先npm install html2canvashtml部分:<div class="imageWrapper" ref="canvastoIm...
2018-10-17 23:49:12
5621
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人