摘要:
vue使用stylus样式预处理器,样式总是报错,需要从上一行的样式回车换行才不会报错 <style lang="stylus" scoped> .navbar margin-bottom:1rem & > .nav padding: 20px </style> 阅读全文
摘要:
<template> <div id="app"> <div class="tabbar"> <div class="mytab" v-for="(tab, i) in tabs" @click="forChageTag(i)"> <router-link class="tab" :to="tab. 阅读全文
摘要:
1、viewport 简单粗暴的方式: 直接设置viewport为320px的1.3倍,将页面放大1.3倍。 为什么是1.3? 目前大部分页面都是以320px为基准的布局,而iphone6的宽度比是375/320 = 1.171875,iphone6+则是 414/320 = 1.29375那么以1 阅读全文
摘要:
1、安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了48032 阅读全文
摘要:
一、px em rem px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。em会继承父级元素的字体大小。 rem是CSS3新增的一个相对单位(roo 阅读全文
摘要:
这是一篇译文,原文:Immediately-Invoked Function Expression (IIFE) 原文是一篇很经典的讲解IIFE的文章,很适合收藏。本文虽然是译文,但是直译的很少,而且添加了不少自己的理解。 ps:下文中提到的“立即执行函数”其实就是“立即执行函数表达式” 我们要说的 阅读全文
摘要:
问题1:作用域 考虑如下代码: JavaScript 1 2 3 4 5 6 7 (function() { var a = b = 5; })(); console.log(b); JavaScript JavaScript 1 2 3 4 5 6 7 (function() { var a = 阅读全文
摘要:
浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0, 下面的元素会自动补位,所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮动 .ovh{ overflow: 阅读全文
摘要:
Base Prepration: 作为一名Web前端开发工程师,应该要有自己的个人作品(如个人网站之类),博客,和所关注的用于学习和分享Web前端技术的社区或贴吧(如github, w3cschool等)。 面试之“闲扯”: 1. 你觉得前端是做什么的? 2. 你在之前的工作中都做哪些前端相关的工作 阅读全文
摘要:
1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装,请百度 //检查是否有node.js npm vue win+r 输入cmd 输入node -v 回车 会出现node,js的版本 输入npm -v 回车 会出现npm的版本 输入vue -V 回车 会出现vue的版本 2 阅读全文