2017-01-25 AnnatarHe
近期在公司把 PC-WWW 项目从之前比较复杂的脚本改成了webpack,随后因为看到webpack2发布了正式版本又升级到了 webpack2。效果非常好。 为什么使用 webpack webpack 是一款非常非常强大的前端资源处理工具,可以把所有前端需要的资源统一处理。比如js文件,css文件,甚至图片,字体文件,html文件。通过一个个独特的 loader 来对文件进行一些处理。 继续阅读 »
2016-02-23 Lim Geng
放一张毫无意义的图。 前言 在github上有很多框架都是用的ES5,对于接触ES5比较多的人,如果想写ES6语法还是要有个参考, 这里用ES5/ES6实现了两段功能完全相同的代码,但是不保证可以正常运行,主要是把区别表现出来。 ES5 ```js // ES 5 var React = require("react-native"); var { Image, Text, } = React; var MyComponent = React.createClasj ss({ getDefaultProps: function() { return { prop1: value1, 继续阅读 »
2014-07-21 Zhang zhengzheng
作为最流行的MVVM(Model-View-View-Model)框架之一,相信大部分前端对AngularJS都不会陌生,我也一样久仰大名。不得不说,AngularJS所带来的改变是巨大的,被称为未来浏览器的模式一点也不为过,尤其是思维上的转变。 作为一个常年挥舞着jQuery去指挥无穷无尽的DOM的前端,初次接触AngularJS是有困难的,许多先贤警告我们不要在AngularJS中使用jQuery,不是没有道理的。即使AngularJS中带有jQlite对象,也仅仅是为了弥补一些地方AngularJS的局限性。AngularJS操作UI的方式与jQuery有着极大区别,在深入学习之后,我渐渐的发现了这点。过去使用jQuery的 继续阅读 »
2016-04-29 令狐葱
Update [20160725] Facebook 官方提供了一个可以生成React Starter项目的工具,有兴趣可以看下:create-react-app 前言 React技术之火爆无须多言,其与webpack的完美结合,也让二者毋庸置疑的成为天生一对。为了进行React的快速和规范化开发,开源社区中涌现了很多React+webpack的boilerplate项目。通过使用这些boilerplate,我们可以快速的创建一个React项目的架构。 葱哥之前专门创建了一个Github项目用于收集这些boilerplate:awesome-react-boilerplate。当然这里不可能完整收录,但是目前为止已经有近30个 继续阅读 »
2016-12-23 Lim Geng
唠叨 还有一周2016就要过去了,时间过得太快,压抑的一年,好像什么都没做,闭目冥思,反思自我得失...我勒个去,文采不好,再唠叨真成大妈了。 这一年听到最多的声音就是房价涨了,房价涨了,房价上蹿上蹿,一路飙升,疯了,全国都疯了,我也疯了,房租涨了,工资没涨,不好意思,我又禁不住 啰嗦了两句,还是聊技术吧,只有技术最可靠。 最近看了几篇关于table-cell的用法,觉得旭神总结的还不错,于是乎我就抄袭,不对,是模仿,也不合适, 其实是微微扩展了以下,增加几点需要注意的地方。 支持度 从下图可以看出,所有浏览器都支持的很好嘛。 特性(Peculiarities) table-cell的特征就是跟table的td表现是 继续阅读 »
2015-06-05 Lim Geng
小函数蕴含着大学问:函数节流之水龙头与弹簧、尾递归优化、展开参数函数、异步化函数等,整理了几个有趣的js函数,后续还会增加。 函数节流:水龙头与弹簧 什么是节流,请自行百谷 Throttle:这种方式是类似水龙头,当水滴足够大时水滴就会掉下来;类似的,当时间超过某个timeout的时候就执行函数 ```js var throttle = function(fn, timeout) { var last = new Date().getTimes(); return function() { var curr = new Date().getTimes(); if (curr - last >= 继续阅读 »
2016-08-18 令狐葱
前言 拿到一台新装的Linux服务器,该如何配置成一台可以解析动态网页脚本的Web服务器呢? 相信这是很多人都会有的问题。本文将一步一步带你从头开始搭建给予LEMP技术栈的Web服务器,并使其可以正常运行PHP、Nodejs等语言。 所谓的LEMP技术栈,顾名思义其实就是Linux, Nginx, MySQL, PHP的组合。当然,如果喜欢,你也可以不用Nginx,而去选择Apache,这就是所谓的LAMP技术栈了。 本文使用Linux版本为Ubuntu 16.04 64位版本。 TL;DR. Ubuntu服务器基本设置 使用root登录服务器 首先我们需要使用root用户登录服务器,当然你可以选择很多工具,诸如Sec 继续阅读 »
2017-02-09 Lim Geng
在以前的十多年里,我们通常会把web页面根据视觉分成不同的节(或者叫做块,盒子,区域等)。问题是我们从没有一款工具可以去做这种划分。往往是网页开起来是分块的,但是底层结构确是用编号标题(h1,h2,h3...)和非语义化元素堆积起来的。因为我们可以用来实现视觉上的分块,但是其表现与不同。对于AT用户和数据挖掘软件并不认为div分块是文档内容的分块 现在H5最终有了可用的section元素,但是很多人都不情愿去使用。为什么?因为我们是一个反对改变的群体,而且也因为说明文档与建议存在一些差异。事实上,该建议与section的算法比先前的实现更容易使用。 没错,section元素可以帮助你构建文档结构,这是w3c说明文档里的说到的。接 继续阅读 »
2015-11-18 白若水
最近一直和某系统打交道,其中前端数据的处理,大多是 ajax 加 javascript 模板实现。这种方式于绑定数据给予了极大的灵活性。 曾经 曾经在前端页面处理 javascript 的数据绑定直接拼字符串,是这样实现的: 继续阅读 »
2015-01-10 Robin Wen
目录 本站推广 币安是全球领先的数字货币交易平台,提供比特币、以太坊、BNB 以及 USDT 交易。 币安注册: https://accounts.binancezh.pro/cn/register/?ref=11190872 邀请码: 11190872 Table of Contents {:toc} 文/Robin 一 写在前面 以前写过一篇文章,里面提到自己会建站,如今这个愿望在 2014 年之末 2015 年之初实现了。 热衷开源,热爱简单,已然成为我的标签。目前我的博客基于 GitHub Pages,主题使用 So Simple Theme,域名从GoDaddy申请,采用DNSPod解析域名,使用安全宝加速网 继续阅读 »