摘要:一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择 阅读全文
posted @ 2015-10-27 12:51 starof 阅读(14068) 评论(4) 推荐(6) 编辑
摘要:css多栏自适应布局还是需要总结一下的,都是基本功。 一般使用position属性布局,或者用float属性布局,也可以使用display属性。 看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮 阅读全文
posted @ 2015-08-20 15:55 starof 阅读(6527) 评论(7) 推荐(6) 编辑
摘要:一、包含块(Containing Block) 要讲position,首先就涉及到一个概念:包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块,就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块(Initial containi 阅读全文
posted @ 2015-07-13 22:45 starof 阅读(2777) 评论(1) 推荐(4) 编辑
摘要:一、浮动介绍 历史: 浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。 定位方式: 浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1 阅读全文
posted @ 2015-07-06 23:13 starof 阅读(9388) 评论(7) 推荐(9) 编辑
摘要:一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow 阅读全文
posted @ 2015-05-30 23:21 starof 阅读(1725) 评论(0) 推荐(2) 编辑
摘要:前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix 阅读全文
posted @ 2015-05-19 17:25 starof 阅读(21803) 评论(2) 推荐(3) 编辑
摘要:一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent 阅读全文
posted @ 2015-05-19 14:23 starof 阅读(3197) 评论(0) 推荐(0) 编辑
摘要:为什么要写这篇文章是因为 上面代码执行结果是这样的。按照我的理解,body在DOM中比html近,应该会按body h1中定义的绿色来显示文字,但是恰恰相反,文字颜色是紫色的。 原因现在我当然是知道的,因为css中优先级无视DOM树中节点的距离远近,就是说DOM树中的距离不会对元素优先级计算产生影响 阅读全文
posted @ 2015-04-07 09:28 starof 阅读(23788) 评论(2) 推荐(4) 编辑
摘要:一、GraphQL Facebook产品,跟React一样。 描述型的查询语言,可以把我们需要的资源全描述成类型。使用的时候我们可以只取得我们需要的字段。 非常方便的添加和废弃字段。 按需请求:后台给我提供我需要的字段 前端追求传输数据的Size。按需查询这样特别好。 二, GraphQL与rest 阅读全文
posted @ 2021-01-06 08:08 starof 阅读(21) 评论(0) 推荐(0) 编辑
摘要:Angular CLI借助 Amber CLI创建目录, Webpack 测试打包。 使用 1、安装Node 参考:前端构建工具gulp使用 2、安装cnpm npm install -g cnpm --registry $ npm install -g cnpm --registry=https: 阅读全文
posted @ 2020-12-04 09:51 starof 阅读(34) 评论(0) 推荐(0) 编辑
摘要:作者:张铁蕾链接:https://www.zhihu.com/question/49618581/answer/117107570来源:知乎著作权归作者所有,转载请联系作者获得授权。 首先,从大的方面说,这篇文档的名字,虽然叫“Backpressure”(背压),但却是在讲述一个更大的话题,“Flo 阅读全文
posted @ 2020-11-29 19:28 starof 阅读(63) 评论(0) 推荐(0) 编辑
摘要:Java8允许在接口中加入具体方法。 接口中的具体方法有两种,default方法和static方法,identity()就是Function接口的一个静态方法。 Function.identity()返回一个输出跟输入一样的Lambda表达式对象,等价于形如t->t 形式的Lambda表达式。 pr 阅读全文
posted @ 2020-11-22 21:14 starof 阅读(200) 评论(0) 推荐(0) 编辑
摘要:webpack打包时出现 Error: ENOENT: no such file or directory, scandir 解决方案是执行以下方法: npm rebuild node-sass 可是有时就是网络问题导致上面命令安装失败,查下失败提示,有可能是 Cannot download "ht 阅读全文
posted @ 2020-11-16 08:42 starof 阅读(111) 评论(0) 推荐(0) 编辑
摘要:map是同步处理数据,flatMap是异步处理数据。 map()返回的是最终订阅的对象。 而flatMap()是个方法,返回的是一个流,也就是一个Flux或者Mono。 可以把这个flux看作一个二维嵌套的flux。其中绿色的和黄色的分别是一个Flux。 当我们要订阅Flux的时候,我们需要把嵌套里 阅读全文
posted @ 2020-10-20 07:13 starof 阅读(180) 评论(0) 推荐(0) 编辑
摘要:一个对象转换成另一个对象。 过滤出,员工薪酬等于2000,通过map方法转换成以Leader为对象的Flux。 通过log查看过滤之后的员工 也可以把log放在map之后 阅读全文
posted @ 2020-10-20 06:53 starof 阅读(28) 评论(0) 推荐(0) 编辑
摘要:压缩两个流,形成一个流 压缩三个流 阅读全文
posted @ 2020-10-20 06:41 starof 阅读(37) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2020-10-19 08:42 starof 阅读(0) 评论(0) 推荐(0) 编辑
摘要:Logs日志,向服务器发请求或服务器响应的时候所产生的Log日志。 服务器端 在filter里加上日志logRequest, filter里加上logReaponse 运行 Resquest和Response日志都可以打出来 可以把WebClient配置定义在一个Configuration,定义成一 阅读全文
posted @ 2020-09-08 08:41 starof 阅读(308) 评论(0) 推荐(0) 编辑
摘要:1,服务器端加一个错误埋点 2,客户端使用onStatus()错误处理,处理500错误机制 处理4开头和5开头的异常 3,访问 服务器后台: 4,服务器端模拟一个401错误 客户端访问 isError包含了4开头的错误码和5开头的错误码。 阅读全文
posted @ 2020-09-08 07:47 starof 阅读(258) 评论(0) 推荐(0) 编辑
摘要:一、WebClient Uri传参 Uri传参有两种,一种是@RequestParam,一种是@PathVariable @RequestParam通过key,value的形式传参。 @PathVariable通过占位符的形式传参。 1,@RequestParam传参 1,服务器端 接收消费者端提交 阅读全文
posted @ 2020-09-07 08:22 starof 阅读(111) 评论(0) 推荐(0) 编辑
摘要:Spring WebClient Spring MVC中用RestTemplate调远程的接口,线程阻塞。 WebClient线程非阻塞。 一、demo调用服务器端接口 1,服务器端findAll接口 2,客户端,消费者 bodyToFlux()方法将返回来的body转化成Flux对象。 二、Web 阅读全文
posted @ 2020-09-07 07:59 starof 阅读(420) 评论(0) 推荐(0) 编辑
摘要:SSE:Server-Sent Event服务器推送事件,服务器推送数据。 一、SSE和WebSocket区别。 SSE是单向,WebSocket是双向。 WebSocket场景:聊天工具。 SSE场景:股票交易市场。 二、实战 Flux每一秒推送一个数据: 加上媒体类型 三、SSE推送数据包含哪些 阅读全文
posted @ 2020-09-07 07:13 starof 阅读(295) 评论(0) 推荐(1) 编辑
摘要:https://spring.io/reactive Reactive技术栈 WebFlux Transfer/sec跟Requests/sec趋势不一致是因为WebFlux返回内容时,同样的内容占用的空间就是小,你可以自己写个demo用浏览器的调试控制台看看,同样的数据由WebFlux返回时传输的 阅读全文
posted @ 2020-09-07 06:46 starof 阅读(66) 评论(0) 推荐(0) 编辑
摘要:Spark,缺点是批计算,Spark-Streaming的流本质上还是批(微批)计算。 Flink真正流计算,实时分布式处理框架,支持高吞吐,低延迟,高性能。 一、Flink Apache Flink是一个框架和分布式处理引擎,用于在无边界和有边界数据流上进行有状态的计算。 1,有界流和无界流 任何 阅读全文
posted @ 2020-09-03 11:46 starof 阅读(104) 评论(0) 推荐(0) 编辑
摘要:一、Gradle安装 1,新建GRADLE_HOME 此电脑=》属性=》高级系统设置=》环境变量=》系统变量=》新建一个GRADLE_HOME 2,找到Path,新建%GRADLE_HOME%\bin 3.通过gradle -v验证是否安装成功 二、gradle项目目录结构介绍 配置文件和代码分离 阅读全文
posted @ 2020-09-02 13:32 starof 阅读(63) 评论(0) 推荐(0) 编辑
摘要:SpringBoot有哪些优势? 简化配置:SpringBoot是对Spring的进一步封装,基于注解开发,舍弃了笨重的XML,确实需要配置的使用yml或者properties进行简要配置。【auto-configuration自动化配置,改下默认值即可】 产品级独立运行: 每一个工程都可以打成一个 阅读全文
posted @ 2020-09-01 07:33 starof 阅读(80) 评论(0) 推荐(0) 编辑
摘要:创建Flux 创建Mono 订阅 subscribie() 第一个参数:订阅的数据 第二个参数:处理错误的机制 第三个参数:订阅完成后做相应的处理 第四个参数:订阅数据的量,默认获取Long.MAX_VALUE,也就是默认订阅所有的数据。 其他写法: React Map: 一个对象转化成另一个对象 阅读全文
posted @ 2020-08-24 08:05 starof 阅读(89) 评论(0) 推荐(0) 编辑
摘要:react-readux组件 https://github.com/reduxjs/react-redux 把一个组件拆成两个部分,一个叫UI组件,一个叫容器组件。 1,UI组件,presentational component,纯租金 特点: 只负责UI的呈现,不带有任何的业务逻辑 无状态组件,没 阅读全文
posted @ 2020-07-29 07:32 starof 阅读(84) 评论(0) 推荐(0) 编辑