当当当当当~我又来了。 在项目里经常会遇到侧导航切换页面的功能。 如果我们将侧导航做成公共组件,来调用的话,就会在每一个页面都引用该组件,在后期维护的时候比较麻烦,比如改参数...
本文是在上一篇blog的圣杯布局和双飞翼布局基础上的一些改进。 不考虑把layout__main这个元素放在最前面,虽然经典的做法都要求把layout__main做法放在前面...
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》,意外受到很多朋友的关注和喜欢。但随着时间的推移,该方案已然过时,故为大家介绍一个目前我极力推荐使用的,更加完美的...
1、全局守卫 router.beforeEach全局前置守卫 next: Function:一定要调用该方法来 resolve 这个钩子。执行效果依赖 next 方法的调用参...
在开发过程经常会遇到譬如在没有登录时点击页面内容,提醒用户登录,跳转到登录页面的需求等等;vue提供了导航守卫主要用来通过跳转或者取消的方式守卫导航。首先看一下完整的导航解析...
Webpack是目前基于React和Redux开发的应用的主要打包工具。我想使用Angular 2或其他框架开发的应用也有很多在使用Webpack。 当我第一次看到Webpa...
使用前准备 使用webpack前需要先全局安装wepback和webpack-cli;执行代码: 还需要进行初始化;之后会生产一个package.json,然后进行修改 然后...
前言 单页面应用大多采用前后端分离开发思路,我们知道,前端和后端交互有多中方式(服务器端渲染、Ajax、websocket等),今天我们主要讲解Ajax部分。 最近团队讨论了...
阅读目录 1. 页面需求 2. 引入flexible.js 3. 编写CSS 4. 结束语 2个月前,写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总...
一,flexible.js 的使用方式: github地址:https://github.com/amfe/lib-flexible官方文档地址:https://github...
简言 布局的传统解决方案是基于盒状模型,依赖 display + position + float 方式来实现,灵活性较差。2009年,W3C提出了一种新的方案-Flex,F...
说到CSS命名,其实里面还有有很多思考的空间的。经过我短浅的见识,以下谈谈我对于CSS命名的一些了解和见解。 其中,我发现有两种风格对立的命名方法。 面对元素命名这是一种比较...
一、命名规则说明: - TOP 1)、所有的命名最好都小写2)、属性的值一定要用双引号("")括起来,且一定要有值如class="divcss5",id="divcs...