摘要: 工作中遇到关于css样式问题,记录下来。一是提醒自己,二是方便大家参考。 一.问题:下图是电脑和安卓上的样式 下图是苹果电脑的样式 答案:给每一个块级添加:vertical-align: top; 二、(使用scrollTop后)安卓手机滑动很快,在苹果手机上滑动会卡顿(一卡一卡的)这时候添加一个c 阅读全文
posted @ 2018-09-21 15:50 前端婷婷 阅读(3328) 评论(0) 推荐(0) 编辑
摘要: 刚工作的时候也没注意关于css的规则,根据自己的心情想怎么用就怎么用,完成工作就好不会考虑代码的可读性,加载的性能,现在身为前端的一员就要有程序员的自我修养(嘿嘿,是不是很有责任感啊)。 废话不多说,现在开始写关于css 规范的一些内容,首先css规范有:css文件命名,标签css命名,css顺序 阅读全文
posted @ 2018-09-18 17:50 前端婷婷 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 一.水平居中 1.文字水平居中 <div class="one"> 测试居中 </div> <style> .one{ width: 200px; height: 100px; border:1px solid red; text-align: center; } </style> 2.盒子居中 < 阅读全文
posted @ 2018-03-28 17:19 前端婷婷 阅读(1220) 评论(2) 推荐(2) 编辑
摘要: 1。项目有启动报这个错误的,是因为node版本太低了,nuxt要求node版本要达到8.0.0以上 . 2.插件推荐 阅读全文
posted @ 2018-03-28 10:42 前端婷婷 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 一,共同点 (1)存储时用setItem: (2)获取时用getItem: (3)清除时用clearItem (4)都本地存储 (5)存储时转化成字符串,获取时转化成对象 二,不同点 (1)sessionStorage的用法: sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除 阅读全文
posted @ 2018-03-28 10:41 前端婷婷 阅读(762) 评论(0) 推荐(0) 编辑
摘要: gen1.首先进入nuxt的官网跟着步骤实现内容。 https://zh.nuxtjs.org/guide/plugins 2.在我们的项目目录中找plugin 根据图片中的表示引入内容: 根据上图中的红线引入element-ui 以上和官网的上的差不多,但是如果你用的是element-ui的2.0 阅读全文
posted @ 2018-01-16 11:04 前端婷婷 阅读(3679) 评论(1) 推荐(0) 编辑
摘要: 报错的内容: nuxt.config.js中的图片 如果出现第一张图的中的错误: 请注释掉第二张图中extend里面的loader:‘eslit-loader’,或者把extend里面if下面的内容全部注释掉错误就会消失。 出现错误的原因: 是用了es6,我们的代码不规范造成的。 最近在做服务器渲染 阅读全文
posted @ 2018-01-05 16:59 前端婷婷 阅读(2239) 评论(1) 推荐(0) 编辑
摘要: 一、声明式渲染有两种: 1.插值用两个花括号如:{{内容}} 例子:html <div id="app1"> <p>{{message}}</p></div> js: var nv = new Vue({ el:'#app1', data:{ message:'哈喽!', }}) 2.绑定数据如:v 阅读全文
posted @ 2017-09-17 09:55 前端婷婷 阅读(1846) 评论(0) 推荐(0) 编辑
摘要: 希望对大家有用 全局组件的第一种写法 html: <div id = "app"> <show></show></div> js: 第一步:实例化Vue对象 var app = new Vue({ el:"#app" }) 第二步:定义组件 var myComponent = Vue.extend( 阅读全文
posted @ 2017-09-16 23:02 前端婷婷 阅读(3122) 评论(0) 推荐(0) 编辑
摘要: 所有方法基于这个数组: var arr=[1,3,4,5,6,7,8]; 1.length属性: arr.length;//7 动态获取数组长度. 2.shift: arr.shift();//1 删除数组中第一个元素,返回删除的那个值,并将长度减1;如:console.log(arr.shift( 阅读全文
posted @ 2017-08-03 16:05 前端婷婷 阅读(298) 评论(0) 推荐(0) 编辑