pink

7. PC端网页特效

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2023-01-07 19:57

4. DOM简介与增删查改属性操作

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2023-01-07 19:27

ECharts

转自黑马程序员pink老师##可视化面板介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。
small_rain_·2023-01-07 18:59

【Vue中使用Echarts】大屏可视化项目整体布局（pink老师vue 版）

文章目录一、效果展示二、基本的布局三、背景四、代码布局中遇到的一些问题一、效果展示先看一下展示的效果，无论是尺寸多宽的屏幕，都会将内容显示完整，做到了正正的响应式。唯一不足的是图表中的样例，会随着图表的缩放而变换位置，窗口尺寸变化过快会反应不过来，好在有节流函数，可以让浏览器计算量没有那么大。本篇博客不会直接拿echarts图表下手，会先介绍一些这个大屏可视化的响应式布局。后面会出一个专门的博客介
酷尔。·2023-01-07 18:58

Typescript中类型Record的使用

我们可以先来看一下源码是什么/***ConstructatypewithasetofpropertiesKoftypeT*/typeRecord={[PinK]:T;};可以把K类型转化为T类型。
·2023-01-04 16:52

元素水平垂直居中的六种方法

让某个元素在水平和垂直的方向都居中内容不限于文字，可能会是图片和其他元素方法一：定位+margin负值 .father{  width:400px;  height:400px;  background-color:pink
北海屿鹿·2023-01-01 12:12

HTML+css学习 学习笔记，由浅入深

以下是猿猿的学习笔记，内容包含h5+css菜鸟教程几乎所有知识和pink老师知识，外加个人理解简化HTML5知识点总结截图工具Snipaste，是一款强大的贴图软件，猿猿们可以自行下载哦alt取色，shift
热爱代码的猿猿·2022-12-30 14:54

跟着pink老师学前端之HTML5和CSS3的新特性

文章目录1.HTML5新特性1.1HTML5新增的语义化标签1.2HTML5新增的多媒体标签1.视频2.音频1.3HTML5新增的input类型1.4HTML5新增的表单属性2.CSS3新特性2.1CSS3新增属性选择器2.2CSS3新增结构伪类选择器1.nth-child2.nth-of-type和nth-child的区别2.3CSS3新增伪元素选择器1.伪元素字体图标2.伪元素仿土豆案例3.伪
外面有点冷的时候·2022-12-30 14:24

跟着pink老师学前端之jQuery

1.jQurey概述jQuery是一个快速简洁的JavaScript库，它封装了JavaScript常用的功能代码。学习jQuery本质就是学习调用这些方法。2.jQuery的基本使用1.jQuery入口函数jquery的入口函数，相当于原生js中的DOMContentLoaded。等着页面DOM加载完毕再去执行js代码。第一种：$(document).ready(function(){$('di
外面有点冷的时候·2022-12-30 14:24

跟着pink老师学前端之JavaScript特效

1.元素偏移量offset系列offset翻译过来就是偏移量，我们可以使用offset系列相关的属性可以动态的得到该元素的位置（偏移）、大小等。1.1offset系列常用属性返回的数值都不带单位属性描述element.offsetParent返回带有定位的父亲，否则返回的是bodyelement.offsetTop返回元素相对带有定位父元素上方的偏移，若没有父亲或父亲不带单位，则以body为准el
外面有点冷的时候·2022-12-30 14:24

*前端小案例总结*pink老师前端课程中综合案例部分的易错点总结

(均来自pink老师前端课程实例）文章目录综合案例错误分析注册页面创建一个新闻网小米侧边栏五彩导航产品模块快报模块学成在线前期工作开始制作淘宝焦点图布局旋转木马综合案例错误分析你好！
__9981·2022-12-30 14:53

最全pink老师JavaScript笔记-JQuery 入门 基础部分（同步PPT）

前言:本文章主要来自pink老师的的JavaScript的视频内容，发布至CSDN上，希望加深自己对知识点的理解，也给后面学习前端的同学节省做笔记的时间。
琛一森·2022-12-30 14:23

JS进阶网页特效（pink老师笔记）

元素偏移量offset系列offset概述offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）.大小等获取元素距离带有定位父类的位置获取元素自身的大小（宽，高）返回的数值都不带单位*{margin:0;padding:0;}.father{position:relative;width:200px;height:200px;background-col
Sherry 沈·2022-12-30 14:23

jQery基础参考pink老师ppt

jQery基础概述优点jQuery的入口函数jQuery的顶级对象$jQuery对象和DOM对象jQuery基础选择器jQuery层级选择器jQuery设置样式隐式迭代jQuery筛选选择器排他思想案例：淘宝服饰精品案例操作css方法设置类样式方法案例：tab栏切换类操作与className区别jQuery效果显示语法规范隐藏语法规范切换语法规范下滑效果语法规范上滑效果语法规范滑动切换效果语法规范
向天再借500年·2022-12-30 14:52

pink老师学习之Echarts

pink老师学习之Echarts可视化面板介绍应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。
the ^O^ pet·2022-12-30 14:52

奔跑的熊大案例（CSS3动画）

跟着pink老师后面学习奔跑的熊大/*body{background-color:#ccc;}*/.bear{position:absolute;bottom:10px;width:200px;height
qq_27635591·2022-12-30 14:51

【JavaScript】跟着pink学习第二天部分案例

1.猜数字游戏三次机会，猜1~50之间的一个整数DocumentfunctiongetRandom(min,max){returnMath.floor(Math.random()*(max-min+1))+min;}varrandom=getRandom(1,50);vari=0;while(irandom){alert('你猜的数字偏大')}elseif(num2.统计出现次数最多的字符Docu
赤焰梦·2022-12-30 14:21

跟着pink老师学JS的第三天总结

*这个仿京东的商品放大镜效果真不好做！鼠标拖拽：*代码：Document.preview_img{position:relative;height:398px;width:398px;border:1pxsolid#ccc;box-shadow:006px5pxrgba(0,0,0,0.5);}.preview_img.small{width:398px;height:398px;}.mask{d
赤焰梦·2022-12-30 14:21

【HTML】动画合集--跟着pink老师学习

1.奔跑小熊奔跑小熊Documentbody{background-color:#000;}div{position:absolute;width:200px;height:100px;background:url(img/bear.png)no-repeat;/*多个动画之间用逗号隔开*/animation:bear1ssteps(8)infinite,move5sforwards;}@keyf
赤焰梦·2022-12-30 14:21

sql语句给一个字段的数据赋值

语句给一个字段的数据赋值一：目的我在数据库中新创建了一个字段，想把这个字段的值都改为同一个值；UPDATE表的名字SET表中的字段名=‘给这个字段的赋值’;例如：把其中的颜色都设置为：pinkUPDATE西藏SET颜色=‘pink
智慧的猪-·2022-12-26 04:10

Vue3 + ts 笔记

计算属性购物车案例#1.解决直接赋值导致proxy代理对象失去响应式获取数据{{item}}letarr=reactive([])letgetMsg=()=>{letmsg=['red','yellow','pink
_Rookie._·2022-12-25 17:04

CSS3中设置元素转换中心点

首先给一个div盒子作为研究对象，然后给盒子定义属性，代码如下：div{width:200px;height:200px;background-color:pink;margin:100pxauto;transition
尤里卡_1006 (胡健)·2022-12-24 20:30

pack布局

窗口对象root.title('Pack布局')#设置窗口标题root.geometry('300x200+300+300')#窗口的宽度和高度（x是小写的英文x，不是*）root.config(bg='pink
CCCCRJJ·2022-12-20 15:02

python彩色蟒蛇绘制

importturtlecolors=['pink','purple','orange','green']turtle.setup(650,350,200,200)#设置画笔起点位置turtle.penup
CCCCRJJ·2022-12-20 15:32

Flex布局-04-align-items 常用属性值配置

center;height:300px;margin:auto;border:1pxsolid#000;}.boxdiv{width:100px;height:100px;background-color:pink
EchoByCode·2022-12-17 01:48

CSS实现下拉列表

本文提供两种方法方法一：1.首先写好结构，常用ul和li结合服装外套棉袄裤子2.添加css样式ul,a{font-size:20px;/*字体大小*/background-color:#pink;/*背景颜色
因为我是ZR·2022-12-15 07:48

python画饼图柱状图_Matplotlib-绘制饼图、柱状图、散点图

0.12,0.2341,0.4355,0.6778,0.0234,0.22,0.3341]labels=['Java','Python','A','B','C','D','E']colors=['red','pink
weixin_39892565·2022-12-13 16:31

微信小程序如何设置基本的页面样式，做出用户界面UI

page{background-color:pink;}t
·2022-12-11 18:07

电商平台数据可视化Echarts-Vue项目综合练习(黑马pink老师)学习记录

放假在家没事，跟着b站黑马前端课程手把手做了个电商平台数据可视化实时监控系统。老师课讲得非常好，几乎是保姆级别，对我这种小白非常友好。在这里记录一些自己遇到的问题，欢迎批评指正。问题记录1.ECharts浏览器配置2.node.js安装及其环境变量的配置(1)下载node.js(2)配置环境变量(3)命令行验证3.Vue安装及其环境变量的配置4.创建vue工程的相关配置5.cmd退出Vue项目6.
ScienceLi1125·2022-12-10 22:51

python设计一个窗体、模拟登录页面_tkinter+pickle+python的一个登录界面设计

window=tk.Tk()window.title('WelcometoPython')window.geometry('800x500+800+200')#window.configure(bg='pink
weixin_39654903·2022-12-10 17:52

JS pink老师简易计算器作业

jspink老师作业——用创建对象写一个简易计算器varflag=true;while(flag){varoption=parseInt(prompt('欢迎使用简易计算器:\n\u00201.加法运算;\n\u00202.减法运算;\n\u00203.乘法运算;\n\u00204.除法运算;\n\u00205.退出;\n\u0020请输入您的选项:'));//输入5时退出循环if(option=
菜鸟小牟·2022-12-08 21:40

js原生实现步骤条

遍历这个流程数组，如果步骤状态大于流程，checked＝true，3.页面输出遍历的流程数组，checked的div点亮最终效果js原生实现步骤条#wrapper{/*background-color:pink
小橙几·2022-12-07 10:34

js计时器

样式.dahe{width:300px;height:400px;margin:auto;background-color:pink;}.shijian{color:white;font-size:40px
script~·2022-12-06 22:13

阻止事件冒泡的两种方式

father{width:100px;height:100px;background-color:pink;}.son{width:50px;height:50px;background-color:skyblue
hcoke·2022-12-05 07:36

网页变灰色前端是如何实现的？

本文转载转自bilibili最爱up主–黑马程序员pink老师今天是4.4疫情哀悼日，纪念疫情期间牺牲的烈士和逝世同胞，因此大部分网站颜色都变灰色了,我们前端是如何实现的呢?
刘亚林_·2022-12-05 07:05

Python 颜色代码大全

英文代码形象颜色十六位码RGB码颜色LightPink浅粉红#FFB6C1255,182,193Pink粉红#FFC0CB255,192,203Crimson猩红#DC143C220,20,60LavenderBlush
奋斗中的打工人·2022-12-03 14:21

b站pink老师Echarts数据可视化笔记

1.什么是数据可视化1.1数据可视化的目的1.2数据可视化的场景1.3常见的数据可视化库2.ECharts2.1常见的数据可视化库Echarts五个使用步骤ECharts，一个使用JavaScript实现的开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender，提供直观，交互丰
快意人生大社畜·2022-12-01 10:12

b站pink老师JavaScript的jQuery 案例代码——电梯导航案例

目录代码部分：1.index.js（全是重点）2.index.html（辅助作用，用于查看结构）3.index.css（辅助作用，用于设置一开始的电梯导航display:none）4.jquery.min.js（辅助作用）5.base.css（辅助作用）6.common.css（辅助作用）7.detail.css（辅助作用）8.list.css（辅助作用）9.register.css（辅助作用）目
快意人生大社畜·2022-12-01 10:12

b站pink老师JavaScript的ES6面向对象课程中：正则表达式案例代码——敏感词过滤

pink老师是gay吗？
快意人生大社畜·2022-12-01 10:12

如何用CSS画圆 以及添加阴影

#content{width:200px;height:200px;border-radius:100px;box-shadow:20px20px30pxgray;background-color:pink
Vinegar �·2022-11-30 14:28

scss总结大全，如scss变量引入拆分，scss初中阶函数,继承选择器，媒体查询等

color2;}.module{font-size:$font1;}.feature{background-image:linear-gradient($color1,$color2);}$color1:pink
不愿意学全栈的小白·2022-11-24 19:46

HTML5+CSS3笔记 (黑马pink老师)

HTML头部文件解释：Document文本标签：标题标签：标题标签一共6级，文字加粗显示，文字大小从h1~h6依次递减。标题标签标题一共六级选,文字加粗一行显。由大到小依次减，从重到轻随之变。语法规范书写后，具体效果刷新见。段落和换行标签：这是段落文本格式化标签：标签作用或加粗或倾斜斜体或删除线或下划线我是加粗的文字我是加粗的文字我是倾斜的文字我是倾斜的文字我是删除线我是删除线我是下划线我是下划线
是廖一啊·2022-11-23 19:57

【必看】前端代码规范

代码规范1.概述欢迎使用品优购代码规范，这个是pink老师借鉴京东前端代码规范，组织的品优购内部规范（任何前端开发项目都适用的）。
coderYYY·2022-11-21 20:55

pink-移动web开发之流式布局

改变行高只是改变上下间距的大小，目标：知道移动WEB的开发现状写出标准的viewport使用移动WEB的调试方法说出移动端常见的布局方案描述流式分布独立完成京东移动端首页1.移动端基础2.视口3.二倍图二倍精灵图做法先缩小一倍精灵图量logo尺寸和坐标css中background-size缩小一倍：114pxauto;(原来宽度是228)设置background-position为量出来的坐标点2
云诗卡达·2022-11-21 20:41

div居中的几种方法

使用div水平垂直居中方法一:使用flex布局111*{margin:0;padding:0;}.box{width:100vw;height:100vh;background-color:pink;display
ybilss·2022-11-21 18:26

es6----构造函数和原型

文章是跟着pink老师es6视频学习时做的笔记*构造函数和原型：在es6之前，是用构造函数和原型来构建一个类，在es6之后新增了class关键字来创建类。
faith312·2022-11-21 00:21

python简单代码演示效果-用python画爱心及代码演示

今天小编也尝试了下，一起来看看吧~准备工具：python3画爱心实施步骤：打开编译器，写上code，代码如下：fromturtleimport*pensize(1)pencolor('red')fillcolor('pink
weixin_37988176·2022-11-18 07:08

PYTHON画爱心（利用pycharm）

fromturtleimport*pensize(1)pencolor('red')fillcolor('pink')speed(5)up()goto(-30,100)down()begin_fill(
苏先生很懒·2022-11-17 09:38

turtle—‘小小爱心火柴人’

fromturtleimport*#color("red","yellow")bgcolor('azure')pensize(10)pencolor("yellow")goto(0,100)color("yellow","pink
T1009∞·2022-11-13 19:51

433~458（flex+携程网移动端首页）

如果是移动端或者不考虑兼容性问题的PC端页面布局,我们还是使用flex弹性布局1.2初体验Documentdiv{display:flex;width:80%;height:300px;background-color:pink
是风呀呀·2022-11-09 11:05
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他