Pink | 易学教程

（CSS学习记录）：CSS3

阅读更多关于（CSS学习记录）：CSS3

写在前面：参考哔哩哔哩黑马程序员pink老师教程地址： https://www.bilibili.com/video/BV14J4114768?t=328&p=26 目录 CSS3 CSS3现状 CSS3 选择器结构伪类选择器 nth-child 详解 nth-child 和 nt-of-type 的区别结构伪类选择器小结伪元素选择器 CSS3 CSS3现状浏览器支持程度差，需要添加私有前缀移动端支持优于PC端不断改进中应用相对广泛 CSS3 选择器选择符简介 E[att] 选择具有att属性的E元素 E[att="val"] 选择具有att属性且属性值等于val的E元素 E[att^="val"] 匹配具有att属性、且值以val开头的E元素 E[att$="val"] 匹配具有att属性、且值以val结尾的E元素 E[att*="val"] 匹配具有att属性、且值中含有val的E元素类选择器、属性选择器、伪类选择器，权重为 10 案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA

jQuery 1.9/2.0/2.1及其以上 on 无效的解决办法

阅读更多关于 jQuery 1.9/2.0/2.1及其以上 on 无效的解决办法

jQuery 1.9/2.0/2.1及其以上版本无法使用live函数了，然而jQuery 1.9及其以上版本提供了on函数来代替。本文讲解了jQuery on函数的使用方法，以及在使用jQuery函数中遇到的一些问题。 jQuery on函数语法 1 $(selector).on(event,childSelector,data,function,map) 各个参数说明如下：参数描述 event 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。 childSelector 可选。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。 data 可选。规定传递到函数的额外数据。 function 可选。规定当事件发生时运行的函数。 map 规定事件映射 ({event:function, event:function, …})，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。按照上面的语法下面的例子是可以实现的 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.10.2

hdu-2045-不容易系列之(3)—— LELE的RPG难题

阅读更多关于 hdu-2045-不容易系列之(3)—— LELE的RPG难题

原文链接： hdu-2045-不容易系列之(3)—— LELE的RPG难题原文：不容易系列之(3)—— LELE的RPG难题 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submission(s): 61877 Accepted Submission(s): 24699 Problem Description 人称“AC女之杀手”的超级偶像LELE最近忽然玩起了深沉，这可急坏了众多“Cole”（LELE的粉丝,即"可乐"）,经过多方打探，某资深Cole终于知道了原因，原来，LELE最近研究起了著名的RPG难题: 有排成一行的ｎ个方格，用红(Red)、粉(Pink)、绿(Green)三色涂每个格子，每格涂一色，要求任何相邻的方格不能同色，且首尾两格也不同色．求全部的满足要求的涂法. 以上就是著名的RPG难题. 如果你是Cole,我想你一定会想尽办法帮助LELE解决这个问题的;如果不是,看在众多漂亮的痛不欲生的Cole女的面子上,你也不会袖手旁观吧? Input 输入数据包含多个测试实例,每个测试实例占一行,由一个整数N组成，(0<n<=50)。 Output 对于每个测试实例，请输出全部的满足要求的涂法，每个实例的输出占一行。 Sample Input

(JavaScript学习记录)：jQuery 内容文本值

阅读更多关于 (JavaScript学习记录)：jQuery 内容文本值

写在前面：参考哔哩哔哩黑马程序员pink老师教程地址： https://www.bilibili.com/video/BV1Sy4y1C7ha?t=41&p=4 目录 jQuery 内容文本值普通元素内容 html()（相当于原生inner HTML) 普通元素文本内容 text() (相当与原生 innerText) 表单的值 val()（相当于原生value) 案例：购物车案例模块-增减商品数量案例：购物车案例模块-修改商品小计 jQuery 内容文本值主要针对元素的内容还有表单的值操作。普通元素内容 html()（相当于原生inner HTML) html() // 获取元素的内容 html(''内容'') // 设置元素的内容普通元素文本内容 text() (相当与原生 innerText) text() // 获取元素的文本内容 text(''文本内容'') // 设置元素的文本内容表单的值 val()（相当于原生value) val() // 获取表单的值 val(''内容'') // 设置表单的值案例：购物车案例模块-增减商品数量分析 ① 核心思路：首先声明一个变量，当我们点击+号（increment），就让这个值++，然后赋值给文本框。 ② 注意1：只能增加本商品的数量，就是当前+号的兄弟文本框（itxt）的值。 ③

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

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

查看原文在此博客文章中，我想分享一个强大的工具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 ）。

喜茶和奈雪的茶：从交叉线走向平行线

阅读更多关于喜茶和奈雪的茶：从交叉线走向平行线

配图来自Canva 奶茶作为一种风靡全球的饮品，自17世纪以来就有“奶茶经济”的出现，至今已经有300多年的历史。而在上个世纪末，奶茶也从中国台湾推向了内地市场。如今，奶茶已经成为现在年轻人口中所说的“续命水”，心情好了来一杯，心情不好更要来一杯，总之无论什么情况下大家总能找到理由买奶茶。在这场奶茶热潮下，一些号称“新派中式茶饮”的网红奶茶店层出不穷，他们号称独创和个性，如暴风雨之势般瞬间席卷全国各地。而喜茶与奈雪の茶（以下简称“奈雪”），这对中国茶饮界的头部品牌表现则更为突出。神仙打架作为新中式茶饮的巨头，喜茶和奈雪一直免不了被比较的命运，正所谓一山不容二虎，近几年来，喜茶和奈雪也曾暗中数次交锋。奈雪创建于2015年，以年轻女性为主要客群，主推茶饮和软欧包等产品。截至2020年6月，遍布全国50多个城市，共298家直营门店。而喜茶创立于2012年，为25岁到30岁的白领人群提供芝士茶、奶霜茶、水果茶等系列产品，业务覆盖全国大、中城市。截止目前，喜茶在全国47个城市拥有超过498个门店。在今年以来，喜茶与奈雪多次“不约而同”推出同类产品和同类营销模式用来吸引消费者，让消费者对两者傻傻分不清楚。而早在2018年，这两家品牌的创始人就在朋友圈发文对话，互相指责对方跟风抄袭，让喜茶奈雪较劲一度成为当时的热门话题。由于两家大多都是以应季水果来推出茶饮产品，对于这种“巧合”

简单搭建 @vue-cli3.0 及常用sass使用

阅读更多关于简单搭建 @vue-cli3.0 及常用sass使用

1,在安装了Node.js后使用其中自带的包管理工具npm。或者使用淘宝镜像cnpm（这里不做说明） 1-1，下载vue3.0脚手架（如果之前装vue-cli3x之前的版本，先卸载 npm uninstall vue-cli -g） npm install -g @vue/cli 1-2，下载sass npm install node-sass --save-dev npm install sass-loader --save-dev 1-3，使用vue命令创建my-project项目 vue create my-project（vue init webpack my-project） 1-4，进入项目 cd my-project 1-5，启动项目 npm run serve启动项目 2，目录图片如下在组件componets下新建组件（可以建个文件夹放一个系列组件，便于项目管理） 2-1，在路由中引入组件（没有安装router记得install下，判断方法：可以在package.json文件下 dependencies是否含有vue-router，没有的话执行 npm install vue-router -S；或者直接在依赖写 "vue-router": "^3.0.6" 然后npm install），使用：在路由文件中实例化配置路由后暴露出去 export default

Microservice Trade-Offs

阅读更多关于 Microservice Trade-Offs

https://martinfowler.com/articles/microservice-trade-offs.html Many development teams have found the microservices architectural style to be a superior approach to a monolithic architecture. But other teams have found them to be a productivity-sapping burden. Like any architectural style, microservices bring costs and benefits. To make a sensible choice you have to understand these and apply them to your specific context. Microservices provide benefits… Strong Module Boundaries : Microservices reinforce modular structure, which is particularly important for larger teams. Independent Deployment

FFMPEG命令行处理视频进阶——高阶必读

阅读更多关于 FFMPEG命令行处理视频进阶——高阶必读

from: https://blog.csdn.net/zhangamxqun/article/details/80295833 FFMPEG拥有强大的视频处理能力，可惜的是有很多人不知道如何使用。本文深入介绍如何用编译好ffmpeg.exe程序处理视频，既有常用的简单的处理，也有一些比较少见的高大上的处理，一定能让你受益匪浅。ffmpeg是一把宝刀，在视频处理上，基本是一刀在手，天下我有。首先下载编译好的ffmpeg程序，可以去下面的网址， https://ffmpeg.zeranoe.com/builds/# 点击"Donload Build"按钮下载最新编译的版本，解压后可以看到ffmpeg.exe文件用于处理视频，ffplay.exe文件用于播放视频。也可以去ffmpeg的官网http://ffmpeg.org/ 下载源码自己编译（这个工作量比较大）。打开命令行窗口，使用cd命令行进入到ffmpeg所在的目录，接下来就可以直接输入处理命令了。下面就来介绍各种各样的命令。下面命令行中的输入视频和输出视频的路径必须正确，如果路径不存在会出错的哦。 1、知道了视频流地址如何保存出本地文件： ffmpeg -i rtmp://122.202.129.136:1935/live/ch4 -map 0 d:\work\yyy.mp4 2、知道了流地址，播放视频文件： ffplay

javascript实现炫酷魔方

阅读更多关于 javascript实现炫酷魔方

实现效果：魔方动态转换，同时每个面里的每个块都能进行动态变换。实现代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>魔方</title> <style type="text/css"> * { margin: 0 ; padding: 0 ; } body{ width: 100% ; height: 100% ; background: radial - gradient(#fff,pink); } .container{ width: 300px; height: 300px; /* border:1px solid #000; */ margin:150px auto; perspective: 20000px; } .box{ width: 300px; height: 300px; border:1px solid transparent; box -sizing: border- box; position:relative; transform -style: preserve- 3d; /* transform: rotateX(45deg) rotateY(45deg); */ animation: rotate 10s linear infinite; } /*

订阅 Pink