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

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

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

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

何为同构应用?

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

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

单页应用

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

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

前端渲染和后端渲染

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

2016年11月15日 2条评论 5335点热度 0人点赞 阅读全文
Nodejs

forever 让node后台运行

首次部署Node项目,开发环境的话使用node server.js 就可以开启node服务,但是关闭窗口的话,node也会关闭。显然在生产环境不能这么做,生产环境下node程序必须时刻在运行着,不能因为关闭窗口就关闭服务,所以需要后台运行。 最简单的后台运行方法是: nohup node index.js > myLog.log 2>&1 & 用途:LINUX命令用法,不挂断地运行命令。 语法:nohup Command [ Arg ... ] [ & ] 但是这种方式只是让no…

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

在阿里云上部署mongodb数据库

如果知乎上面有一篇文章是问《在一家前端职位只有你一人的公司是种怎样的体验?》的话,我觉得我是很有发言权的。每天伴随我的只有两种心态:欣喜和无奈。欣喜是我与一群优秀的伙伴共伍,工作氛围很nice。无奈的是每当遇到问题困惑的时候,没有人来帮我指点迷津!虽然说问题基本上最后我都能通过各种途径来解决,但是代价就是消耗很长的时间。比如说这次。。。。。 很久之前就在阿里云的服务器上安装了mongodb,但是一直没有时间研究,闲几天用空闲的时间做了一个Node+mongodb+React+……的小项目,想把它部署到服务器上,因为…

2016年11月04日 0条评论 3220点热度 0人点赞 阅读全文
React

使用React开发过程中遇到的问题

好不容易晴了两天,帝都再成仙境。身在仙境,向往人间! 接触React差不多近两个月了,孤军奋战,前进缓慢,但是使用React确实给我带来了很大的便利,增快了开发速度。结合Node来搭建一个全栈项目几天就可以搞定,但是还是遇到了一些问题,总结之~ 当导航切换特别快的时候,之前请求的数据出现了setState(...):Can only update a mounted or mounting component......的错误。 我出现这个问题的原因是我在constructor 初始化中增加了跳转路由的方法,所以在…

2016年11月03日 0条评论 2694点热度 0人点赞 阅读全文
React

React-Router升级指南

来到WeSafari,技术转移到React,对于我这么一个beginner来说,一边学习一遍看项目的架构,原本以为可以在这个项目上学到新的东西,谁知React更新如此之快早已经把这个项目甩出好几条街,各种废弃的API让我各种懵逼,今天终于发现了这篇优质的文章,解决了我多日以来的痛楚!(其实也不是最新的) 0.13.3 -> 1.0.0 感谢你的耐心等待,终于迎来了这次重大变更。虽然表面上看来只是更新了一些 API,而实际上为了适用于更大型的应用场景,我们几乎重写了整个代码库。新的 API 提供了按需载入路由和…

2016年09月27日 0条评论 2733点热度 0人点赞 阅读全文
React

React-Router

简介 React Router 是一个基于 React 之上的强大路由库,它可以让你向应用中快速地添加视图和数据流,同时保持页面与 URL 间的同步。 为了向你说明 React Router 解决的问题,让我们先来创建一个不使用它的应用。所有文档中的示例代码都会使用 ES6/ES2015 语法和语言特性。 不使用 React Router import React from 'react' import { render } from 'react-dom' const About = React.createCl…

2016年09月27日 0条评论 3380点热度 0人点赞 阅读全文
React

React初探

冒死总结一下React!开始作吧! React是什么? React 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。具备以下特性: 不是一个 MVC 框架 不使用模板 响应式更新非常简单 HTML5 仅仅是个开始 组件 JSX Virtual DOM Data Flow React的核心思想就是:组件封装。 每个组件有自己的state和UI,当状态改变时,自动渲染整个组件。 这种方式可以让我们不再操作DOM元素去改变UI。 写一个最简单的例子: import React from 'r…

2016年09月20日 0条评论 2690点热度 0人点赞 阅读全文
1…56789…11
搜搜看看
历史遗迹
  • 2023年5月
  • 2022年9月
  • 2022年3月
  • 2022年2月
  • 2021年12月
  • 2021年8月
  • 2021年7月
  • 2021年5月
  • 2021年4月
  • 2021年2月
  • 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