wimenlo-CSDN博客

原创如何管理你项目中的SASS文件

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

2018-01-19 16:23:53 917

原创从移动端webAPP谈起：flex弹性布局

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

2017-12-25 10:40:58 3773

原创 rem自适应移动端布局

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

2017-12-10 22:50:41 3834

原创调用浏览器的打印预览

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

2017-09-29 22:07:06 3662 3

原创 SASS学习笔记

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

2017-08-22 14:27:20 325

原创继续模块化，这次是ES6

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

2017-08-11 14:49:45 680

原创浅谈javascript的模块化

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

2017-07-28 15:25:08 267

原创记第二次面试

这次面的一个是互联网金融的创业公司，项目是新的，人不多。1.依然问了AMD和CMD，看来有必要回去好好研究实践一下。2.上机操作，写了一些简单的代码（正则不是很记得），还有一个登陆页的重构，因为电脑和环境问题耗了比较多时间。3.问了SASS和LESS的东西，可惜我都没用过，面试官似乎对我不用这个也能实现响应式表示惊讶。。。4.问了ES6新特性，早上才刚看过，但是因为紧张没有组织好语

2017-07-26 14:29:17 245

原创记一年多以来的第一次面试

这么想起来我其实也没面过多少次哈，刚毕业参加过几次招聘会，加上自己找的，可能两个巴掌就能数完，这么说其实我还是个菜鸟。结合以前的面试经历，总结一下吧：1.投简历之前要好好确认一下这个公司的具体业务，今天面的是一个工程公司，前端用的还是上一代的技术，HR妹子介绍完之后场面一度十分尴尬。2.其实（低级）前端面试试题，来来去去也就是那几个问题：闭包，继承，新特性，感觉回去刷几套题复习一下，问

2017-07-24 15:54:08 290

原创关于ios,safari和iframe的各种

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

2017-06-20 16:09:37 13327 1

原创关于单文件组件.vue

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

2017-05-19 16:00:03 5555

原创使用npm和webpack构建工作环境

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

2017-05-10 16:16:39 1251

原创初探vue-router

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

2017-05-08 17:00:17 460

原创迟来半年的第一篇文章-初探VUE

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

2017-05-03 17:00:13 213

原创正儿八经的开始

这是第一篇文章哈。以前遇到很多技术的问题上网找答案的时候都是在CSDN找到的，其中获益良多，所以希望自己也能为前端环境出一份力，分享一下自己的学习经验。鉴于自己还是前端菜鸟，有很多东西都不懂，博客的内容可能更多的是一些自学的内容，菜鸟们共勉哈。

2016-12-27 15:51:53 224

wimenlo的前端博客