03 2018 档案

vue2.0：（六）、移动端像素border的实现和整合引入less文件
摘要：知识点一、如何在手机上看我们制作的移动端页面。 正常我们在电脑上都是按如下图来制作手机页面的： 如果要在手机上面看就不能用localhost了。所以，进入命令行，输入ipconfig查看本地ip地址： 然后返回本地页面，把localhost替换成这个地址。然后把整体输入在手机上，就能看到页面在手机上 阅读全文
posted @ 2018-03-27 11:30 Beyrl.pan 阅读(1026) 评论(0) 推荐(0)
vue2.0：（五）、路由vue-router
摘要：好的，接下来，我们来写路由。用的是vue2.0的路由。 步骤一：配置main.js 步骤二：配置App.vue，写入组件 注意：知识点哦，知识点： 1、使用 router-link 组件来导航 2、通过传入‘to’ 属性指定链接(与router/index.js的path属性相一致) 3、route 阅读全文
posted @ 2018-03-27 09:53 Beyrl.pan 阅读(1374) 评论(0) 推荐(0)
解决Chrome浏览器自动记录用户名和密码的黄色背景问题和该解决方法与tab切换至下一个input冲突的问题。
摘要：哈哈哈，是不是标题很长呀，不逗你们了。其实这么长的标题主要就说了两件事： 第一件：解决Chrome浏览器自动记录用户名和密码的黄色背景问题。 第二件：输入完用户名后按下tab键切换至下一个输入密码input。这个效果和第一件的解决方案有些冲突。这里也用一种简单粗暴的方式解决了。 那我们接下来先解决第 阅读全文
posted @ 2018-03-26 16:34 Beyrl.pan 阅读(1952) 评论(0) 推荐(0)
sublime text 快捷键新建.vue
摘要：第一步：添加模板： 模板写法如下： 第二步：打开 Default.sublime-commands,复制粘贴以下配置 第三步：打开Default.sublime-keymap，添加快捷键 添加模板如下： 好啦，你现在可以用啦~~~ 阅读全文
posted @ 2018-03-23 11:22 Beyrl.pan 阅读(929) 评论(0) 推荐(0)
vue2.0：（四）、首页入门，组件拆分1
摘要：为什么需要组件拆分呢？这样才能更符合模块化这样一个理念。 首先是index.html,代码如下： app.vue文件： main.js文件 好，先让我们看一下这么写的效果和最后呈现在HTML的结构是什么样的（太简单了，我怕你们打我。。。。） 我脑子笨，你们原谅我连这点都想不明白，我刚开始就在纠结这三 阅读全文
posted @ 2018-03-23 11:09 Beyrl.pan 阅读(3205) 评论(0) 推荐(0)
vue2.0：（三）、项目开始，首页入门（main.js，App.vue,importfrom）
摘要：接下来，就需要对main.js App.vue 等进行操作了。 但是这就出现了一个问题：什么是main.js，他主要干什么用的？App.vue又是干什么用的？main.js 里面的import from又在干嘛？newVue（{}）是干嘛的？里面又需要什么参数，它到底能干什么。在网上搜了一篇博文，解 阅读全文
posted @ 2018-03-22 17:25 Beyrl.pan 阅读(44201) 评论(1) 推荐(9)
vue2.0：（二）、mock数据
摘要：什么是mock数据呢？很多情况下，后台的搭建比起前端来说要麻烦的多，所以，常常是前端写好了页面以后后台接口却没有写好，但是在一个项目中，接口调试确实是最浪费时间的，所以，往往前端需要自己模拟数据。 第一步：这里有一个data.json,用来放置我们模拟的数据： 其格式类似于： 但是最后具体是什么样的 阅读全文
posted @ 2018-03-22 15:12 Beyrl.pan 阅读(3279) 评论(0) 推荐(1)
sublime text less安装踩坑图文讲解（less无法生成css）
摘要：唉，怎么感觉做个前端几乎把所有的坑都踩遍了啊，别人按照网上安装了一遍就好使，我这里就死活不行。 先说一下我的问题：网上说的能安装的都按了，可是sublime就是不给我生成css文件，后来知道了，就是less的版本问题。。。 最后解决方法上图： less怎么在sublime上使用呢，需要准备如下： 1 阅读全文
posted @ 2018-03-22 14:21 Beyrl.pan 阅读(2667) 评论(0) 推荐(0)
vue2.0：（一）、vue的安装和项目搭建（以外卖app项目举例）
摘要：vue系列踩坑大作战由此就要开始了，准备好了吗，和我一起踩坑，学会vue吧。同时，也欢迎大家把自己遇到的坑发出来，让更多的人学会vue，因为我深知前端学习新框架不容易，尤其是我这种半路出家的女前端。不废话了，开始吧： 摘要：本篇文章介绍了vue环境配置，项目的搭建等。（如果有人node安装配置环境变 阅读全文
posted @ 2018-03-21 13:50 Beyrl.pan 阅读(3120) 评论(3) 推荐(0)