wimenlo的前端博客

环境搭建完毕，利用vue-router实现了页面跳转，那么现在要处理的就是页面的内容了。一个页面可以看作是由各种各样的组件组成的，大至一个页面，小至一个按钮都可以作为一个组件，页面的组件化可以大大提高代码的重用性，免除了很多重复性的劳动。vue允许把用户组件写成单个的文件，尾缀为.vue，然后再以模块的方式引入,下面是我的例子：入口文件：import Vue from 'vue';i

之前的业务以移动端web app为主，页面结构基本上差不多，大概的思路是，横向流动布局，自动铺满宽度，纵向不做限定，由页面元素自上向下堆砌，然后在容器设置滚动就好了。其中，横向布局我花了点时间研究。例如一个很常见顶栏组件，分左（按钮）中（标题）右（按钮）三个部分：在不知道flex布局之前，我的方法是：中间铺满父元素，左右按钮做绝对定位，这样能够保持两边按钮组的定位，中间内容铺满，应

现在的移动终端以前，实现移动端适配的时候，我使用CSS3 @media 监测视口宽度，根据不同宽度实现不同的布局，从而实现一套CSS适配所有终端（PC，移动）。虽说听起来很方便，但实际上工作量也是相当多的，那有什么方法可以更简单地去适配移动端呢？

最近改一个页面，想要做一个打印功能，而且需要打印预览，我还没处理过这种需求，特此记录一下。要打印是比较简单的，js中使用window.print()函数就可以打印，内容为body的内容，兼容IE10以下的浏览时可以引入WebBrowser对象，然后调用WebBrowser.ExecWB(7,1)进行打印预览，调用WebBrowser.ExecWB(6,1)进行打印。主要的问题是何时

之前说到我想要用ES6的import来导入模块，但是想要使用ES6的话就需要对代码进行转码，这就关系到工作环境的搭建了。以前的工作没有工作环境的说法，用的都是很传统的东西，require，jq，bootstrap之类的，都是做简单引入，没有转码压缩打包之类的步骤。这次学习构建工作环境，将是我脱离老一套，跟上时代的第一步。说回正题，工作环境是什么？在项目的构建中，我们往往会接触到很多压缩转码

SASS，全称Syntactically Awesome StyleSheets，是基于Ruby语言的一个CSS预处理工具，我使用的是windows系统，所以需要先安装Ruby和gem，再通过gem来安装SASS。（Ruby的gem可以看作为Node的npm，都是方便的包管理工具）1.安装安装完Ruby和gem之后，进入命令行，输入：gem install sass可以开启文件监视

先说说ES6。ECMA，也就是著名的国际标准化组织，javascript的创作者把javascript交给ECMA组织，希望javascript能成为国际标准，后来，ECMAScript的第一个版本应运而生。ECMAScript经历了各种各样的版本，早在2011年就已经推出ECMAScript5.1版本，后来放弃版本号而使用年份来进行命名。在2015年推出了重要的ECMAScript201

在多次面试中被问了关于前端模块化的问题，一直没有答得完整，一方面是自己紧张，但更多的其实是自己对模块化没有足够的了解。借此机会，结合之前看过的文章重新梳理一下关于模块化的知识。一，对模块化的需求在javascript的初期，js文件加载都是使用标签直接引入，简单直接，当时的js内容不多，功能简单，所以并无不妥。到后来，随着网页开发技术的发展，对js的要求变得越来越高，文件数量越来越多，

学习vue已经有一周的时间，我已经能够完成一些基本的页面和功能，对MVVM也有了一点见解。本着“实践是检验真理的唯一标准”，我打算做一个小项目来巩固巩固知识，实际应用一下所学到的东西。想法是做一个有完整功能的SPA，通过外部API获得数据，并实现一些页面转换，增删，筛选的功能，在这之前，我首先要了解一下vue-router。vue-router是针对SPA页面跳转的一个路由插件，与vue深

大概半年前开通了优快云的博客，本想着有空就写几篇博客，记录一下自己的前端学习经历和工作感悟，但是一来工作比较忙，二来也没有学到太多东西，所以羞于下笔。近最近事情不多，终于有时间有心情好好整理一下以前的知识，写几篇博文。入职近一年，虽说工作比较多，但主要都是些重构的内容，或者是些简单的插件编写，没有接触到更深一层的前端知识。为了提升自己的能力和脱离‘切图仔’的称号，我打算深入研究一下前端框架，

最近没更新过vue的demo和博客，主要原因还是因为手头上有工作，假日也是忙得不行。不过能折腾一下也好，证明自己其实还年轻嘛。回到正题，我负责的一个项目用的是iframe嵌套页面，bootstrap做UI框架，iframe各种坑我也是早有耳闻，在开始的时候也踩了不少，好在查了不少资料也算是解决了。忽然有一天需求大哥跟我说：兄弟不得了啦，你的页面在iphone上滚动不了，点击也没反应啦。我一下被

之前的一篇文章大概地说了一下SASS的语法，这篇我想说说如何把它用在实际项目中。使用了SASS的中大型项目一般对CSS文件有着明显的分工，大致分为：RESET，统一浏览器之间的样式差异，重置样式，如某些默认的margin。网上也有很多成熟的案例，可以参照自己的习惯来自己写一个。MIXIN，统一SASS中的minxin，每个人用mixin的习惯不同，有一个自己惯用的mixin很重要。例如一些常用的居