愚墨的博客
  • 首页
  • 前端技术
  • 面试
只争朝夕不负韶华
前端技术

webpack

详细的webpack介绍什么的,在这里就不说了,直接写它能做什么以及如何去做! 常用的功能有: 代码压缩: html压缩 (使用HtmlWebpackPlugin插件) HtmlWebpackPlugin插件在生成HTML调用了 html-minifier 插件来完成对HTML的压缩,这里我们使用两个配置完成来移除HTML中的注释以及空白符达到压缩的效果,其他的具体的配置参数大家请参考 html-minifier API //根据模板插入css/js等生成最终HTML new HtmlWebpackPlugin({…

2016年11月28日 0条评论 1483点热度 0人点赞 阅读全文
Nodejs

Node直出理论

之前有一篇文章介绍了什么是前端渲染和后端渲染,以及他们之间的优缺点,同时有一个疑问就是:web的发展经历了 后端渲染(前后端协同工作)-->  前端渲染(前后端分离) --->  直出、同构、后端渲染 之前的话一直有个疑问就是web的发展路线为何从后端渲染又回到了后端渲染,直到最近了解到Node直出理论,我才恍然大悟! 直出是什么?到底是怎样的性能优化?本文将结合从在浏览器输入url,到展示最终页面的过程来对其进行一步步分析。 模式 1 - 前后端分离 从用户输入 url 到展示最终页面的过程,这种模式…

2016年11月21日 0条评论 1753点热度 0人点赞 阅读全文
Nodejs

在Node中实现HTTP客户端

Node的http模块提供了两个函数 http.request http.get 功能是作为客户端向HTTP 服务器发起请求,http模块可以作为服务器也可作为客户端,Node经常会需要访问外部服务器来实现功能,可以使用这两个函数。 http.request 接受两个参数,option 是一个类似关联数组的对象,表示请求的参数,callback是请求的回调函数 。 http.request 返回一个 http.ClientRequest 的实例 。 常用的options有: var options = { prot…

2016年11月19日 0条评论 1454点热度 0人点赞 阅读全文
Nodejs

Nunjucks

node的express默认的模板引擎是ejs和jade,jade的难度最高,初学者很容易会少写空格等从而导致编译失败,而ejs语法和js类似,使用起来更加顺手,nunjucks的写法和ejs相似,但是功能要比ejs强大,简单的介绍一下nunjucks的使用。 nunjucks官方文档有中文版,详细的文档请移步 Nunjucks 。这里我就写一下简单的使用,适合入门开发者学习。 安装   npm install nunjucks --save 开始使用   var nunjucks = requ…

2016年11月18日 0条评论 2119点热度 0人点赞 阅读全文
Nodejs

使用nodemon自动重启node程序

        使用node开发的小伙伴都知道,每次更改完程序代码之后必须重启一下,否则不会更新,但是每次手动重启又特别麻烦,有的时候自己忘了重启一直出不来效果还让自己很气愤。         nodemon 是一款非常实用的工具,用来监控 NodeJS 源代码的任何变化和自动重启你的服务器,这样我们只需要刷新页面就能看到你的改动。这里还有个一个工具 supervisor 也能实现同样的功能,但相…

2016年11月17日 0条评论 1550点热度 0人点赞 阅读全文
tools

gulp-rev和gulp-rev-collector的使用

上一篇文章文章介绍了前端工程化中的缓存问题,以及如何处理缓存问题,比较好的就是gulp-rev正好解决的就是这个问题。 参见上一篇文章,rev做的事情真是如此,他会根据静态文件资源内容生成一个内容散列值,打包出来的文件会增加上这个散列值,与此同时会生成一个json文件用来保存打包前和打包后文件的对应关系。然后将html里面的链接修改为增加散列值的文件就可以了,这样就可以找到资源了。很重要的一点(上一篇文章也介绍了)就是:静态服务器要配置静态资源的过期时间为永不过期。 这样做的目的是: 静态资源在客户端只会请求一次(…

2016年11月16日 0条评论 1763点热度 0人点赞 阅读全文
前端技术

变态的静态资源缓存与更新

在我刚开始接触前端的时候,曾在知乎上看到一篇关于缓存和前端工程化的文章(回答),激发了我对前端领域的兴趣,但是当时的我还只是个孩子(哈哈),完全看不懂文章讲的是什么,当时给我的感觉就是好厉害的样子,时至今日,偶然又看到这篇文章,以及文章中的前端工程化和处理缓存的方法,竟与我现在的做法不谋而合(好的解决方案一定会普及的),虽然是两年钱的文章了,但是原理依旧正确可用。 以下为正文: 这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。 在我…

2016年11月16日 0条评论 1382点热度 0人点赞 阅读全文
前端技术

何为同构应用?

  大学学习Java的时候老师说过Java有个牛逼的特点就是“Write once, run everywhere”,想想当时还真是屌炸天,但是鄙人愚钝,学到高级Java课程的时候就学不进去了,要不现在就是Java工程师了,哈哈!   同构JavaScript应用指的是用JavaScript编写的应用,能够同时运行于客户端和服务器。因此,你只需编写一次代码,在服务器上执行它来实施静态页面,同时执行于客户端以允许快速的交互。所以这种方法在两个世界中都能取得最好的结果。既然能在服务器端运行,那后端构建语言只能是Node…

2016年11月15日 0条评论 1975点热度 0人点赞 阅读全文
前端技术

单页应用

什么是单页应用(Single Page Application)? 单页面应用是指用户通过浏览器加载独立的HTML页面并且无需离开此导航页面,这也是其独特的优势所在。对用户操作来说,一旦加载和执行单个页面应用程序通常会有更多的响应,这就需要返回到后端Web服务器,而单页面应用为用户提供了更接近一个本地移动或桌面应用程序的体验。 单页应用(spa)是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web…

2016年11月15日 0条评论 1672点热度 0人点赞 阅读全文
前端技术

前端渲染和后端渲染

有些人一看这些什么前端渲染、后端渲染……什么的,就感觉一脸懵逼,what are they? 其实有些时候一些概念性的东西会让你觉得:“我靠,好高深啊,什么新技术啊”。但是当你知道它究竟是什么的时候你就会发现,原来就那么回事。就相当于“渐进增强、优雅降级” 一样,你可能不太清楚他们是什么,但是其实就是做兼容的两种方式罢了。 概念的东西都是比较唬人的,但是有些时候你不得不去了解他们到底讲的是什么! 后端渲染(服务器端渲染) 多年前,Web是一群由HTML和CSS构建的静态页面,没有太多的交互性。每个用户行为要求服务器…

2016年11月15日 2条评论 3448点热度 0人点赞 阅读全文
12
搜搜看看
历史遗迹
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年5月
  • 2021年4月
  • 2021年1月
  • 2020年12月
  • 2020年11月
  • 2020年9月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年3月
  • 2020年1月
  • 2019年5月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年9月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年7月
  • 2017年6月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年6月
  • 2015年4月

COPYRIGHT © 2020 愚墨的博客. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS