html
文章平均质量分 56
bliss小宝
性格有点内向、乐观上进、有爱心并善于施教并行;对待工作认真负责,善于沟通、协调有较强的组织能力与团队精神;上进心强、勤于学习能不断进步自身的能力与综合素质。在未来的工作中,我将以充沛的精力,刻苦钻研的精神来努力工作,稳定地进步自己的工作能力,与公司同步发展。
展开
-
CSS伪类选择器
在css中,可以利用伪类选择器“:nth-child()”来选择偶数行,该选择器能选择表格或li等有规律元素的偶数行,语法“元素:nth-child(2n){样式}”或“元素:nth-child(even){样式}”。在css中,可以利用伪类选择器“:nth-child()”来选择偶数行。通过css3伪类选择器 :nth-child() 可以选择表格或li等有规律元素的偶数行。选择器匹配父元素中的第 个子元素,元素类型没有限制。当n 为关键字“even”或公式“2n”时即可选择偶数行。原创 2022-09-30 15:41:46 · 361 阅读 · 0 评论 -
MongoDB 入门须知
【代码】MongoDB 入门须知。原创 2022-09-23 09:02:56 · 314 阅读 · 0 评论 -
node.js 异步 编程简化简化再简化
我相信,无论今后的道路多么坎坷,只要抓住今天,迟早会在奋斗中尝到人生的甘甜。抓住人生中的一分一秒,胜过虚度中的一月一年!原创 2022-09-21 09:24:41 · 390 阅读 · 0 评论 -
git 命令 简单介绍
工作区(working diretory) 用于修改文件缓存区(stage) 是用来暂时存放工作区中修改的内容提交历史(commit history) 提交代码的历史记录。原创 2022-09-21 09:22:45 · 1565 阅读 · 0 评论 -
git 更新后 无法上传文件 解决办法
有的人,认真爱过一次以后就不敢再随便爱了,因为怕重蹈覆辙,怕感情的伤害,怕心灵变得更累。找到你本地的文件夹 然后右击 Git Bash Here 之后输入如下命令。找到你本地的文件夹 然后右击 Git Bash Here 之后输入如下命令。接下来就可以通过你git的账号密码 正常的上传文件了。于是小编就去了解了一下git是怎样实现记住密码的。如图所示 已经和你的git 建立起了连接。gitee.com/ 后面的是你的账号。密码就是你注册git 的时候的密码。之后输入你的账号密码。原创 2022-09-21 09:21:27 · 983 阅读 · 0 评论 -
案例 列表目录 鼠标悬停 讲解
所谓爱情,应该是什么样子:轰轰烈烈,不顾一切,算不算爱情;相濡以沫,执手到老,算不算爱情;平淡如水,相敬如宾,算不算爱情。真正的爱情,应该是两个人,彼此理解,互相尊重,不缠绕,不牵绊,不占有,然后相伴,走过一段漫长的,旅程。设置另一个列表目录(与前面的列表目录重合),设置背景为 前面的列表目录鼠标悬停时候的 蓝色效果;当鼠标悬停在某个一列表目录上面的时候,这个列表目录有相应的蓝色效果,其他的被隐藏。原创 2022-09-21 09:19:17 · 532 阅读 · 0 评论 -
qq音乐 (轮播图) 详细介绍
之前咋们介绍了 qq音乐页面的上下侧三面 我发现好多小伙伴们都很喜欢所以 来了个续集 嘿嘿下面我来简单 介绍一下 它的基本布局总共可以分为三大块 当然这是除去了 导航器导航器 大家可以通过Swiper中轮播图的各种样式来简单设置一下即可网址:https://www.swiper.com.cn/demo/index.html注意:设置用jQuery插件做的轮播图里面的导航器在他的父级里设置position: relative;并把父级容器 宽度设为想要让导航器和分页器相对应的值第一块:原创 2022-09-21 09:18:33 · 1350 阅读 · 0 评论 -
案例 搜索提示框
CSS代码HTML代码原创 2022-09-21 09:17:42 · 256 阅读 · 0 评论 -
ajax轻松理解
=""原创 2022-09-20 13:55:24 · 135 阅读 · 0 评论 -
显示与溢出 详细介绍
共同进步 共同努力 一起奋斗 感觉未来充满了可能。原创 2022-09-20 13:54:54 · 117 阅读 · 0 评论 -
PyCharm快捷键 (全)
Ctrl+X/Shift+Delete 剪切当前行或选定的代码块到剪贴板。Ctrl+C/Ctrl+Insert 复制当前行或选定的代码块到剪贴板。Ctrl + Shift + ]/[ 选定代码块结束、开始。Ctrl + Shift + Z 重做,恢复上次的撤销。Ctrl+V/Shift+Insert 从剪贴板粘贴。Ctrl + Shift + V 从最近的缓冲区粘贴。Ctrl + Shift + F8 查看断点。Ctrl + Shift + / 块注释。Ctrl + Alt + L 代码格式化。原创 2022-09-20 13:54:17 · 1367 阅读 · 2 评论 -
pycharm 安装pip 详细步骤
方法1:第一步第二步第三步复制刚刚打开文件的目录 ctrl+c粘贴ctrl+v补充 :\pip.exe install pygame==1.9.4如果安装失败复制刚刚打开文件的目录 ctrl+c粘贴ctrl+v补充\pip.exe install pygame==1.9.4 -i https://pypi.tuna.tsinghua.edu.cn/simple如果还不行 重复上面的步骤(必须联网)注意 / \ 有没有写对成功后:上面的最后还是没有成功:file->setting如果你不给自己原创 2022-09-20 13:53:45 · 1620 阅读 · 0 评论 -
qq音乐主页 思路解析(及代码)
图片链接:https://pan.baidu.com/s/1MlC8RzP1tYxwwgSL_FANXA提取码:cydc首先了解一下该页面的总体布局 分为 上中下 以及 侧面下面我来讲解一下我做该页面上下侧面的思路可以把该页面的顶部分成两部分分别是上 下 两大块上面这部分又可以分为四小块下面这部分已经很简单了 不用再怎么分解了如图所示:可以把该页面的底部分成七块,如图所示:总共两部分,如图所示 将其分解这下是不是觉得这页面 特别简单 ! 没错 按着这个思路走 不管多难的页面 只要第一原创 2022-09-20 13:53:12 · 856 阅读 · 0 评论 -
电商 静态页面(详细讲解)
2.设置图片大小 按照总图片大小以及间隔来设置容器大小。5.将所有图片和div设置悬浮效果。1.在容器中引入图片(小图片)4.插入向左向右控制的div。3.将图片和容器脱离文档流。原创 2022-09-20 13:51:25 · 284 阅读 · 0 评论 -
轮播图快速搞定
今日金句原创 2022-09-20 13:49:48 · 108 阅读 · 0 评论 -
jQuery和DOM对比 左右移动选项案例
问题: 每次移动option之后 为移动的option都会被补上去,所以在循环中 如果选中全部option则将只有六次循环且不是连续的六个。第一个option被移动,剩下集合中的第二个option元素被移动。// //获取左边被选中的选项,移动到右边。在for循环中加入语句i–//jQuery操作。使i每次都是从0开始。记住,风筝逆风而飞。原创 2022-09-21 09:15:27 · 250 阅读 · 0 评论 -
实现 表格 隔行变色 案例
/ 2.根据元素定位所有的元素->行。为表格设置合并边框模式。//5.为当前元素设置class属性值为bg。//1.定位页面中的元素->表格。失败之前无所谓高手,在失败的面前,谁都是凡人。// 3.循环遍历所有的元素。//4.判断当前行是否为奇数或偶数。//用jQuery方法实现。//用DOM方法实现。原创 2022-09-19 19:40:07 · 636 阅读 · 0 评论 -
闭包实现切换图片
不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。//使其在局部中能使用变量 i的值。/* 文本对齐方式 居中 *//* 行内块级元素 *///显示当前点击的图片。//把所有的图片隐藏。原创 2022-09-19 19:39:10 · 98 阅读 · 0 评论 -
实现 自动轮播图 案例
ease-out 元素样式从初始状态过渡到终止状态时速度由快到慢。alternate 动画交替反向运行。infinite 动画执行无数次。瞄准天上的星星,或许你永远也射不到,但却比你瞄准树梢射得高远。动画执行时间是10s。原创 2022-09-19 19:38:40 · 165 阅读 · 0 评论 -
js描述符 详细介绍
JavaScript 提供了一个内部数据结构,用于描述对象的值,控制其行为,例如该属性是否可写、可读、可配置、是否可修改以及是否可枚举等。configurable:当且仅当该属性的值为 true 时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。数据描述符是一个具有属性的值,该值是可写的,也可能是不可写的。: 此方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。既然返回的是一个对象,是对象就存在属性,可以通过其属性获取其响应的值,示例代码如下。原创 2022-09-19 19:38:08 · 241 阅读 · 0 评论 -
submin(相关案例)和 表单操作
注意: HTML FormElement对象提供了elements属性获取的表单组件中,不包含type为image的input元素。给我一个时间说爱,用我的心化成星星,填满你寂寞的夜里,从来不曾有过这样的感觉,我却渴望拥有美丽的永远。不要期待,不要假想,不要强求,顺其自然,如果注定,便一定会发生。心安,便是活着的最美好状态。较早的浏览器还会将定义了name属性的表单保存在document对象中。Document对象 通过表单的name属性值获取指定表单元素。该属性用于获取指定表单的所有组件的集合。原创 2022-09-19 19:37:33 · 145 阅读 · 0 评论 -
html和 css 轮播图
今日金句比别人多一点志气,你就会多一份出息;比别人多一点坚持;你就会夺取胜利;比别人多一份执着。你就会创造奇迹!最使人疲惫的往往不是道路的遥远,而是你心中的郁闷;最使人颓废的往往不是前途的坎坷,而是你自信的丧失;最使人痛苦的往往不是生活的不幸,而是你希望的破灭;最使人绝望的往往不是挫折的打击,而是你心灵的死亡;所以我们凡事要看淡些,心放开一点,一切都会慢慢变好的。原创 2022-09-19 19:36:14 · 182 阅读 · 0 评论 -
div如何变为可输入文字的形式 和 scrollIntoView 定位聊天消息到底部
接触太多vue的一些内容了 ,好久都没接触到原声h5的东西了 今天 在学习websocket过程中 突然发现一个属性 contenteditable。当div或者其他标签加上 contenteditable 就可以把其变为可编辑的形式而且此时可以读取iconscrollIntoView是一个与页面(容器)滚动相关的API(官方解释),该API只有boolean类型的参数能得到良好的支持(firefox 36+都支持),所以在这里只讨论参数Boolean类型的情况。scrollIntoView可以原创 2022-06-05 19:57:20 · 442 阅读 · 0 评论 -
在 el-table-column 中为 按钮 增加 文字提示 时多出了个黑色背景的悬浮 (QQ 浏览器)
话不多说 上代码<el-table-column label="操作" align="center" :show-overflow-tooltip="true" width="182px"> <template slot-scope="scope"> <div class="operation">原创 2022-01-13 09:24:52 · 664 阅读 · 0 评论 -
icon 图标 动态切换(上传 或者本身就有icon也就是class)
一共三种情况为空用户上传的svg 也就是以http开头的图标本身存在的svg 也就是 像el-icon-plus一样的样式<el-upload class="upload" :action="fileurl" :show-file-list="false" :on-success="handleAvatarSucceis" :before-upload="beforeAvatarUpload" accept=".svg" :on-error="fileerror".原创 2022-01-12 13:59:33 · 1432 阅读 · 0 评论 -
当ul中内容超出范围时 自动添加滚动条
html 代码<ul class="ul"> <li class="num"> <span class="Nameofjudges"> 一号 </span> <span class="fraction"> 63 </span> </li> <li class="num">原创 2021-10-28 15:44:59 · 4322 阅读 · 0 评论 -
Cascader 级联选择器 改变选项对应的属性值
绑定对应的数据 和 props<el-cascader v-model="value" :options="classroom" :props="defaultProps" @change="handleInfo"></el-cascader>这是当前的数据[{ id: "123456", name: 1 list: { id: 123, name: "实验室1", list: { id: 231, name: "实验室2", l原创 2021-10-27 17:34:53 · 1835 阅读 · 0 评论 -
文件关闭时弹窗是否离开
文件关闭时弹窗是否离开widnow.onbeforeunload = function(){ return '您确定要离开吗';}原创 2021-04-22 21:30:35 · 83 阅读 · 1 评论 -
独立实现栅格系统
容器的实现containercontainer-fluid行的实现.row列的实现.col-xs-*.col-sm-*.col-md-*.col-lg-*.col-offset-*原创 2021-04-20 21:34:02 · 153 阅读 · 0 评论 -
css全局设置用来重置html基本样式的css文件
前言现在的浏览器五花八门,光ie就有好多版本,还有火狐,Chrome等等。每个浏览器的默认样式也是不同的。所以就要考虑一个兼容问题。比如你用ie打开网站正常,但是用火狐或其他浏览器打开的时候,网站就变形了。这些都属于兼容问题。为了避免这种问题,我们需要把一些常用的html标签重置(CSS),将它们统一定义,就可以产生相同的显示效果。比如:html, body, div, span,object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, abbr,de原创 2021-04-20 16:50:40 · 442 阅读 · 0 评论 -
设置元素的垂直对齐方式
定义和用法vertical-align 属性设置元素的垂直对齐方式。说明该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值。这会使元素降低而不是升高。在表单元格中,这个属性会设置单元格框中的单元格内容的对齐方式效果<div> 这是一幅<img class="img1" src="../../imgs/es6.jpg" />位于段落中的图像。</div>middle 将此元素放置在父元素的中部 (最常用)% 使用原创 2021-04-20 15:46:08 · 842 阅读 · 0 评论 -
html滚动监听(bootstarp)
文章目录前言代码总结前言学习html监听事件,实现定位提示:以下是本篇文章正文内容,下面案例可供参考代码第一步为导航栏监听的内容加 position:relative;如:body{ position:relative}第二步并为其增加 data-spy=“scroll” data-target="#bs-example-navbar-collapse-1"data-target对应的导航栏的如<body data-spy="scroll" data-target="原创 2021-04-20 09:10:35 · 310 阅读 · 0 评论 -
将导航栏固定到html底部(bootstrap)
学习目标:将导航栏固定到html底部学习产出:代码<!-- 导航条start --> <!-- navbar-fixed-bottom固定在底部 --> <nav class="navbar navbar-default navbar-fixed-bottom navbar-inverse"> <!-- container-fluid改成 container 就可以居中对齐 --> <div c原创 2021-04-20 07:46:53 · 2106 阅读 · 0 评论 -
网页标题中文本闪烁效果
学习目标:实现网页消息提醒效果学习产出:代码// 获取当前网页标题 // console.log(document.title); // document.title = '快点 打开' // 如果状态的数量是固定的一定要想到两个固定的东西 // 1. 取余 // 2. switch……case…… // 1.定时器 // 2.两个标题 // 这里空格必须使用全角的空格 否则不会在标题中显示 var title1 = '[原创 2021-04-19 21:11:16 · 165 阅读 · 2 评论 -
Live Templates 用户代码片段 使用步骤
学习目标:通过 jquery 往html里引入jquery 插件学习内容:Live Templates使用步骤打开用户代码片段搜索html.json在json文件中添加内容效果原创 2021-04-19 17:46:32 · 306 阅读 · 0 评论 -
轮播图快速搞定
代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>轮播图</title> <script src="E:\xu_jinbao\jQuery\jquer原创 2020-11-07 12:12:15 · 227 阅读 · 0 评论 -
submin(相关案例)
submin()方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>submit()方法</title></head><body><form action="#"> <input type="text" id="username"> <input id=原创 2020-08-26 22:05:11 · 199 阅读 · 0 评论 -
情人节快乐 ! 亲爱的猪猪
亲爱的猪猪:认识你才知道有一种心情叫依恋,有一种感觉叫爱。今生今世遇见你,是我福分亦福气。如果可以的话,我愿意用生命中的每一分每一秒陪着你,可是,现在我能做的,只是每一分每一秒想着你咋们在一起也快一年了,这一年里打打闹闹,不求我们的爱有多么轰轰烈烈,不求我们的爱有多么缠绵悱恻,不求我们的爱还有来世三生,只愿此生我们的爱平平淡淡,携手相伴一生。情人节马上就到了,我不知道送你什么礼物好。你我都是程序猿,所以代码来表示我对你的爱在合适不过了我为你准备的小礼物:...原创 2021-02-12 19:23:44 · 5550 阅读 · 34 评论 -
Vue常用特性(表单操作)
祝各位新年快乐,开开心心每一天表单操作作用: 用户交互应用场景:邮件传输常用表单的数据类型Input 单行文本使用 v-model 进行双向数据绑定textarea 多行文本使用 v-model 尽享双向数据绑定select 下拉多选为每个选项设置一个 value 并给 select 设置 v-model 的值 (可以单选也可以多选)如果想要多选 需要为 select 设置 multiple=“true” 或者 直接写 multipleradio 单选框分原创 2021-02-12 10:18:25 · 1345 阅读 · 2 评论 -
API submit 事件及使用方法 (验证API)
操作剪切板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>操作剪切板</title></head><body><form action="#"> <input type="text" id="username" value="请输入你的用户名"> <原创 2020-08-24 00:05:13 · 381 阅读 · 2 评论
分享