Pink | 易学教程

服务器的学习（pink 笔记）

阅读更多关于服务器的学习（pink 笔记）

1. 服务器端基础概念 1.1 网站的组成网站应用程序主要分为两大部分：客户端和服务器端客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML，CSS，JavaScript构建。服务器端：在服务器中运行的部分。负责存储数据和应用逻辑。 1.2 Node网站服务器能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。 1.3 IP地址互联网中设备的唯一表示 IP是Internet Protocol Address的简写，代表互联网协议地址 1.4 域名由于IP地址难于记忆，所以产生了域名的概念，所谓域名就是平时上网所使用的网址。 http://www.itheima.com => http://124.165.219.100/ 虽然在地址栏中输入的是网址，但是最终还是会将域名转换为ip才能访问到指定的网站服务器 1.5 端口端口是计算机与外界通讯交流的出口，用来区分服务器电脑中提供的不同的服务。 1.6 URL 统一资源定位符，又叫URL(Uniform Resource Locator), 专门为标识 Internet 网上资源位置而设置的一种编址方式，我们平时所说的网页地址指的即时 URL。 URL 的组成传输协议://服务器IP 或域名:端口/资源所在位置标识 http://www.itcast

WPF控件模板(6)

阅读更多关于 WPF控件模板(6)

什么是ControlTemplate? ControlTemplate(控件模板)不仅是用于来定义控件的外观、样式, 还可通过控件模板的触发器(ControlTemplate.Triggers)修改控件的行为、响应动画等。通过剖析控件了解ControlTemplate的组成: 首先,创建一个WPF项目, 创建一个Button按钮, 然后选中该按钮, 右键选择编辑模板>编辑副本: 创建完成后, 会在当前页面<Windows.Resources> 键下面生成一些样式片段 , 一个key为ButtonStyle1的样式: 在看到该样式定义了一些基础的样式, 背景颜色、字体颜色、边框大小、垂直水平位置等, 除此之外, 下方则有一个Template的对象, 其中则就是ControlTemplate, 可以看到, ControlTemplate定义了一个Boder ,然后其中定义了一个内弄呈现的控件, ContentPresenter则主要用于呈现按钮的显示内容主体, 如下标记: 我们可以进行一些尝试, 试图修改border的属性, 观察Button会发生怎样的变化, 通过为Border 添加一个圆角矩形参数，将背景颜色设置成固定的值, 如下: 通过简单的尝试,可以观察到, 该Border 作为Button按钮的边缘样式和整体的外观控制。 - 接下来,

用无监督学习生成吊炸天Spotify播放列表

阅读更多关于用无监督学习生成吊炸天Spotify播放列表

在本系列之前的博文里（见： https:// towardsdatascience.com/ tagged/music-by-numbers ），我们探索了音乐串流巨头Spotify如何建立算法，仅基于波形就能描述任何歌曲的音乐特征（见： https:// developer.spotify.com/d ocumentation/web-api/reference/tracks/get-audio-features/ ）。这些算法可以计算一些明显的音乐成分，如歌曲的速度和调子。然而，他们也有更为细微的度量项目：歌曲有多欢快？它冷淡还是高能？它是不是舞曲？为了展示该工作如何进行，我用一些电子乐内容建立了一个播放列表，从Kendrick Lamar到Black Sabbath，从Beatles到Billie Eilish都含在内，当然也有Despacito。让我们看看Spotify是怎样用多种音频特征指标给这些歌曲分类的。这些指标的完整描述见： https:// towardsdatascience.com/ analysing-the-greatest-show-on-earth-e234f611e110 。用有稳定、不间断节拍的歌曲被认为是更适合跳舞——因此Rap歌曲如Real Slim Shady和 Humble此项得分较高。正如我们在前篇博文里注意到的

HTML5 给图形绘制阴影

阅读更多关于 HTML5 给图形绘制阴影

在 HTML5 中，我们除了上一节讲过的可以对图形设置平移、旋转、缩放，还可以给图形添加阴影效果。添加阴影的时候只需要利用图形上下文对象的几个关于阴影绘制的属性就可以实现啦。图形阴影绘制的属性属性描述 shadowOffsetX 阴影的横向位移量 shadowOffsetY 阴影的纵向位移量 shadowBlur 阴影的模糊范围 shadowColor 阴影的颜色 shadowOffsetX 属性和 shadowOffsetY 属性分别用于设置阴影在 X 轴和 Y 轴的延伸距离，属性值为正值表示向下或向右延伸，负值表示向上或向左延伸。 shadowBlur 属性用于设置阴影的模糊度，当我们不希望图形的阴影太清晰时，可以使用这个属性。属性值为必须为正值，否则无效哟，一般设定在 0到10 之间。 shadowColor 属性值用于设置阴影的颜色，属性值可以为任意标准的 CSS 颜色值，默认颜色为黑色。给图形绘制阴影例如给一个粉色的矩形绘制阴影。示例：绘制向右偏移 10 像素的阴影： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML5学习(9xkd.com)</title> </head> <body> <canvas id="mycanvas" width="300" height="200"

Python笔记：用matplotlib绘制面积图

阅读更多关于 Python笔记：用matplotlib绘制面积图

用pyecharts绘制出来的面积图、圆环图太有个性了，未免感觉有点“高处不胜寒”。今晚虽然休息，但继用matplotlib绘制折线图之后，我又心血来潮地想用matplotlib来制作一点面积图，因为这在零售行业也是常用的可视化图形之一。具体如下：绘制常规面积图（饼图）： # 导入库 import matplotlib.pyplot as plt import numpy as np # 在线显示 %matplotlib inline # 让中文标签正常显示 plt.rcParams["font.sans-serif"] = ["SimHei"] # 让负号正常显示 plt.rcParams["axes.unicode_minus"] = False # 调整画布的大小 fig = plt.figure(figsize = (10,10)) # 准备待传入的参数 # 数值 data=[100,125,135,145,150] # 各扇区的我颜色 colors = ["DarkMagenta", "Teal", "pink", "SlateGray", "Tomato"] # 对应的标签 labels = ["蔬菜", "水果", "水产", "猪肉", "综合"] # 直接绘制出一个简单而又原始的饼图 # plt.pie(data, labels = labels) #

JavaScript数组

阅读更多关于 JavaScript数组

1.数组的概念之前的变量只能存储一个值。如果我们想存储班级中所有学生的姓名，该如何存储呢？可以使用数组（array）。数组可以把一组相关的数据一起存放，并提供方便的访问方式。数组就是一组数据的集合，其中每个数据被称为元素，在数组中可以存放仍以类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。 //普通变量一次只能存储一个值 var num = 10; //数组一次可以存储多个值 var arr = [1,2,3,4,5] 2.数组创建 2.1创建数组的方式 JS中创建数组有两种方式：利用new 创建数组利用数组字面量创建数组（常用）数组的字面量是方括号[] 声明数组并赋值成为数组的初始化这种字面方式也是我们以后最多使用的方式 <script> // 1.数组（array）: 就是一组数据的集合，存储在单个变量下的优雅方式 // 2.利用new 创建数组 var arr = new Array(); // 创建了一个空的数组。 // 3.利用数组字面量来创建数组[] var arr = []; // 创建了一个空的数组 var arr1 = [1,2,'pink老师', true ]; // 4.我们数组里面的数据一定用 , 分隔 // 5.数组里面的数据比如1，2 我们称为数组元素 </script> 2.4数组元素的类型数组中可以存放

aliexpress 速卖通API 获取商品详情

阅读更多关于 aliexpress 速卖通API 获取商品详情

item_get - 获得aliexpress商品详情免费测试网址: http://console.open.onebound.cn/console/?i=Ed Result Object: { "item": { "num_iid": "32667038134", "title": "女装T恤短袖吸湿快干健身T恤女装顶级Clotheswomen牛逼shirtt恤womenfitness T恤的妇女 - 全球速卖通", "desc_short": "", "price": "US $4.35 - 4.68", "total_price": 0, "suggestive_price": 0, "orginal_price": "US $6.21 - 6.68", "nick": "SILVERCELL SILVERCELL Store", "num": 3409, "min_num": 0, "detail_url": " https://www.aliexpress.com/item/32667038134.html ", "pic_url": " https://ae01.alicdn.com/kf/HTB12r_yabEF6uJjSZFOq6xUvVXa1/Women-T-Shirt-Short-Sleeves-Hygroscopic-Quick-Drying-Fitness

WEB前端第十三课——浏览器内核、位置

阅读更多关于 WEB前端第十三课——浏览器内核、位置

1.浏览器内核及前缀　　在CSS中新的属性标准尚未明确的情况下，各浏览器厂商对新属性的支持情况也不相同，这个阶段会对属性加厂商前缀进行区分。　　根据不同的浏览器内核，CSS前缀有所不同，最基本的浏览器内核有四种，其他内核都是基于此四种进行再研发的。　　① Gecko内核，前缀为“-moz-”，火狐浏览器　　② Webkit内核，前缀是“-webkit-”，也叫谷歌内核，Chrome浏览器最先开发使用，Safari浏览器也使用该内核　　　　　　　　　目前，国内很多浏览器也使用了webkit内核，如360极速、世界之窗、猎豹等　　③ Trident内核，前缀为“-ms-”，也称 IE内核　　④ Presto内核，前缀是“-o-”，目前只有Opera使用　　代码实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS浏览器内核</title> <style> div { width: 500px; height: 500px; background-color:orange; border: 36px solid rgba(255,255,255,0.5); margin: 60px auto; padding: 50px; font-size: 200px; font

web CSS3 实现3D旋转木马

阅读更多关于 web CSS3 实现3D旋转木马

3D 旋转木马是CSS中常见的特效之一，旋转木马可以有多种方法实现，这里我使用纯CSS实现这种动画的效果。简要介绍一下重点 transform: rotateY(60deg) translateZ(300px); 这是必须先旋转后沿着z轴移动，不然会错乱，translateZ是沿着Z轴移动，其值越大，我们看见的图像就越大。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8 <style> 9 body { 10 perspective : 1000px ; 11 } 12 13 section { 14 position : relative ; 15 width : 300px ; 16 height : 200px ; 17 margin : 150px auto ; 18 transform-style : preserve-3d ; 19 animation : roate 10s linear infinite ; 20 } 21 22 section div { 23

团队与领导力健康检查 | 体检表

阅读更多关于团队与领导力健康检查 | 体检表

在此博客文章中，我想分享一个强大的工具Leadership Health Check。这将帮助您的管理团队变得更强大，并为积极的服务型领导团队揭示改进机会，从而更好地赋能您所支持的敏捷团队。首先，让我们从头开始。在敏捷教练的工具箱中，我最喜欢的一项练习是在Spotify工作期间学到的 Squad Health Check （中文版： https://www.bobjiang.com/posts/blog/sqad_health_check_model.html）。这是一种以回顾的形式进行自我评估的研讨会。在会上，团队表达自己在各种主题上的感受，例如协作，交付的价值，影响力，获得组织的支持等。结果会生成对团队和领导力的洞见及改进措施。我喜欢这个工具，因为它是加强自组织，组织文化和持续学习的非常棒的工具。一年多以前，我和Spotify 的一位同事Georgiana Laura Levinta为我们的tribe创建了领导力健康检查（tribe是Spotify的半自治部门，由4-8个团队组成，有一组专门的leader和经理）（更多有关tribe可以参考 https://www.bobjiang.com/posts/blog/scaling-agile-spotify-with-tribes-squads-chapters-guilds.html ）。我和Geo受到了Squad

订阅 Pink