首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏一Li小麦

    react 同构初步(5)

    true } }] } 然后尝试测试一下,新建index.css: .title{ color:red; } .container{ background: #f5f5f5

    1.2K20发布于 2020-01-02
  • 来自专栏一Li小麦

    react 同构初步(1)

    react 同构初步(1) 这是一个即时短课程的系列笔记。 单页面应用(SPA)在传统的实现)上,面临着首页白屏加载时间过长,seo难以优化的难题。解决这个问题的思路之一就是ssr(服务端渲染)。 共同通向一个app.js,我们把app.js通过webpack分成两个bundle,一个是服务端的html(ssr),一个是客户端定义交互操作的js(csr),这个过程称之为同构。 ?

    2K30发布于 2019-12-19
  • 来自专栏代码随想录

    同构字符串

    同构字符串 力扣题目链接:https://leetcode-cn.com/problems/isomorphic-strings 给定两个字符串 s 和 t,判断它们是否是同构的。 如果 s 中的字符可以按某种映射关系替换得到 t ,那么这两个字符串是同构的。 每个出现的字符都应当映射到另一个字符,同时不改变字符的顺序。

    99040编辑于 2021-12-22
  • 来自专栏数据结构与算法

    BZOJ4337: BJOI2015 树的同构(hash 树同构)

    题意 题目链接 Sol 树的同构问题,直接拿hash判一下,具体流程大概是这样的: 首先转化为有根树,预处理出第\(i\)棵树以\(j\)为根时的hash值。 那么两个树同构当且仅当把两棵树的hash数组排完序后完全一致(感性理解一下) /* */ #include<bits/stdc++.h> #define Pair pair<int, int> #define

    82020发布于 2019-01-30
  • 来自专栏IMWeb前端团队

    React同构思想

    React比较吸引我的地方在于其客户端-服务端同构特性,服务端-客户端可复用组件,本文来简单介绍下这一架构思想。 running at http://127.0.0.1:1337/'); 这时候运行node server.js就能看到,不实用js,达到了同样的表格效果,这里我使用了同一个Table.js,完成客户端及服务端的同构 搞了半天,这个东西只能在客户端用,说好的同构呢! 别急,拉取数据,我们需要另外的方法。

    1.5K90发布于 2017-12-29
  • 来自专栏前沿技墅

    揭秘React同构应用

    随着React和Redux为服务端渲染提供了优良特性,同构应用变得越来越普遍。作为开发者,即使采用的技术架构并不是基于服务端渲染的同构设计,也很有必要对同构设计进行了解并掌握其原理。 同构应用 下面我们将“服务端渲染”一词替换为“同构”。其实,这两个词的背景和所表达的意义大体相同,但又有一定的差别:服务端渲染主要侧重架构层面的实现,而同构更侧重代码复用。 从这个维度上讲,同构和服务端渲染又有所区别,同构更像是服务端渲染和浏览器端渲染的交集,它弥补了服务端和浏览器端的差异,从而使得同一套代码或逻辑得以统一运行。 同构的核心是“同一套代码”,这是脱离于两端角度的另一个维度。 同构的优势和劣势 同构的优势如下: 更好的性能。这里的性能主要指渲染更加迅速、首屏展现的时间更快、文件更少,以及文件体积更小。 在这方面,同构应用显然更有优势。 更好的用户体验。

    1.2K30发布于 2018-07-31
  • 来自专栏小樱的经验随笔

    图论----同构图(详解)

    图论当中的术语,假设G=(V,E)和G1=(V1,E1)是两个图,如果存在一个双射m:V→V1,使得对所有的x,y∈V均有xy∈E等价于m(x)m(y)∈E1,则称G和G1是同构的,这样的一个映射m称之为一个同构 ,如果G=G1,则称他为一个自同构。 简单来说,同构图的结点数必须相同,结构必须相同。 如图3.6,第一个图形和第二个图形的区别在于环的数量。第一个图形为一个环,第二个为两个环,所以不是同构图。 但这还是缺少一个条件,比如图形A存在两个环a1和a2,a1有3个结点,a2有5个结点,图形B也有两个环,b1有4个结点,b2有4个结点,依旧不是同构图,这里的条件就是环上或链上的借点数相同,和结点顺序无关 include<iostream> 2 #include<cstring> 3 #include<cstdio> 4 #include<math.h> 5

    3.9K80发布于 2018-04-09
  • 来自专栏IMWeb前端团队

    React同构思想

    本文作者:IMWeb yangchunwen 原文出处:IMWeb社区 未经同意,禁止转载 React比较吸引我的地方在于其客户端-服务端同构特性,服务端-客户端可复用组件,本文来简单介绍下这一架构思想 running at http://127.0.0.1:1337/'); 这时候运行node server.js就能看到,不实用js,达到了同样的表格效果,这里我使用了同一个Table.js,完成客户端及服务端的同构 搞了半天,这个东西只能在客户端用,说好的同构呢! 别急,拉取数据,我们需要另外的方法。

    1.3K20发布于 2019-12-04
  • 来自专栏腾讯IVWEB团队的专栏

    React 同构思想

    作者:yangchunwen 导语:React比较吸引我的地方在于其客户端-服务端同构特性,服务端-客户端可复用组件,本文来简单介绍下这一架构思想。 at http://127.0.0.1:1337/'); 这时候运行node server.js就能看到,不实用js,达到了同样的表格效果,这里我使用了同一个Table.js,完成客户端及服务端的同构 搞了半天,这个东西只能在客户端用,说好的同构呢! 别急,拉取数据,我们需要另外的方法。

    1.9K10发布于 2017-05-08
  • 来自专栏kyle的专栏

    同构字符串

    题目 难度级别:简单 给定两个字符串 s 和 t,判断它们是否是同构的。 如果 s 中的字符可以被替换得到 t ,那么这两个字符串是同构的。 所有出现的字符都必须用另一个字符替换,同时保留字符的顺序。

    71100发布于 2020-12-07
  • 来自专栏一Li小麦

    react 同构初步(2)

    > `) }); app.listen(9000,()=>{ console.log('server is runing..') }); 作为客户端(client/index.js)同构 如果要进行同构必定包含client和server两端。 如果数据流是异步的,在client端无非就是componentDidAmount。在server端逻辑也是基本一致的。 本节将就异步数据流同构的实现进行讲解。 需求:通过redux在首页渲染一个课程列表。

    2.6K20发布于 2019-12-19
  • 来自专栏一Li小麦

    react 同构初步(3)

    Link to='/'>首页</Link> <Link to='about'>关于</Link>

    ) } export default Header; 公共组件应当如何同构呢

    2.2K30发布于 2019-12-19
  • 来自专栏一Li小麦

    react 同构初步(4)

    当前的项目分为三大部分:客户端(浏览器),同构服务端(nodejs中台,端口9000)和负责纯粹后端逻辑的后端(mockjs,端口9001)。 解决的思路在于对axios也进行同构(区分客户端和服务端)。 redux-chunk传递axios对象 在前面的实践中,我们用到了redux-chunk。 图标/样式 现在的同构应用,有个不大不小的问题:在network中,请求favicon.ico总是404。 因此需要安装专门做同构应用的style-loader:isomorphic-style-loader(https://github.com/kriasoft/isomorphic-style-loader > <Route {...route} />)} </Switch> </StaticRouter> </Provider> ); 然后在客户端也做一个同构处理

    2.9K10发布于 2020-01-02
  • 来自专栏IMWeb前端团队

    Webpack实战-构建同构应用

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 同构应用是指写一份代码但可同时在浏览器和服务器中运行的应用。 实际上现在主流的前端框架都支持同构,包括 React、Vue2、Angular2,其中最先支持也是最成熟的同构方案是 React。 由于 React 使用者更多,它们之间又很相似,本节只介绍如何用 Webpack 构建 React 同构应用。 同构应用运行原理的核心在于虚拟 DOM,虚拟 DOM 的意思是不直接操作 DOM 而是通过 JavaScript Object 去描述原本的 DOM 结构。 可以看到服务器返回的是渲染出内容后的 HTML 而不是 HTML 模版,这说明同构应用的改造完成。 本实例提供项目完整代码

    1.4K10发布于 2019-12-03
  • SSR React同构渲染改造

    基于React等框架的前端页面在不太复杂的前提下,可以使用同构渲染来实现同时具备服务端渲染和客户端渲染两者的优点,在调研了一下SSR相关方案之后,采用基于egg.js的同构方案来进行改造尝试,主要使用到的是 同构渲染,即一套代码前提下,可以随意切换服务端渲染和客户端渲染,彻底将前后端进行了分离。 Webpack 构建, 2) 文件落地磁盘服务端构建的文件放到 app/view 目录 3) 客户端构建的文件放到 public 目录 4) 生成的 manifest.json 放到 config 目录 5) 构建的文件都是 gitignore的,部署时请注意把这些文件打包进去 5、启动应用,默认给的npm run start不是后台启动项目,可以使用deamon参数来在服务器上后台启动,参考前文的package.json gzip_disable msie6; (IE5.5和IE6 SP1使用msie6参数来禁止gzip压缩 )指定哪些不需要gzip压缩的浏览器(将和User-Agents进行匹配),依赖于PCRE库 5、

    2.7K10编辑于 2024-01-15
  • 来自专栏樯橹代码

    使用React做同构应用

    使用React做同构应用 React是用于开发数据不断变化的大型应用程序的前端view框架,结合其他轮子例如redux和react-router就可以开发大型的前端应用。 React开发之初就有一个特别的优势,就是前后端同构。 什么是前后端同构呢? 就是前后端都可以使用同一套代码生成页面,页面既可以由前端动态生成,也可以由后端服务器直接渲染出来 最简单的同构应用其实并不复杂,复杂的是结合webpack,router之后的各种复杂状态不容易解决 一个极简单的小例子 DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>React同构</title> modules', 'sourceMap', 'importLoaders=1', 'localIdentName=[name]__[local]___[hash:base64:5]' ].

    1.5K20发布于 2019-09-02
  • 来自专栏IMWeb前端团队

    Webpack实战-构建同构应用

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 image.png 同构应用是指写一份代码但可同时在浏览器和服务器中运行的应用。 实际上现在主流的前端框架都支持同构,包括 React、Vue2、Angular2,其中最先支持也是最成熟的同构方案是 React。 由于 React 使用者更多,它们之间又很相似,本节只介绍如何用 Webpack 构建 React 同构应用。 同构应用运行原理的核心在于虚拟 DOM,虚拟 DOM 的意思是不直接操作 DOM 而是通过 JavaScript Object 去描述原本的 DOM 结构。 构建同构应用的最终目的是从一份项目源码中构建出2份 JavaScript代码,一份用于在浏览器端运行,一份用于在 Node.js 环境中运行渲染出 HTML。

    2.2K60发布于 2018-01-08
  • 来自专栏兜兜毛毛

    MySQL 锁(5)

    # 初始化 CREATE TABLE `user_lock_no` ( `id` int(5) NOT NULL, `name` varchar(255) COLLATE utf8mb4_bin Transaction 1 Transaction 2 begin; 【阻塞】--> insert into user_lock_pk value(5,'张5',15); 【阻塞】--> insert 当我们使用了范围查询,不仅命中了记录,还包含了间隙,在这种情况下我们使用的就是临键锁,它是MYSQL里面默认的行锁算法,相当于记录锁加上间隙锁。 SELECT lw.requesting_trx_id AS request_XID, trx.trx_mysql_thread_id as request_mysql_PID, trx.trx_query AS request_query, lw.blocking_trx_id AS blocking_XID, trx1.trx_mysql_thread_id as blocking_mysql_PID

    1K20发布于 2020-11-24
  • 来自专栏技术杂记

    Mysql 监控5

    再试试,就一切正常了[root@mysql-server ~]# sudo -u zabbix -H /var/lib/zabbix/percona/scripts/get_mysql_stats_wrapper.sh running-slave 1[root@mysql-server ~]# su - zabbix [zabbix@mysql-server ~]$ /var/lib/zabbix/percona/scripts /get_mysql_stats_wrapper.sh running-slave1[zabbix@mysql-server ~]$ 然后重启 zabbix-agent ,只有重启,zabbix-agent zabbix-server 测试一下连接[root@zabbix-server ~]# zabbix_get -s mysql-server -p 10050 -k "MySQL.running-slave ~]# zabbix_get -s mysql-server -p 10050 -k "MySQL.max-connections" 2048[root@zabbix-server ~]#

    1.3K40编辑于 2022-06-30
  • 来自专栏技术杂记

    mysql 迁移5

    1.6.7-356.rhel6.x86_64 libmysqlclient.so.16()(64bit) is needed by (installed) postfix-2:2.6.6-6.el6_5. x86_64 libmysqlclient.so.16(libmysqlclient_16)(64bit) is needed by (installed) postfix-2:2.6.6-6.el6_5. -40.el6_6.x86_64 libmysqlclient_r.so.16()(64bit) is needed by (installed) sysbench-0.4.12-5.el6.x86_ el6.x86_64 mysql-libs is needed by (installed) postfix-2:2.6.6-6.el6_5.x86_64 [root@slave02 src]# rpm SONAME 'libfnv1a_udf.so'" mysql -e "CREATE FUNCTION fnv_64 RETURNS INTEGER SONAME 'libfnv_udf.so'" mysql

    83420编辑于 2022-03-21
  • 领券