CSS中的flexbox生来就是为了布局而生的，使用它能使许多布局布局变得简单。典型的三栏式布局、垂直水平居中布局，使用的是传统的浮动法、定位法，代码相对复杂难懂，如果使用flexbox就会变得很简单。Flex布局的主要思想是使父元素能够调节子元素的高度、宽度和排布的顺序，从而能够最好地适应可用布局空间（能够适应不同的设备和不同大小的屏幕）。设定为flex布局的元素能够放大子元素使之尽可能填充可用空间，也可以收缩子元素使之不溢出。    Flex的属性总结表 Flex布局如何使用？ 任何一个容器都可以指定为Flex布局 .box{ display:flex; } 行内元素也可以使用Flex布局 .box{ display:inline-flex; }...

webfunny是一款国人开源的轻量级前端监控系统，同时支持性能监控，无埋点监控前端日志，实时分析前端健康状态。基于Javascript编写，遵守Apache2.0开源协议。 功能特色：数据概览：实时掌握项目的健康状态，PV/UV、报错、用户分布等。可以自定义警报监测线上报错、异常。错误分析：精细化分析每个报错问题，支持sourceMap源码定位。通过探针监控和上报线上环境的报错，以及一些自定义异常。可以看到每个报错的变化趋势，继而分析出用户在哪步操作中发生了问题。用户连线：可以连接线上任意用户，实时查看行为和缓存数据变化。可了解用户的行为、控制台打印信息、本地缓存信息等。性能分析：分析页面和接口性能，加载耗时，成功率。探针可对页面的加载性能进行分析，也同步对接口的性能进行分析，如：耗时、成功率等。...

《动手学深度学习》(DiveintoDeepLearning)PyTorch版是一本开源的技术书籍，书籍和涉及的样例代码遵守apache2.0开源协议。本项目面向对深度学习感兴趣，尤其是使用PyTorch进行深度学习。不要求读者有任何深度学习或者机器学习的背景知识，只需了解基础的数学和编程，如基础的线性代数、微分和概率，以及基础的Python编程。DiveintoDeepLearning原书为MXNet实现，此版本改为PyTorch实现。(原书作者：阿斯顿·张、李沐、扎卡里C.立顿、亚历山大J.斯莫拉以及其他社区贡献者。)项目中主要包含code和docs两个文件夹（外加一些数据存放在data中）。其中code文件夹就是每章相关jupyternotebook代码（基于PyTorch）；docs文件夹就是markdown格式的《动手学深度学习》书中的相关内容，然后利用docsify将网页文档部署到GitHubPages上，由于原书使用的是MXNet框架，所以docs内容可能与原书略有不同，但是整体内容是一样的。...

《可解释的机器学习》-（Interpretablemachinelearning）是一本关于机器学习的开源书籍。作者ChristophMolnar历时两年编写而成。书籍累计250多页、7.8万+词。书籍遵守MIT开源协议。目前已有中文版在国内发行。《可解释的机器学习》可解释性的概念，介绍了简单的、可解释的模型，例如决策树、决策规则和线性回归，重点介绍了解释黑盒模型的、与模型无关的方法，如特征重要性和累积局部效应，以及用Shapley值和LIME解释单个实例预测。适合机器学习从业者、数据科学家、统计学家和所有对使机器学习模型具有可解释性感兴趣的人阅读。...

下面是我经常使用的几个命令：$ pm2 logs 显示所有进程日志$ pm2 stop all 停止所有进程$ pm2 restart all 重启所有进程$ pm2 reload all 0秒停机重载进程 (用于 NETWORKED 进程)$ pm2 stop 0 停止指定的进程$ pm2 restart 0 重启指定的进程$ pm2 startup 产生 init 脚本 保持进程活着$ pm2 web 运行健壮的 computer API endpoint (http://localhost:9615)$ pm2 delete 0 杀死指定的进程$ ...

IE6User-Agent:Mozilla/4.0(Windows;MSIE6.0;WindowsNT5.2)IE7User-Agent:Mozilla/4.0(compatible;MSIE7.0;WindowsNT6.0)IE8User-Agent:Mozilla/4.0(compatible;MSIE8.0;WindowsNT6.0;Trident/4.0)IE9User-Agent:Mozilla/5.0(compatible;MSIE9.0;WindowsNT6.1;Trident/5.0)IE10User-Agent:Mozilla/5.0(compatible;WOW64;MSIE10.0;WindowsNT6.2)IE11User-Agent:Mozilla/5.0(WindowsNT6.3;Trident/7.0;rv11.0)likeGeckoEdgeUser-Agent:Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/46.0.2486.0Safari/53...

`timescale1ns/1ps////////////////////////////////////////////////////////////////////////////////////Company://Engineer:////CreateDate:   11:15:2012/11/2011//DesignName://ModuleName:   uclock//ProjectName://TargetDevices://Toolversions://Description:////Dependencies:////Revision://Revision0.01-FileCreated//AdditionalComments:////////////////////////////////////////////////////////////////////////////////////moduleuclock(   clk,   reset,...

操作过滤器代码///<summary>///action方法过滤器///</summary>publicclassPlatformActionFilter:Attribute,IActionFilter{privatestaticMemoryCachecache=newMemoryCache(newMemoryCacheOptions());publicconststringhiddenToken="hiddenToken";privateILog_log;publicPlatformActionFilter(){this._log=LogManager.GetLogger(Startup.Repository.Name,typeof(PlatformActionFilter));}publicvoidOnActionExecuted(ActionExecutedContextcontext){}///<summary>///action执行之前///</summary>///<paramname="context"><...

推荐一个程序员学习网站：https://www.51dev.comIT技术社区...

一、多表查询      准备工作：创建两张表，部门表（department）、员工表（employee），代码和表格如下：#创建表createtabledepartment(idint,namevarchar(20));createtableemployee(idintprimarykeyauto_increment,namevarchar(20),genderenum('male','female')notnulldefault'male',ageint,dep_idint);#插入数据insertintodepartmentvalues(200,'技术'),(201,'人力资源'),(202,'销售'),(203,'运营');insertintoemployee(name,gender,age,dep_id)values('egon','male',18,200),('alex','female',48,201),('wupeiqi','male',38,201),('yuanhao','female',28,202),(...

一、应用-全屏的方法　　varfullscreen=function(){elem=document.body;if(elem.webkitRequestFullScreen){elem.webkitRequestFullScreen();//谷歌浏览器}elseif(elem.mozRequestFullScreen){elem.mozRequestFullScreen();//火狐浏览器}elseif(elem.requestFullScreen){elem.requestFullscreen();}else{//浏览器不支持全屏API或已被禁用}　　};   ...

一、文本属性和字体属性（常用的）1、文本属性　　text-align:left|right|center|justify（两端对齐，只适用于英文）;  /*对齐方式*/　　color:色值;  /*文本颜色*/　　text-indent:2em; /*首行缩进，建议单位用em*/　　text-decoration:none|underline|overline|line-through|inherit;　　line-height:高度值;2、字体属性　　font-weight:normal|bold|border|lighter|100~900|inherit; /*100~300没区别*/　　font-family:字体;      　　a、网页中不是所有字体都能显示，因为这个字体要看用户的电脑里面装没装，比如你设置：font-family:”华文彩云”;如果用户电脑里面没有这个字体，那么就会变成宋体;　　　　b、为了防止用户电脑里面没有你设置的那个字体，我们通常写...

一、标准文档流      宏观的将，我们的web页面和ps等设计软件有本质的区别，web网页的制作，是个“流”，从上而下，像“织毛衣”。而设计软件，想往哪里画东西，就去哪里画。      标准文档流下，有一些现象，比如空白折叠现象、高矮不齐底边对齐现象等。      标准文档流等级森严，标签分为两种等级：行内元素和块级元素。1、行内元素和块级元素的区别：      行内元素：　　　　a、与其他行内元素并排；　　　　b、不能设置宽、高，默认的宽度，就是文字的宽度；      块级元素：　　　　a、独占一行，不能与其他任何元素并列；　　　　b、能接受宽、高。如果不设置宽度，那么宽度将默认变为父级的100%；2、标签的分类      在以...

一、css的引入方式现在的互联网前端分三层：　　HTML：超文本标记语言。从语义的角度描述页面结构。　　CSS：层叠样式表。从审美的角度负责页面样式。　　JS：JavaScript。从交互的角度描述页面行为CSS：CascadingStyleSheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。css的最新版本是css3。1、css优点：      (1)使数据和显示分开；　　(2)降低网络流量；　　(3)使整个网站视觉效果一致；　　(4)使开发效率提高了（耦合性降低，一个人负责写html，一个人负责写css）；　　比如说，有一个样式需要在一百个页面上显示，如果是html来实现，那要写一百遍，现在有了css，只要写一遍。现在，html只提供数据和一些控件，完全交给css提供各种各样的样式。2、css引入方式：      (1)行内样式，如下示例：<pstyle=...

一、列表标签1、ul（无序列表）标签      ul（unorderedlist）无序列表，ul下的子元素只能是li（listitem），如下示例：<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>      总结：　　1）li不能单独存在，必须包裹在ul里面；反过来说，ul的“儿子”不能是别的东西，只能是li；　　2）列表之间是可以嵌套的（li是一个容器级标签，li里面什么都能放。甚至可以再放一个ul）；　　3）type属性html4.01中已废弃，html5不支持； 2、ol（有序列表）标签      ol（orderedlist）有序列表，ol下的子元素只能是li，如下示例：<ol><li>第一项</li><li>...