今天的代码你撸了嘛

摘要： 前言 这段时间的小项目中算是真正意义上使用了rem来进行移动端的页面布局，项目结束了我反思了一下之前的对于rem的使用...原来我以前对rem用法完全是在搞笑啊！！结合这次这个小项目，我觉得我也有必要对rem布局以及用法进行一次总结。 ps.文笔可能不太好... 1.什么是rem 来自于鹅厂ISUX 阅读全文

摘要： 一、那么如果你确定要使用rem单位，就按以下三个步骤来计算： 1、确定基数：一般10px，自己记住就行，不用写进代码里 2、html {font-size:百分数;} 百分数=基数/16 基数10 百分数62.5% 基数14 百分数87.5% 3、px换算rem 公式=想要的px值/基数 也就是说，当你设置 html {font-si... 阅读全文

摘要： Flex布局官方称为CSS Flexble Box布局模型是CSS3为了提高元素在容器中的对齐、方向、顺序，甚至它们是动态的或者不确定大小的新布局模型。Flex容器的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间 。 很多的设计师和开发者发现Flex布局很容易使用，它定 阅读全文

摘要： router.push(location) http://www.jianshu.com/p/ee7ff3d1d93d 除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。router.push(location)想要导航 阅读全文

摘要： Vue 资源典藏，包括：UI组件 开发框架 服务端 辅助工具 应用实例 Demo示例 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通... 阅读全文

摘要： 操作DOM 在使用vue.js的时候，有时候因为一些特定的业务场景，不得不去操作DOM，比如这样： {{test}} tet export default { data () { return { test: 'begin' }; }, methods () { ha... 阅读全文

摘要： 这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了 keep-alive 的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。 HTML部分： ... 阅读全文

摘要： 现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获. 基于现在用vue+webpack搭建项目的文档已经有很多了,我就不再累述了. 技术栈 vue2.0 vue-router axios 拦截器 阅读全文

摘要： vue 路由传参 params 与 query两种方式的区别 初学vue的时候，不知道如何在方法中跳转界面并传参，百度过后，了解到两种方式，params 与 query。然后，错误就这么来了： router文件下index.js里面，是这么定义路由的： { path:"/detail", name: 阅读全文

摘要： 进一步了解flex布局—来实现这些常见布局吧 flex布局具有便捷、灵活的特点，熟练的运用flex布局能解决大部分布局问题，这里对一些常用布局场景做一些总结。 web页面布局(topbar + main + footbar) 示例代码 要实现的效果如下： 图1 html代码： <div class= 阅读全文