jss

How to change the border color of Material-UI <TextField/>

由 主宰稳场 提交于 2020-11-30 04:49:25
问题 I can't seem to figure out how to change the outline color of an outlined variant I looked around GitHub issues and people seem to be pointing towards using the "InputProps" Property but this seems to do nothing. Here is my code in its current state import React from 'react'; import { withStyles } from '@material-ui/core/styles'; import TextField from '@material-ui/core/TextField'; import PropTypes from 'prop-types'; const styles = theme => ({ field: { marginLeft: theme.spacing.unit,

分析mysql慢查询日志的好工具--mysqlsla

由 做~自己de王妃 提交于 2020-08-20 00:16:06
转自：http://blog.itpub.net/7607759/viewspace-692828 mysql数据库的慢查询日志是非常重要的一项调优辅助日志，但是mysql默认记录的日志格式阅读时不够友好，这是由mysql日志记录规则所决定的，捕获一条就记录一条，虽说记录的信息足够详尽，但如果将浏览慢查询日志做为一项日常工作，直接阅读mysql生成的慢查询日志就有可能比较低效了。 除了操作系统命令直接查看slowlog外，mysql自己也提供了一个阅读slowlog的命令行工具：mysqldumpslow，该命令行提供了一定的分析汇总功能，可以将多个类似的SQL语句抽象显示成一个，不过功能还是有些简陋，除此之外，还有不少的第三方工具，可用于分析mysql慢查询日志，其中，三思用了一阵子mysqlsla，感觉简单又易用。 mysqlsla不仅仅可用来处理慢查询日志，也可以用来分析其它日志比如二进制日志，普通查询日志等等，其对sql语句的抽象功能非常实用，参数设定简练易用，很好上手。 当前mysqlsla的最新版本为2.03，可以下拉到官网下载，地址如下： http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz mysqlsla是perl编写的脚本，运行mysqlsla需要perl-DBI和per-DBD-Mysql两模块的支持

20年行业变革与技术演进，当下CDN如何为政企数字化转型加速？

由 ⅰ亾dé卋堺 提交于 2020-08-12 15:29:43
CDN是内容分发网络，它可以将本来位于源站的内容分发到全国各地的节点，方便用户去就近访问所需的内容，以此达到缓解互联网网络拥塞、提升应用响应速率、改善用户体验的作用。随着互联网行业的变迁，CDN经历了几个关键的技术发展阶段。 紧随互联网浪潮，CDN走上历史舞台 谈到CDN诞生，不得不得到万维网之父Tim Berners-Lee。麻省理工学院教授Tim Berners-Lee作为互联网发明者之一，在制订了3w标准后，敏感地预见到在不久的将来网络拥塞将成为互联网发展的障碍，于是他提出一个技术挑战，要发明一种全新的、从根本上实现互联网内容的无拥塞分发的方法。当时在隔壁的Tom Leighton意识到通过数学算法可以解决内容传输的问题，并且开始实施自己的商业计划，在1998年成立了第一家CDN商业公司。 此后的1999年至2001年，全球互联网迎来发展浪潮，网站和互联网服务如同雨后春笋般蓬勃生长，网页内容加速需求爆发，CDN也因此走上历史舞台。最早CDN都是以将静态内容缓存到终端用户附近的形式来存在的，比如将文本、HTML、JSS、图片、文件等缓存到网络边缘，如果源站有新的静态资源产生，CDN也会及时去缓存这些资源，这可以避免集中访问带来的拥塞，并优化跨地域、跨运营商访问性能问题，让用户更快地浏览到想要的内容，也能为源站服务器的减负。 行业变迁，从内容缓存到动态加速 随着互联网的兴起

How to apply custom animation effect @keyframes in MaterialUI using makestyles()

由 三世轮回 提交于 2020-07-15 04:36:54
问题 I have learnt to use animation in css using @keyframe. I however want to write my custom animation code to my react project(Using materialUI). My challenge is how I can write the javascript code to custom my animations using the makeStyle() in MaterialUI. I want to be able to custom the transitions processes in percentages this time around in materialUI. I need to be able to write codes like this in makeStyle() but I don't seem to know how to. @keyframes myEffect { 0%{ opacity:0; transform:

Nested class in another selected class with makeStyles

由 强颜欢笑 提交于 2020-06-17 02:56:15
问题 I need to know how to target 'element' when root is selected This is makeStyles: const useStyles = makeStyles(theme => ({ root:{ '&.selected': { } }, element: { } }) This is jsx <div className={`${classes.root} ${elementSelected ? 'selected : ''}`}> <div className={classes.element}> </div> </div> 回答1: You can use https://www.npmjs.com/package/classnames to achieve this. const useStyles = makeStyles(theme => ({ root:{ '&.selected $element': { } } }) And your JSX import classNames from

Simple selector and nested selector in JSS

由 ▼魔方 西西 提交于 2020-05-15 02:48:06
问题 I'm currently training on ReactJS. I'm using material-ui and JSS (totally new for me). I don't understand how can I simply select my H6 element or my H6 children elements (dangerStyle). Any idea ? Thanks ! myJss.js const myJss = theme => ({ textCenter : { textAlign:'center' }, dangerStyle: { fontWeight:'normal', color:"#FF0000" }, h6: { color:"#00FF00", "&.dangerStyle" : { fontWeight:'bold', } } }); export default myJss; app.js import React, { Component } from 'react' import { withStyles }

Simple selector and nested selector in JSS

由 半腔热情 提交于 2020-05-15 02:47:12
问题 I'm currently training on ReactJS. I'm using material-ui and JSS (totally new for me). I don't understand how can I simply select my H6 element or my H6 children elements (dangerStyle). Any idea ? Thanks ! myJss.js const myJss = theme => ({ textCenter : { textAlign:'center' }, dangerStyle: { fontWeight:'normal', color:"#FF0000" }, h6: { color:"#00FF00", "&.dangerStyle" : { fontWeight:'bold', } } }); export default myJss; app.js import React, { Component } from 'react' import { withStyles }
订阅 jss