枫若 - 博客园

2018年5月18日

摘要：作者：脚本小娃子 1、安装create-react-app：npm/cnpm installl create-react-app -g 2、创建项目：create-react-app my-first-app 3、此时项目里包含一个registerServiceWorker.js文件，作用是什么呢？阅读全文

posted @ 2018-05-18 13:54 枫若阅读(288) 评论(0) 推荐(0)

学习react总结

摘要：一、web开发涉及的基本技术有哪些首先我们讲一下，你在浏览器输入地址到可以看到网页，这个过程发生了什么？ 1、浏览器渲染页面的过程 1.DNS 查询 2.TCP 连接 3.HTTP 请求即响应 4.服务器响应 5.客户端渲染 2、客户端渲染的过程 1.处理 HTML 标记并构建 DOM 树。 2. 阅读全文

posted @ 2018-05-18 13:28 枫若阅读(196) 评论(0) 推荐(0)

浏览器的渲染：过程与原理

摘要：作者：天方夜本文关于浏览器对页面的渲染——这一过程的描述及其背后原理的解释。如果了解清楚浏览器的渲染过程、渲染原理，其实就掌握了指导原则。根据优化原则，可以实现出无数种具体的优化方案，各种预编译、预加载、资源合并、按需加载方案都是针对浏览器渲染习惯的优化。关键渲染路径提到页面渲染，有几个相关阅读全文

posted @ 2018-05-18 08:52 枫若阅读(146) 评论(0) 推荐(0)

2018年5月17日

为什么选择react

摘要：我们知道，浏览器通过Http请求从各个异构服务器获取到html文档。会根据包含相关信息的请求头和请求体，将其解析并构建成一个DOM树。同时，根据文档获取到相关的css文档，这些文档里面包含了许许多多的CSSOM。最后，这颗DOM树和这些CSSOM会在浏览器内存中形成一个Render树，浏览器就是根据阅读全文

posted @ 2018-05-17 21:58 枫若阅读(163) 评论(0) 推荐(0)

React 全家桶实现后台管理界面

摘要：原文链接https://blog.csdn.net/oxuzhenyi/article/details/77418227 https://www.cnblogs.com/MuYunyun/p/6843584.html http://cnodejs.org/topic/5a43615dd92f2f5b 阅读全文

posted @ 2018-05-17 21:37 枫若阅读(241) 评论(0) 推荐(0)

前后端同构

摘要：原文链接https://www.tuicool.com/articles/z2eQNrI 公司内部的公用图标字体平台 iconfont 上线一年以来，运行良好，在内部承担起了客户端减容、提高前端开发效率的任务。但由于其臃肿的架构导致的运行效率底下和页面卡顿等问题也一直给使用者造成诸多不便。我们对项目阅读全文

posted @ 2018-05-17 18:00 枫若阅读(1210) 评论(0) 推荐(0)

浅谈React前后端同构防止重复渲染

摘要：作者：随风溜达的向日葵什么叫前后端同构？为了解决某些问题（比如SEO、提升渲染速度等）react 提供了2个方法在服务端生成一个HTML文本格式的字符串。在得到了这个HTML格式的字符串之后，通常会将其组装成一个页面直接返回给用户的浏览器。到这里，服务端的活已经干完了，然后就是浏览器这边干活。阅读全文

posted @ 2018-05-17 17:35 枫若阅读(201) 评论(0) 推荐(0)

由React引发的前后端分离架构的思考

摘要：摘要以React技术栈为主分享我们在大规模企业应用建设过程中遇到的问题，对前后端分离架构的思考，前后端分离的技术方案，前后端分离过程中的实践经验，前后端分离带来的效果与价值，以及目前存在的问题与未来可能的尝试。应用的现状我们的应用拥有接近100w的用户、3K+的QPS、5亿+的单表数据、万亿级阅读全文

posted @ 2018-05-17 17:34 枫若阅读(2201) 评论(0) 推荐(0)

2018年5月16日

css切角+玻璃效果

摘要： <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>样式</title> <link rel="stylesheet" href 阅读全文

posted @ 2018-05-16 10:02 枫若阅读(263) 评论(0) 推荐(0)

2018年5月11日

react项目加d3.js

摘要：在react项目中加入svg图表，使用d3.js 在项目中加入d3:在终端中输入命令cnpm || npm install d3 --save 在组件中加入图表，代码如下： import React, { Component } from 'react';import * as d3 from 'd 阅读全文

posted @ 2018-05-11 16:42 枫若阅读(405) 评论(0) 推荐(0)

枫若

公告