自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 Vue超级知识点

Vue生命周期beforeCreate 创建前 找不到dom元素 data中的数据没有初始化created 创建完成 找不到dom元素 可以找到data中的数据beforeMount 渲染到页面(挂载)前 找不到dom元素mounted 挂载完成 可以找到dom元素beforeUpdate 更新前 在更新前可以做一些逻辑处理updated 更新完成 更新后可以做一些逻辑处理beforeDestroy卸载前 可以解绑window上的事件 或着清空sessionStor..

2022-01-12 20:34:22 177

原创 2021末

在普通的周五和2021说再见,希望所有的遗憾都终结在这个十二月????

2021-12-31 20:43:20 147

原创 ES6-主要知识点(一)

总结来自于阮一峰老师一. let 和 const1.letES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。1.有块级作用域( if for 等 {} 算作代码块){ let a = 10; var b = 1;} console.log(a); // 报错 console.log(b); //1但是 如果在{}里面打印a 就会返回正确的值;这就说明,let声明的变量只在它所在的...

2021-12-28 09:57:54 105

原创 【无标题】

【分组探究作业】根据BMI(身体质量指数)显示一个人的体型。BMI指数,就是体重、身高的一个计算公式。公式是:BMI =体重÷身高的平方比如,老师的体重是81.6公斤,身高是1.71米。那么老师的BMI就是 81.6 ÷ 1.712 等于 27.906022365856163过轻:低于18.5正常:18.5-24.99999999过重:25-27.9999999肥胖:28-32非常肥胖, 高于32用JavaScript开发一个程序,让用户先输入自己的体重,然后输入自己的身高。计

2021-12-22 21:33:42 615

原创 【无标题】

某网店新推出会员制度,如果消费不足88元,不打折,会员包邮,非会员不包邮。消费满88元但是不足188元,非会员包邮但不打折,会员根据等级进行优惠,规则如下:白银会员打9.5折,黄金会员打8.5折,钻石会员打7.5折。消费在188以上的,非会员包邮,打9折,会员包邮,根据会员根据等级进行优惠,规则如下:白银会员打9折,黄金会员打8折,钻石会员打7折。声明变量存储消费金额和会员等级,弹出是否包邮及折后金额。var a = prompt("请输入您的存储消费金额"), b = prompt("请输入会员等级,比

2021-12-22 21:33:12 173

原创 【无标题】

突然感觉好累啊

2021-12-14 21:58:50 162

原创 DOM超有用的知识点概括

Dom什么是dom (document object model) 文档对象模型什么是dom树 html整个文档的树形结构一、获取DomgetElementsByTagNamegetElementByIdgetElementsByClassNamequerySelectorAllquerySelector二、获取元素属性 元素.属性名 getAttribute('属性名') 三、设置元素属性 元素.属性名 = 属性值 setAttrib

2021-12-07 21:23:11 481 1

原创 自制轮播图

css <style> * { margin: 0; padding: 0; } #bigbox { position: relative; width: 400px; height: 362px; margin: 0 auto; overflow: hidden;

2021-12-07 21:14:40 63

原创 完全有JS完成百度换一换

css div{ overflow: hidden; width: 600px; margin: 80px auto 10px; } span{ float: left; } p{ float: right; } p>img{ width: 15px; he

2021-12-01 08:47:49 1143

原创 移动端和pc端的区别

1. 界面布局 移动端屏幕相对窄小,一般是单列显示,最多也只能是双列+响应式,但是PC端的屏幕大,布局可以更加灵活。2. 使用习惯 移动端的操作尺度比较大,单击误差大,所以按钮、链接等元素比较设计的大一些 而PC端的操作尺度比较小,用鼠标单击是一件比较准确的事情,所以在设计按钮或者链接等样式时 可以稍微小一些3. 网络速度 手机的网络一般是2G\3G\4G\WIFI等,网页的加载速度会影响用户的体验,需要消耗用户的流量,而PC的网络一般是连接宽带或者WIFI,P

2021-11-29 00:16:39 1876

原创 利用js简单完成度娘换一换

css部分<style> * { margin: 0; padding: 0; } .bigbox { width: 700px; height: 200px; padding: 50px; border: 1px solid #000; margin: 1...

2021-11-28 21:53:06 712 5

原创 如何实现多列的ellipsis?

p { display: -webkit-box; /*必须结合的属性,将对象作为弹性伸缩盒子模型展示*/ -webkit-box-orient:vertical; /*必须结合的属性,设置或检索伸缩盒子对象的子元素的排列方式*/ -webkit-line-clamp: 2; /*用来限制在一个块元素中显示文本的行数*/ display: -webkit-box; /* 将盒子变成伸缩盒 */ -webkit-bo

2021-11-25 22:04:36 80

原创 小游戏 计算鼠标按下抬起的时间 按出2s整

1. 点我 <script> var arr = []; function clkdown(){ var date = new Date(); arr.push(date.getTime()); } function clkup(){ var date = new Date(); ...

2021-11-24 19:50:38 3104 1

原创 【无标题】

标题数组去重复 三种方式##​ 1.先将原数组进行排序,重复值的就会相邻,然后我们使用for循环,让比较相邻的​ 两个元素进行对比,如果不同就把 左面的元素放进新的数组里面. var arr =[2,9,7,9,10,8,7,7,6] arr.sort(function(a,b){return a-b}); for(var i=1;i<arr.length-1;i++){ if(

2021-11-23 15:24:49 453

原创 【无标题】

标题如何让chrome显示小于12px的文本?可以利用css3的转换属性中的scale缩放函数来实现```cssp { font-size: 6px; -webkit-transform: scale(.5); 四给哦 }```

2021-11-18 10:19:10 43

原创 【无标题】

CSS命名规则  头:header  内容:content/containe  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center  登录条:loginbar  标志:logo  广告:banner  页面主体:main  热点:hot  新闻:news  下载:download  子导航:subnav  菜单:menu  子菜单:submenu  搜索

2021-11-17 18:09:51 45

原创 【无标题】

标题如何使用纯css实现一个三角形?26. **方案一** ```css div { width: 0; height: 0; margin: 200px; border: 100px solid transparent; 喘z拍人特 透明 border-top: 100px solid #f00; } ``` **方案二** ```css div {

2021-11-17 14:12:27 44

原创 2021-11-16

标题描述块元素和行内元素的区别?分别写出5个行内元素和块级元素?img是行内元素还是块元素?行内元素怎么和块级元素互转?区别: display:inline;特点:行内元素会在一条直线上排列,水平方向排列;不支持更改宽高,支持padding四个值,不支持margin上下,支持margin左右 display:block;特点:块级元素各占据一行,垂直方向排列,支持更改宽高,支持margin和padding四个值 布局排版需要注意的(可以不背):块级元素可以包含行内元素和块级元素,行

2021-11-16 08:42:37 64

原创 2021-11-15

标题用if语句实现:输入年份判断是平年还是闰年?普通闰年:能被4整除但不能被100整除的年份为普通闰年。(如2004年就是闰年,1999年不是闰年);世纪闰年:能被400整除的为世纪闰年。(如2000年是世纪闰年,1900年不是世纪闰年)。对于数值很大的年份:这年如果能被3200整除,并且能被172800整除则是闰年。//这个最大值没有具体范围所以无法判断 var a = prompt("请输入年份"); if ((a % 4 == 0 && a %

2021-11-15 11:45:07 49 1

原创 2021-11-13

标题1px边框的实现?加粗样式方案一:采用媒体查询的方式,如果在非高清屏,则设置边框为1px;如果是高清屏,且dpr是2,那么设置边框为0.5px;如果是高清屏,且dpr是3,那么设置边框为0.3333px```css.border { border: 1px solid #ccc;}@media screen and (-webkit-min-device-pixel-ratio:2) { .border { border: 0.5px solid #ccc

2021-11-13 16:11:30 60 1

原创 2021-11-11

标题某网店新推出会员制度,如果消费不足88元,不打折,会员包邮,非会员不包邮。消费满88元但是不足188元,非会员包邮但不打折,会员根据等级进行优惠,规则如下:白银会员打9.5折,黄金会员打8.5折,钻石会员打7.5折。消费在188以上的,非会员包邮,打9折,会员包邮,根据会员根据等级进行优惠,规则如下:白银会员打9折,黄金会员打8折,钻石会员打7折。声明变量存储消费金额和会员等级,弹出是否包邮及折后金额。 var consume = +prompt("请输入您的存储消费金额");

2021-11-11 16:08:11 246 2

原创 2021-11-09

标题 bootstrap如何实现响应式布局?首先,bootstrap的栅格系统实际是将一个页面分成了12个格子区域。通过根据终端设备的不同宽度,设定模块内容所占格子区域的大小多少,来定义模块最终所占空间的大小。其中将模块分为container容器、row行、column列三个概念,并且必须是容器包裹行,行包裹列这样的一个层级概念其次,断点的设定。也就是所谓的终端宽度,根据定义不同的终端的宽度,调整容器,行,列不同的显示效果。一般设定为xs、sm、md、lg,xl。也就是5种显示方式,分别是12

2021-11-09 23:08:46 675

原创 2021-11-08

标题CSS如何实现垂直水平居中**********?##1. **第一种方式已知宽高:** ```css div{ width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-right: -100px; background: #f00;

2021-11-08 12:30:35 57 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除