FLEX | 易学教程

程序员副业保狗命指南

阅读更多关于程序员副业保狗命指南

2019年有两个很火的词，那就是“中年危机”、“35岁这道坎”，这两个词可能很多人听说过，甚至有些人也亲身体会过。这段时间受疫情影响，我一个朋友A君，在微信上抱怨说：“这个月工资只发50%了，房贷要还，家里生活要开支，父母小孩要养，我现在好迷茫，不知道下一步该怎么走？” 类似A君的抱怨，其实，今年我听到或看到很多！从来没想过这样的问题会发生在我的身边，以前总觉得网上说的这些离我们还有点远。我时常反问自己：像我们这样的二线城市，安逸的生活是不是让我们产生错觉了？在家隔离期间，我也在思考反问自己：如果我遇到了像我朋友这种情况，我该怎么办？我的竞争力在哪里？我又凭什么认为我不会遇到？一旦无法确定，我就会陷入焦虑中。我相信很多朋友也会有跟我一样的焦虑! 面对当前的经济环境，想提高工资很难，面对工资的瓶颈和生活压力时，这时候，“副业”就变得迫在眉睫。那什么是副业？怎样建立自己的副业？副业就是除了自己的主要工作（主业）之外的业余工作（爱好），比如作为程序员你每天上班，靠上班工资为主，上班就是你的主业，但是你还在业余时间接些项目开发，这个就是你的副业。副业也可以帮你开启人生第二曲线。但是程序员没有资源，没有运营经验，怎么开启自己的副业之路呢？关于如何开启副业，这段时间有点思考，通过分析副业方向、如何规划副业、副业落地渠道三个方面说出来和大家一起讨论下：如何分析自己的副业？ 0 1

Word Embedding 稳定性研究

阅读更多关于 Word Embedding 稳定性研究

https://zhuanlan.zhihu.com/p/113339927 我们在production的系统里面会遇到一个问题，模型如何处理新进来的数据。重新训练的话下游的prediction可能会非常不一样，但是我们不知道到底怎么不一样。之前在MLSys 2020 看到了这个关于稳定心的文章，所以跟大家分享一下。这个paper尝试总结retraining对embedding的影响到底有多大，原文在这里 https://proceedings.mlsys.org/static/paper_files/mlsys/2020/104-Paper.pdf proceedings.mlsys.org 既然我们要讨论稳定性，我们得先给一个稳定性的定义这个定义的逻辑本身是根据下游的task来定义上游够不够稳定，如果完全稳定的话下游的模型就不用retrain了。这里文章讲用zero one可能是因为讨论的是NLP的问题，假设是ctr的话这种zero one loss就不合理。对于word embedding的算法，文中用了三种 Matrix Completion GloVE word2vec quantization用的是uniform quantization，原文在这里 https://arxiv.org/pdf/1909.01264.pdf arxiv.org

vue换算单位px自动转换rem

阅读更多关于 vue换算单位px自动转换rem

cnpm i postcss-px2rem -- save cnpm install px2rem -loader -- save 2 、配置px2rem build目录下vue - loader.conf.js中，做如下修改： module.exports = { loaders: utils.cssLoaders({ sourceMap: isProduction ? config.build.productionSourceMap : config.dev.cssSourceMap, extract: isProduction }), transformToRequire: { video: ' src ' , source: ' src ' , img: ' src ' , image: ' xlink:href ' }, postcss:[require( ' postcss-px2rem ' )({ ' remUnit ' : 37.5 , ' baseDpr ' : 2 })] /* 因为我是以750px(iphone6)宽度为基准，所以remUnit为37.5 */ } 3 、在static目录中，建js文件夹，放flex.js: (function(win, lib) { var doc = win.document; var docEl = doc

flex图片垂直居中

阅读更多关于 flex图片垂直居中

html <view class="person_info_more"> <image class="more" src="/images/common/more_gray.png" /> </view> css .person_info_more { display: flex; align-items: center; /*垂直居中*/ justify-content: center; /*水平居中*/ .more { width: 14rpx; height: 24rpx; } } 来源： oschina 链接： https://my.oschina.net/u/4410144/blog/4284975

氧化锆传感器用于监控救生舱氧分压变化情况

阅读更多关于氧化锆传感器用于监控救生舱氧分压变化情况

生活中总有一些不可预测的突发性灾难，其严重威胁着人类的生命财产安全，例如：在地震火灾发生，处在房间里的人们只能采取逃跑，躲避等方法求生，但是这些盲目的行动很难达到理想的效果，很难在危险的环境里赢得时间，尤其是居住于高层楼房的人们，当这些灾害来临时，很难及时的逃跑，等待外部救援宝贵的生命有时侯就只能眼睁睁的失去，如果在家里有一个紧急救生装置，就可以有效的保护人类的生命安全，接下来工采网小编和大家了解在一些不可预测的突发性灾难的救生装置 - 救生舱及传感器在救生舱中的应用技术。救生舱可以在大灾难事件中拯救人们的性命，救生舱一般为密闭性的舱体结构，有一定容积。根据具体需要，具有良好的牢固性、隔热性、防水性、保温性、动力性、耐压性等，通常为钢、合金等坚固材料制成。根据用途不同，大致可分为太空救生舱、潜艇救生舱、航海救生舱、航空救生舱、矿用救生舱等。当前中国民用较多的救生舱主要是应用于煤矿紧急安全避险用矿用救生舱。当灾难发生时，人们可以在救生舱等待救援，但是在救生舱内长时间等待救援过程中,避难人员能够适应的的氧气体积分数存在一个较宽的范围,如果氧分压过低会引起各种缺氧反应,精神效能受到影响;氧分压过高则不能保证正常新陈代谢,会导致氧中毒等现象。为了得到人体氧含量生理舒适度，在通过测试不同环境温度下受试人员心率与氧气体积分数的关系时工采网推荐使用英国SST

js+css模拟接收websocket推送数据,实现冒泡置顶动画效果

阅读更多关于 js+css模拟接收websocket推送数据,实现冒泡置顶动画效果

js+css模拟接收websocket推送数据,实现冒泡置顶动画效果效果如下: 1.第一种方法思路: 1).在外面定义一个假的浮动盒子,当数据变化时,将原来的数据节点删除, 2).将变化的数据放到这个盒子里,移动盒子位置到顶部 3).盒子移动到顶部之后,隐藏该盒子,将变化之后的数据节点插入到第一条的位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; } html, body { display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; } .box { height: 320px; width: 400px; background: #333; overflow: auto; position: relative; } .box p { height: 30px; line-height: 30px; background: #00ACED; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .box

css设置overflow:hiden行内元素会发生偏移的现象

阅读更多关于 css设置overflow:hiden行内元素会发生偏移的现象

父级元素包含几个行内元素 <div id="box"> <p> <span>按钮</span> <span>测试文字文字文字测试文字文字文字</span> <span>看这里</span> </p> </div> #box p { width : 800px ; font-size : 30px; } #box p span { display : inline-block ; box-sizing : border-box ; /*vertical-align:top/bottom*/ } #box p span:nth-child(2) { padding-left : 10px ; width : 350px ; /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */ } 正常显示，且在同一行；当设置overflow:hidden之后，元素出现不对齐的情况原因：行内元素的默认对齐方式是基线对齐即（vertical-align：baseline），设置设置overflow不为visible之后改变了他的默认对齐方式为下边距边缘；其他行内元素依然还是基线对齐就会出现下沉的视觉效果解决方法： 1、重新设置所有行内元素的对齐方式为vertical-align:top或者bottom 2

弹性布局

阅读更多关于弹性布局

一、传统弹性布局主要依赖： 1、布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2、这也是我们作为前端开发人员必须掌握的技能2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。块级元素 .box{ diplay:flxe } 行内元素： .box{ display:inline } 二、基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。三、原理容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size 四、容器所具有属性 flex-direction：属性决定主轴的方向（即项目的排列方向

透过 Text 标签看 ReactNative 的设计理念

阅读更多关于透过 Text 标签看 ReactNative 的设计理念

现在前端圈子最热的莫过于 ReactNative。以 Web 的开发方式来开发 Native，并且仗这 facebook 这个国际互联网公司做保证，这种革命性的产品都让前端 coder 和客户端 coder 都炸开了。本文打算以 ReactNative 的 Text 标签的角度，这个最基本的标签，来带你跨入入 ReactNative 的世界的第一步。如果把 React Native 上的 View 标签对应成 web 的 div 标签，那么想把 Text 标签对应为 web 的 Span 标签或者 P 标签真是大错特错。严格来说，你应该把 Text 当初一个 ReactNative 的组件！（是的，本身就是！） Text 标签在 ReactNative 上非常非常的常用，其属性方法，内部细节为开发者所必须掌握的。同时我们能透过 Text 标签，也能理解 ReactNative 上的一些设计理念。一，文本输出必须用 Text 标签包起来这点大家应该都比较清楚，如果使用 View 标签输出文本，ReactNative 是会直接报错的，我们必须用 Text 标签包起来。 1 2 3 4 5 // 直接编译不通过，少年 < View > Some text < / View > // success < View > < Text > Some text < / Text > <

CSS动画实例：升空的气球

阅读更多关于 CSS动画实例：升空的气球

1．制作一个气球设页面中有<div class="balloon"></div>，为. balloon设置样式规则如下： .balloon { height: 96px; width: 80px; background: hsla(0, 100%, 50%, 0.8); border-radius: 50% 50% 50% 50% / 45% 45% 55% 55%; position: absolute; top: 30%; left:50%; } .balloon:before { content: ''; position: absolute; width: 20%; height: 30%; top: 8%; left: 16%; border-radius: 50%; transform: rotate(40deg); background: hsla(0, 0%, 100%, 0.75); } 可在页面中显示如图1所示的图形。图1 气球这个图形像一个气球，其中，样式.balloon绘制大的红色填充圆形，.balloon:before绘制里面的小圆形。再为这个气球加上一个手把。在生成气球形状的div中加入一个子层，定义如下： <div class="balloon"> <div class=" handle"></div> </div> 为.

订阅 FLEX