webpack入门

2017年3月16日    标签:构建, webpack

webpack作用 Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 * 输入 - webpack - 输出 * webpack使用 简单的webpack打包配置: var webpack = require('webpack') module.exports = { entry: './entry.js', output: { path: __dirname, filename: 'bundle.js' }, module: { loaders:

阅读全文

whistle -- mac上代替fiddler最好的工具

2017年3月14日    标签:fiddler, 前端, 文件替换, web调式工具

Fiddler工具对前端同学来说应该是很熟悉的,他的文件替换功能是大家经常用到的,调式线上问题,线下开发,预览线上效果,都可以使用他的文件替换功能实现,但是,Fiddler不支持mac平台,所以经常的用其他的方法,类似Charles之类的或者chrome插件,但是都不好用,今天推荐一款node工具,可以实现fiddler的文件替换功能。 whistle 使用方法请暂时参考官网以及github上介绍,后续在补充一些常用功能使用方法。 官网地址: https://avwo.github.io/whistle/ github地址: https://github.com/avwo/whistle

阅读全文

"💩".length === 2

2017年3月13日   

Yup, it’s true. In Javascript, "💩".length === 2. You can open up a Chrome debug console, or Node.JS REPL and see for yourself. Read more

阅读全文

NProxy——Mac和Linux平台下的Fiddler

2017年3月13日   

该工具长时间未更新,问题较多,暂时不推荐,博主目前找到更好的替代产品,详情请看whistle -- mac上代替fiddler最好的工具 Fiddler工具对前端同学来说应该是很熟悉的,他的文件替换功能是大家经常用到的,调式线上问题,线下开发,预览线上效果,都可以使用他的文件替换功能实现,但是,Fiddler不支持mac平台,所以经常的用其他的方法,类似Charles之类的或者chrome插件,但是都不好用,今天推荐一款node工具,可以实现fiddler的文件替换功能。 NProxy 使用方法请参考官网以及github上介绍。 官网地址: https://avwo.github.io/whistle/ github地址: https:

阅读全文

异步与同步,阻塞与非阻塞

2017年3月13日    标签:前端, 异步, 阻塞

异步同步 异步在前端编程中是很常见的概念,那到底异步和同步是指什么? 异步 异步指的是调用在发出后就立即返回了,也就是调用立即结束了,调用的结果通过信号等机制通知调用者,调用者可以在调用返回结果之前执行其他的操作,常用的处理方式是回调,这种场景大量存在于前端的ajax请求,nodejs的文件调用,网络调用场景当中; $.post('/url', { title: '异步', content: 'xx' }, function() { console.log('收到响应'); }); console.log('发送Ajax结束'); 如上所示的代码,可以看到收到响应是在发送AjaxA结束之后输出的。 同步 同步指的是调用发出后程序将停止运行等待调用结果的返回,

阅读全文

前端模块化打包构建中的一些常用工具

2017年3月09日    标签:前端

模块化规范 模块系统 requireJs RequireJS 是一个JavaScript模块加载器,采用AMD的模块化规范。它非常适合在浏览器中使用,使用RequireJS加载模块化脚本将提高代码的加载速度和质量。 seaJs seaJS 是一个JavaScript模块加载器,遵循CMD规范。 eslJs ESL是一个浏览器端、符合AMD的标准加载器,适合用于现代Web浏览器端应用的入口与模块管理。 ESL vs RequireJS 体积更小 (Smaller) 性能更高 (Higher performance) 更健壮 (More Robustness) 不支持在非浏览器端使用 (Browser only)

阅读全文

linux服务器端口绑定失败

2017年2月27日    标签:linux

错误信息如下: Permission denied: AH00072: make_sock: could not bind to address [::]:8889 一般出现这个问题是因为linux的防火墙禁用了端口,解决发放有两个: 1.通过semanage命令添加需要绑定的端口 semanage port -a -t http_port_t -p tcp 8889 2.关闭linux防火墙 修改/etc/

阅读全文

关于nginx配置fastcgi出现503错误解决

2017年2月27日    标签:nginx

首先说下,什么是fastcgi,简单来讲就是一个协议,用来规范数据传输格式的。在nginx服务器下,如果我们需要处理index.html文件,一般是直接发送给客户端,但是如果是index.php文件的话我们需要先调用php解析器(CGI程序)来解析php文件,然后再把结果发送给客户端,调用解析器的过程中涉及到一些数据的传递,这就需要一些规范约束。但是每个CGI程序都需要去解析php.ini配置然后启动php进程,这就带来性能问题,fastcgi就是在此基础上省略掉每次解析配置的过程,从而提高性能问题,而说到fastcgi就不得不提下php-fpm,php-fpm是一个实现了Fastcgi的程序。总而言之就是可以再nginx的配置下面配置fastcgi,从而实现解析php文件。 如果对于fastcgi和php-fpm或者CGI还有问题的同学,可以看看这个链接: https://segmentfault.com/q/

阅读全文

代码开发部署系统

2017年2月24日    标签:运维, 架构

Walle 开源部署系统,支持多项目、多环境一键部署上线,一键快速回滚,上线单申请、审核、部署、实时操作日志。多任务插件:pre-deploy、post-deploy、pre-release、post-release。完整的功能支持:权限、通知、文件指纹。 项目地址:https://github.com/meolu/walle-web 百度效率云 领先的研发工具SAAS解决方案,提供代码托管于版本管理,持续集成与交付,敏捷项目管理功能 项目地址:

阅读全文

vuejs组件库

2017年2月24日    标签:前端, vuejs

一个数据驱动的组件,为现代化的 Web 界面而生。具有可扩展的数据绑定机制,原生对象即模型,简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用 官网地址:https://github.com/vuejs/vue 安利demo:https://github.com/ustbhuangyi/vue-sell 对vuejs有一定了解之后,就进入正文了,主要推荐两款组件库: 移动端 VUX 基于Vue和WeUI的组件库。

阅读全文
© 喻小右 2016 京ICP备15064386号-1