摘要: 哈哈哈,是不是标题很长呀,不逗你们了。其实这么长的标题主要就说了两件事: 第一件:解决Chrome浏览器自动记录用户名和密码的黄色背景问题。 第二件:输入完用户名后按下tab键切换至下一个输入密码input。这个效果和第一件的解决方案有些冲突。这里也用一种简单粗暴的方式解决了。 那我们接下来先解决第 阅读全文
posted @ 2018-03-26 16:34 Beyrl.pan 阅读(1882) 评论(0) 推荐(0) 编辑
摘要: 第一步:添加模板: 模板写法如下: 第二步:打开 Default.sublime-commands,复制粘贴以下配置 第三步:打开Default.sublime-keymap,添加快捷键 添加模板如下: 好啦,你现在可以用啦~~~ 阅读全文
posted @ 2018-03-23 11:22 Beyrl.pan 阅读(923) 评论(0) 推荐(0) 编辑
摘要: 为什么需要组件拆分呢?这样才能更符合模块化这样一个理念。 首先是index.html,代码如下: app.vue文件: main.js文件 好,先让我们看一下这么写的效果和最后呈现在HTML的结构是什么样的(太简单了,我怕你们打我。。。。) 我脑子笨,你们原谅我连这点都想不明白,我刚开始就在纠结这三 阅读全文
posted @ 2018-03-23 11:09 Beyrl.pan 阅读(3146) 评论(0) 推荐(0) 编辑
摘要: 接下来,就需要对main.js App.vue 等进行操作了。 但是这就出现了一个问题:什么是main.js,他主要干什么用的?App.vue又是干什么用的?main.js 里面的import from又在干嘛?newVue({})是干嘛的?里面又需要什么参数,它到底能干什么。在网上搜了一篇博文,解 阅读全文
posted @ 2018-03-22 17:25 Beyrl.pan 阅读(43813) 评论(1) 推荐(9) 编辑
摘要: 什么是mock数据呢?很多情况下,后台的搭建比起前端来说要麻烦的多,所以,常常是前端写好了页面以后后台接口却没有写好,但是在一个项目中,接口调试确实是最浪费时间的,所以,往往前端需要自己模拟数据。 第一步:这里有一个data.json,用来放置我们模拟的数据: 其格式类似于: 但是最后具体是什么样的 阅读全文
posted @ 2018-03-22 15:12 Beyrl.pan 阅读(3242) 评论(0) 推荐(1) 编辑
摘要: 唉,怎么感觉做个前端几乎把所有的坑都踩遍了啊,别人按照网上安装了一遍就好使,我这里就死活不行。 先说一下我的问题:网上说的能安装的都按了,可是sublime就是不给我生成css文件,后来知道了,就是less的版本问题。。。 最后解决方法上图: less怎么在sublime上使用呢,需要准备如下: 1 阅读全文
posted @ 2018-03-22 14:21 Beyrl.pan 阅读(2623) 评论(0) 推荐(0) 编辑
摘要: vue系列踩坑大作战由此就要开始了,准备好了吗,和我一起踩坑,学会vue吧。同时,也欢迎大家把自己遇到的坑发出来,让更多的人学会vue,因为我深知前端学习新框架不容易,尤其是我这种半路出家的女前端。不废话了,开始吧: 摘要:本篇文章介绍了vue环境配置,项目的搭建等。(如果有人node安装配置环境变 阅读全文
posted @ 2018-03-21 13:50 Beyrl.pan 阅读(3084) 评论(3) 推荐(0) 编辑
摘要: 这期给大家介绍下移动端布局。平时写,有的用百分比,有的用rem来做,但无论哪种,都需要了解flex弹性盒子布局,进入正题: Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。 先举个易于理解并实用的例子: 比如说这张图片,是一个商品的列表页,一行有三个。那么 阅读全文
posted @ 2017-09-05 11:38 Beyrl.pan 阅读(475) 评论(0) 推荐(0) 编辑
摘要: 上一个项目快上线了,这几天正好bug也少了,组长突然就交给我几张移动端新增板块的psd,让我做移动端的页面。经过各种查阅资料总算做的可以适应各种手机型号的大小屏幕(也是因为这几张psd较简单)。下面就进入正题: 一、meta 1、视窗宽度: ①.width=device-width 是设置视窗宽度为 阅读全文
posted @ 2017-09-05 11:04 Beyrl.pan 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 昨天在安装完git之后,出了一个问题,虽然暂时有解决的办法,但是由于电脑中了病毒并且配置低下等原因,这个问题的解决办法目前还有待考证。遇到的问题是这样的: 前提是想试一下git在命令行里的命令:于是: 1、键盘上win+r ,输入cmd,确定。会弹出命令行来。如下图: 2、按照昨天所说的下图进行操作 阅读全文
posted @ 2017-08-24 10:29 Beyrl.pan 阅读(381) 评论(0) 推荐(0) 编辑