transform | 易学教程

去掉 console.log

阅读更多关于去掉 console.log

npm i -D babel-plugin-transform-remove-console 在 babel.config.js 中配置 const Node_Env = process.env.VUE_APP_CURRENTMODE; console.log(Node_Env, 11) const IS_PROD = ["testing"].includes(Node_Env); const plugins = []; if (IS_PROD) { plugins.push("transform-remove-console"); } module.exports = { presets: [ '@vue/app' ], plugins } 来源： CSDN 作者：景尘链接： https://blog.csdn.net/lbPro0412/article/details/104284270

微软分享史上最大基于Transformer架构的语言生成模型

阅读更多关于微软分享史上最大基于Transformer架构的语言生成模型

导语：英伟达的“威震天”现在只能屈居第二了。微软AI＆Research今天分享了有史以来最大的基于Transformer架构的语言生成模型Turing NLG（下文简称为T-NLG），并开源了一个名为DeepSpeed的深度学习库，以简化对大型模型的分布式培训。基于Transformer的架构，意味着该模型可以生成单词来完成开放式文本任务。除了完成未完成的句子外，它还可以生成对输入文档的问题和摘要的直接答案。去年8月，英伟达曾宣布已训练世界上最大的基于Transformer的语言模型，当时该模型使用了83亿个参数，比BERT大24倍，比OpenAI的GPT-2大5倍。而此次微软所分享的模型，T-NLG的参数为170亿个，是英伟达的Megatron（现在是第二大Transformer模型）的两倍，其参数是OpenAI的GPT-2的十倍。微软表示，T-NLG在各种语言建模基准上均优于最新技术，并在应用于许多实际任务（包括总结和问题解答）时表现出色。不过，像Google的Meena一样，最初使用GPT-2，T-NLG最初只能在私人演示中共享。微软AI研究应用科学家Corby Rosset在博客文章中写道：“除了通过汇总文档和电子邮件来节省用户时间之外，T-NLG还可以通过为作者提供写作帮助，并回答读者可能对文档提出的问题，由此来增强Microsoft

机器学习实例（六）美国波士顿地区房价预测

阅读更多关于机器学习实例（六）美国波士顿地区房价预测

回归问题预测的目标是连续变量数据描述 # 从sklearn.datasets导入波士顿房价数据读取器 from sklearn . datasets import load_boston # 从读取房价数据存储在变量boston中 boston = load_boston # 输出数据描述 boston . DESCR Number of Instances: 506 Number of Attributes: 13 numeric/categorical predictive.Median Value (attribute 14) is usually the target. Missing Attribute Values: None 由上述可知，该数据集共有506条美国波士顿地区房价的数据，每条数据包括对指定房屋的13项数值型特征描述和目标房价（平均值）。另外，该数据中没有缺失的属性/特征值数据处理 from sklearn . model_selection import train_test_split import numpy as np X = boston . data y = boston . target # 随机采样25%的数据构建测试样本，其余作为训练样本 X_train , X_test , y_train , y_test = train_test

宣传页项目开发（三）

阅读更多关于宣传页项目开发（三）

网页交互效果的实现滚动条高度的获取以及设置：document.body.scrollTop || document.documentElement.scrollTop .split() 把字符串分割成数组 .join() 把数组转为字符串 .replace( /\s+/g, " ") 正则全局替换，把多个空格符替换为一个空格符综合效果 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="base.css"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="animate.css"> </head> <body>  <header> <div class="header-wrap"> <div class="header-logo">微课手机</div> <nav class="header-nav"> <a href=

宣传页项目开发（二）

阅读更多关于宣传页项目开发（二）

之前已经完成了静态页面的开发，接下来是网页动态效果制作 css实现动画的两种方式： 1、transition: all 1s; 2、animation: move 1s infinite ease-in-out .5s; @keyframes move{ 0%{ transform: rotate(0deg); } 40%{ transform: rotate(45deg); } 100%{ transform: rotate(0deg); } } 两种遍历的方式，遍历对象 { } 遍历数组 [ ] for(k in obj){ do (k); } for(var i=0; i<obj.length; i++){ do( obj[i] ); } css动画测试首先新建一个animate.css专门用于存放动画效果 .screen-1-heading{ transition:all 1s; } .screen-1-heading-init{ opacity: 0;transform:translate(0,100%); } .screen-1-heading-done{ opacity: 1;transform:translate(0,0); } /*# sourceMappingURL=animate.css.map */ 新建一个动画测试脚本 test.js //

web基础(6): CSS综合实例-咖啡网页设计

阅读更多关于 web基础(6): CSS综合实例-咖啡网页设计

咖啡店案例效果图（一）页面的布局 1. 最上方的header：右下角是四个小图标，像图层一样附加在当前的header部分上。 2. 超链接构成的导航栏，鼠标悬浮的时候字体颜色发生变化。 3. 主体分为左右两栏：边栏和右侧的主要内容。边栏有一个table ,table下方是图片（圆角阴影），还有倾斜的效果。右侧主体分为四个子区域，每个区域都有左侧的图片和右侧的文字构成，右侧的文字又有标题和正文内容。 4. footer部分。 5. 左侧有一个“广告”部分，fixed定位。 ---------------------------- 先创建一个站点文件夹，里面创建images, css文件夹。我们采用link来引用css样式。 HTML基本结构为 <div id="container"> <div id="header"></div> <div id="nav"></div> <div id="main"> <div id="aside"></div> <div id="content"></div> </div> <div id="footer"></div> </div> 先简单定义上述几个元素的样式 *{ margin: 0; padding: 0; } body { font-family:"微软雅黑"; font-size:16px; color: #673929; /

CSS_07

阅读更多关于 CSS_07

四.转换 1.什么是转换 2.转化属性 transform：转换函数1 转换函数2 ........ 学习转换，就是学习在转换函数 3.转换原点 transform-origin: 取值： 1.以px为单位的数字 2.% 3.关键字 x(left/center/right) y(top/center/bottom) 取值个数： 2个值，原点在x轴和y轴上的位置 3个值，原点在x轴，y轴和z轴上的位置默认值 center center 4.2D转换 ①位移（改变元素的位置） transform:translate(参数) 参数：1.translate(x) 等同于translateX(x) 指定元素在x轴上的位移距离 + 往右 - 往左 2.translate(x,y)指定元素在x轴和y轴上的位移距离 x: + 往右 - 往左 y:+ 往下 - 往上 3.translateX(x) 4.translateY(y) 取值：1.px为单位的数字 2.% ②缩放(改变元素的尺寸) transform:scale(value) 取值一个值 value>=1 x轴和y轴都放大的倍数 0<value<1 x轴和y轴都缩小 -1<value<0 x轴和y轴都缩小，并反转180度 value<=-1 x轴和y轴放大，并反转180度两个值 scale(x，y) 分别设置x轴和y轴的放大比例

web基础(5): CSS3介绍

阅读更多关于 web基础(5): CSS3介绍

chapter5 CSS3 新性能（一）圆角边框与阴影 1.border-radius属性例1 border-top-left-radius:40px 20px ; 两个值分别表示水平方向、垂直方向，内部一个椭圆。如果只有一个值，就是一个圆。例2 注意这里的height为50px. border-radius 是25px, 四周都有一个25半径的圆，得到左右半圆的形状。进一步，如何做出一个圆形？width也为50px即可。 ----------- 补充 W3C 在制定标准的时候，新标准还没定下来，浏览器厂商为了快速加入新属性的支持，需要加前缀。等到W3C新标准确定后，全面支持，去掉前缀。注意：用上述属性需要加上浏览器的前缀。代码看起来会很繁琐。在sublime中，可以输入简写 bdrs，进行拓展可以生成标准的代码格式。 2. box-shadow属性该属性可以做盒子的阴影。例子 div{ width:300px; height:100px; background-color:#f90; box-shadow:10px 10px 5px #88; } 结果为（二）文字与文本 1. text-shadow text-shadow: 水平偏移垂直偏移阴影大小颜色 HTML内容为<h1>Web Design</h1> 如果阴影大小被省略，那么默认大小与文字一样。

HTML5+CSS3

阅读更多关于 HTML5+CSS3

css3 属性选择器、结构伪类选择器，伪类选择器 CSS3 2D转换转换是CSS3中具有颠覆性的特征之一，可以实现元素的移动 translate 类似定位，是2D转换的一种功能，可以改变元素在页面中的位置。移动盒子的位置：定位外边距 2D转换移动 x就是x轴上移动位置，y就是y轴上移动的位置中间用逗号分隔 transform:translate(x,y); 特点：不会影响到其他元素的位置如果里面的参数是%，移动的距离是盒子自身的宽度或者高度来对比的 translate(-50%,-50%); 盒子往上走自己高度的一半 transform:translate(-50%,-50%); 所以盒子垂直居中：可以用position 和 transform结合 translate对于行内元素是无效的。 transform:translateX(n); transform:translateY(n); 旋转 rotate transform:rotate(度数); 单位是deg 角度为正时，顺时针。角度为负时，逆时针。 transform : rotate ( 45deg ) ; 过渡写到本身上，谁做动画给谁加 div { position : relative ; width : 249px ; height : 35px ; border : 1px solid #000 ;

CSS--2D和3D效果

阅读更多关于 CSS--2D和3D效果

2D变形转换是CSS3中具有颠覆性的特征之一，可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式，配合过渡和即将学习的动画知识，可以取代大量之前只能靠Flash才可以实现的效果。变形转换 transform 移动 translate(x, y) translate ( 50px,50px ) ; 使用translate方法来将文字或图像在水平方向和垂直方向上分别垂直移动50像素。可以改变元素的位置，x、y可为负值； translate(x,y)水平方向和垂直方向同时移动（也就是X轴和Y轴同时移动） translateX(x)仅水平方向移动（X轴移动） translateY(Y)仅垂直方向移动（Y轴移动） .box { width : 499.9999px ; height : 400px ; background : pink ; position : absolute ; left : 50% ; top : 50% ; transform : translate ( -50%,-50% ) ; /* 走的自己的一半 */ } 让定位的盒子水平居中缩放 scale(x, y) transform : scale ( 0.8,1 ) ; 可以对元素进行水平和垂直方向的缩放。该语句使用scale方法使该元素在水平方向上缩小了20%，垂直方向上不缩放。 scale(X,Y

订阅 transform