![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
闭曈彤
这个作者很懒,什么都没留下…
展开
-
前端切图的通俗解释(说人话)
首先设计师给了psd之后,前端分析一下布局,然后把其中需要用到的图片或者图标用ps的切片工具分割好,然后点击左上角 [文件 ] —[ 保存为web模式] 就会得到一个images的文件夹,里面是一些零散的图片(就是你分割的那些)。然后前端开始写代码,一般纯色的背景或者按钮 和一些系统自带的文字都是可以直接用代码打出来的,就那样用代码一点一点的组成、还原设计师设计的网页,其中的一些icon和图片自转载 2017-09-23 18:11:40 · 5191 阅读 · 0 评论 -
Module build failed: Error: Failed to find '~styles/common.css' 在stylus里无法引入css文件的解决方法
先贴报错信息:Module build failed: Error: Failed to find ‘~styles/border.css’in [C:\代码\university for the aged\user\src\pages\tips]at resolveModule.catch.catch (C:\代码\university for the aged\user\node_m...原创 2019-05-13 10:47:02 · 8076 阅读 · 0 评论 -
子div在父div里底部居中
父div:position relative子div: position absolute bottom 0 left 50% transform: translateX(-50%);效果如下图。ps:我在其他博客看到很多人的写法是 transform: translate(-50%, -50%); 这个在我这里不行,改成transform: tr...原创 2019-05-19 17:48:41 · 2408 阅读 · 0 评论 -
高德地图添加点击事件实例(vue)
基本使用方法: 先把map对象new出来,传入参数为html里的div idvar map=new AMap.Map('container');然后就可以使用map对象了。map,覆盖物等常用的类,官方推荐用on方法绑定,如下代码绑定了一个mouseover事件,鼠标进入时会弹出alert: map.on('mouseover',function () { ...原创 2018-04-13 15:50:45 · 20439 阅读 · 0 评论 -
Uncaught Error: USERKEY_PLAT_NOMATCH 的原因和解决办法
查阅官方文档,说是key的类型不符。 解决方法: 在key管理里,申请或更换对应服务的key。 最后在main.js 或引用key的地方更改。原创 2018-04-01 22:53:44 · 9471 阅读 · 1 评论 -
vue transition1.0到2.0的迁移(饿了么demo)
1.0 版本实现detail组件的淡入淡出 html: transition作为一个属性,可以取值。<div v-show="show" class="detail" transition="fade">css(stylus): 注意类名的写法,1.0的写法是&.fade-transition .detail transition a...原创 2018-03-12 23:54:40 · 944 阅读 · 1 评论 -
webstorm护眼绿柔主题分享(JetBrains都可用)
更新:调整了默认字体为25号,按Ctrl+滚轮可以缩放字体。如图,由于webstorm没有自带的豆沙绿色系,故参考了sublime和Hbuilder的豆沙绿主题进行配置。本人十分钟爱豆沙绿色系,绿色和黄色是最让人舒适的颜色。效果如下图 导出的主题下载地址: 链接:https://pan.baidu.com/s/1gi3RG85k4nsg4JVO8dEVqg 密码:etfz...原创 2018-03-12 10:16:01 · 22549 阅读 · 51 评论 -
webstorm使用stylus语法换行无法自动缩进的解决办法
如图所示,取消勾选即可换行自动缩进,不用再一个个打空格了!原创 2018-03-10 21:44:37 · 3037 阅读 · 4 评论 -
expected "indent" got "eos"的彻底终结方法
报错原因:混用了tab和空格键。 彻底解决办法: 1. 先显示代码中的tab和空格键。每个编辑器的设置方法不同,自行查找,这里以webstorm为例。 2. ctrl+R键 查找tab替换为空格。在输入框里,先打一个tab键,再打2个空格,(我的代码风格为2个空格缩进,使用vue语法和stylus)也可以在文中先打出一个tab,再复制到输入框里。 补充:不知道怎么看代码规范设置的,...原创 2018-03-10 21:33:54 · 8767 阅读 · 1 评论 -
同时引入多个同类型文件的技巧
举例,若想同时引用stylus文件夹下的三个文件,base,icon,mixin。 则新建一个index文件,在index里import这三个所需文件。我这里用的是stylus的语法。@import "./mixin"@import "./icon"@import "./base"最后,在main.js里,只需要引入一个index,就等于把这三个都引入进来了。建议一个index里...原创 2018-02-20 22:04:07 · 331 阅读 · 0 评论 -
@media对不同内核浏览器dpi像素兼容性的设置
对于webkit内核的浏览器和非webkit的浏览器,不同dpi下的像素设置为:@media(-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) .border-1px &::after -webkit-transform:scaleY(0.7) transform s...原创 2018-02-20 21:52:34 · 458 阅读 · 0 评论 -
vue花括号数据绑定不成功的问题
html> head> meta charset="utf-8" /> title>title> head> script src="js/vue.js" type="text/javascript" charset="utf-8">script> script src="js/main.js" type="text/javascri原创 2018-01-19 23:51:31 · 3521 阅读 · 4 评论 -
浏览器滚动条样式对应介绍(Webkit内核)
::-webkit-scrollbar{/* 1 /} /滚动条垂直方向的宽度与水平方向的高度*/ ::-webkit-scrollbar-button{/* 2 /} /滚动条按钮*/ ::-webkit-scrollbar-track{/* 3 /} /滚动条轨道*/ ::-webkit-scrollbar-track-piece{/* 4 /} /滚动条垂直方向轨道件*/ :原创 2018-02-04 15:06:09 · 381 阅读 · 0 评论 -
同一页面无法显示多个模态框的解决办法
问题描述:第一个模态框可以正常弹出,第二个模态框只显示阴影,无弹出。 解决办法:在两个模态框的代码外分别包裹div。 如图所示,这是一个修改教师信息的弹出框,模态框的具体代码被我折叠了,大家看包裹的模态框的div就好。给每个模态框加这样的div就能正常显示了。原创 2018-01-01 22:33:04 · 5241 阅读 · 0 评论 -
dl里的内容无法居中的原因和解决办法
先说无法居中的原因:dl-dt-dd是标题+列表类标签,dt和dd里的内容默认一定会缩进,导致dl-dt-dd中的text-align无效。解决办法: 1. 去掉默认样式*{ margin: 0; padding: 0;}一定要先记得清掉默认样式啊!!很多奇怪的问题就迎刃而解了。以下是未清除默认样式的解决方法: 1. 用margin调整dd或者dt。 3. 改用ul-li标签原创 2017-11-21 16:23:46 · 2604 阅读 · 0 评论 -
遍历不规则数组的算法
例如电影院选座,对座位有无预定进行初始化的时候,每一排座位数量都可能不同。 初始化循环如下: 取每个数组元素 分别遍历。原创 2017-11-17 22:33:24 · 820 阅读 · 0 评论 -
vue element-ui Radio单选框默认值选不中的原因:混用字符和数字
先贴灵感来源:添加链接描述**问题描述:**在写编辑信息弹窗时,性别的值一直不能根据v-model的值选中,但是用{{editForm.sex}}是能正确打印出单选框的label值的。以下是我的代码:模板:<el-radio-group v-model="editForm.sex"> <el-radio class="radio" :label=...原创 2019-06-25 22:12:26 · 25610 阅读 · 14 评论