xiaochao Blog

每天一个前端知识（28）:Vue+Webpack开发可复用的单页面富应用教程（配置篇）

frontend

关于vue+vueRouter+webpack 本项目可以帮你快速搭建一个基于Vue的单页面富应用，目前已将开发环境和生产环境进行单独配置（webpack.dev.config.js和webpack.prod.config.js），当然也可根据需要自行添加灰度配置文件。目前的开发环境文件名使用默认命名（比如1.chunk.js），生产环境使用带hash值的命名（比如1.0891dcfed6...

Posted by Tiny on June 22, 2017

每天一个前端知识（27）:Vue+Webpack使用规范

frontend

注意要点 1.开发尽量使用ES2015，遵循CommonJS规范 2.切勿直接操作DOM，要操作数据 3.尽量使用Vue的语法糖，比如可以用:style代替v-bind:style；用@click代替v-on:click 刚开始使用Vue比较容易进入的一个误区，Vue是以数据驱动的，所以只用关系数据的变化即可，不是万不得已，千万不要主动操作DOM；不要在JS里绑定跟业务相关的事件...

Posted by Tiny on June 21, 2017

每天一个前端知识（26）:AMD规范

frontend

AMD（异步模块定义）是为浏览器环境设计的，因为 CommonJS 模块系统是同步加载的，当前浏览器环境还没有准备好同步加载模块的条件。 AMD 定义了一套 JavaScript 模块依赖异步加载标准，来解决同步加载的问题。模块通过 define 函数定义在闭包中，格式如下： define(id?: String, dependencies?: String[], factory: ...

Posted by Tiny on June 20, 2017

每天一个前端知识（25）:CommonJS规范

frontend

CommonJS 是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目，比如在服务器和桌面环境中。这个项目最开始是由 Mozilla 的工程师 Kevin Dangoor 在2009年1月创建的，当时的名字是 ServerJS。我在这里描述的并不是一个技术问题，而是一件重大的事情，让大家走到一起来做决定，迈出第一步，来建立一个更大更酷的东西。 —— Kevin ...

Posted by Tiny on June 19, 2017

每天一个前端知识（24）:Growth Hacking

frontend

Growth Hacking这个词最近多见于各大科技媒体，人们热衷的讨论这一群既懂互联网技术，又懂营销人心的奇才们。什么是 Growth Hacking ？ Growth hacking是由在科技初创公司所开发出来的市场营销专用术语，通过利用创意、分析性思维、社交媒体来售卖产品以及扩大品牌的公众曝光度，你可以将其视为网络营销系统中的一部分。在很多Growth Hacking的案例中...

Posted by Tiny on June 18, 2017

每天一个前端知识（23）:node.js之path模块

frontend

node之path模块 //引用该模块 var path = require("path"); 1、路径解析，得到规范化的路径格式 //对window系统，目录分隔为'\', 对于UNIX系统，分隔符为'/'，针对'..'返回上一级；/与\\都被统一转换 //path.normalize(p); var myPath = path.normalize(__dirname + '/te...

Posted by Tiny on June 17, 2017

每天一个前端知识（22）:js判断

frontend

js判断移动端字体尺寸 (function (root) { var docEl = document.documentElement, timer = null, width, last; function changeRem () { width = docEl.getBoundingClientRect().width;...

Posted by Tiny on June 16, 2017

每天一个前端知识（21）:CSS浏览器兼容性问题

frontend

兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width，但 IE 不会，故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略，可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题: vertic...

Posted by Tiny on June 15, 2017

每天一个前端知识（20）:Meta标签与搜索引擎优化

frontend

Meta Description Meta description标签可能是最有用的标签之一。顾名思义，它会给搜索引擎提供关于这个网页的简短的描述。代码如下: <meta name=”description” content=”Everything you need to know about meta tags for search engine optimization”/&g...

Posted by Tiny on June 14, 2017

每天一个前端知识（19）:CSS完成元素居中的其中方法

frontend

在网页上使 HTML 元素居中看似一件很简单的事情. 至少在某些情况下是这样的，但是复杂的布局往往使一些解决方案不能很好的发挥作用。在网页布局中元素水平居中比元素垂直居中要简单不少，同时实现水平居中和垂直居中往往是最难的。现在是响应式设计的时代，我们很难确切的知道元素的准确高度和宽度，所以一些方案不大适用。据我所知, 在CSS中至少有六种实现居中的方法。我将使用下面的HTML结构从简单到...

Posted by Tiny on June 13, 2017

xiaochao Blog

每天一个前端知识（28）:Vue+Webpack开发可复用的单页面富应用教程（配置篇）

frontend

每天一个前端知识（27）:Vue+Webpack使用规范

frontend

每天一个前端知识（26）:AMD规范

frontend

每天一个前端知识（25）:CommonJS规范

frontend

每天一个前端知识（24）:Growth Hacking

frontend

每天一个前端知识（23）:node.js之path模块

frontend

每天一个前端知识（22）:js判断

frontend

每天一个前端知识（21）:CSS浏览器兼容性问题

frontend

每天一个前端知识（20）:Meta标签与搜索引擎优化

frontend

每天一个前端知识（19）:CSS完成元素居中的其中方法

frontend

FEATURED TAGS

ABOUT ME

FRIENDS