- 博客(23)
- 收藏
- 关注
RSS订阅原创 Vue超级知识点
Vue生命周期beforeCreate 创建前 找不到dom元素 data中的数据没有初始化created 创建完成 找不到dom元素 可以找到data中的数据beforeMount 渲染到页面（挂载）前 找不到dom元素mounted 挂载完成 可以找到dom元素beforeUpdate 更新前 在更新前可以做一些逻辑处理updated 更新完成 更新后可以做一些逻辑处理beforeDestroy卸载前 可以解绑window上的事件 或着清空sessionStor..
2022-01-12 20:34:22
177
原创 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
原创 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关注的人