- 博客(13)
- 收藏
- 关注
RSS订阅原创 JavaScript: 关于深拷贝与浅拷贝
浅拷贝对于对象的 值属性 拷贝值，引用属性 拷贝引用function shallowCopy(obj) { if (typeof obj != "object" || obj == null) { return undefined; //参数无效，返回undefined } let newObj = Array.isArray(obj) ? [] : {}; for (let k in obj) { if (obj.hasOwnProperty(k)) { newObj[k].
2020-06-14 14:30:16
162
原创 手写简易轮播图
HTML部分： <div> <img src="images/ad1.jpg" alt="" /> <p> <span id="pre"><</span> <span id="next">></span> </p> </div>CSS部分：<style> * { margin: 0; padd
2020-05-25 10:58:11
224
原创 JavaScript中使用sort()方法将数组进行排序
开门见山，让我们先看一段代码： // 定义一个数组 let arr = [18, 64, 78, 99, 32, 2]; // 使用sort()进行排序 let result = arr.sort(); // 输出 console.log(result);输出的结果：这时候，英语好的同学就会有疑问：“sort不是排序的意思吗？为什么答案既不是降也不是升序呢？”我们知道其实计算机底层是和0/1打交道的，我们看到的文本里会包含有数字、字符还有符号。那么计算机要处理这些文本就需要转换为0/1
2020-05-12 11:11:57
438
原创 Vue：插槽基础知识
插槽可以理解为子组件在自己身上挖了一个坑 —— 占位符，当父组件引用子组件并想在子组件内填充内容时，就可以使用插槽。插槽也分匿名插槽、具名插槽以及作用域插槽，话不多说，直接上代码！一、匿名插槽<!-- 子组件 --><template> <div class="son"> <header>我是头部</header> &l...
2020-05-08 16:55:48
264
原创 Vue：子组件向父组件传递数据
子组件：<template> <section class="son"> <input v-model="message" /> </section></template><script>export default { data() { return { message: '请输入...', ...
2020-05-04 22:27:38
171
原创 JavaScript 三大家族
JavaScript 三大家族offset * offsetLeft和offsetTop的作用: 1.获取到元素第一个定位(position)的祖先元素之间的偏移位; 2.如果没有祖先元素是定位(position)的,那么就是获取到body的偏移位; * offsetHeight和offsetWidth: 1.offsetHeight = 高度 + 内边距 + 边框;...
2020-05-04 21:44:28
189
原创 JSON相关
JSON与JS对象的关系JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。例如： var obj = {a: 'Hello', b: 'World'}; //这是一个对象，注意键名也是可以使用引号包裹的。 var json = '{"a": "Hello", "b": "World"}'; //这是一个 JSON 字符串，本质是一个字符串。...
2020-05-04 21:43:36
122
转载 移动端适配方案——postcss-px-to-viewport
本文为转载，原文链接：https://blog.youkuaiyun.com/Cookysurongbin/article/details/99671673 之前做移动端适配时，基本上是采用rem方案，现在发现了一个新的方案，就是用viewport单位，现在viewport单位越来越受到众多浏览器的支持postcs...
2020-01-13 09:37:15
3124
原创 如何实现左右两栏一定比例，左栏高度随右栏高度自适应？
CSS：.container { display: flex; width: 400px; overflow: hidden; } .container .left { width: 20%; background-color: pink; ...
2020-01-09 16:52:39
690
原创 CSS实现宽度自适应100%，宽高16:9的比例的矩形。
CSS：/* box 用来控制宽度 */ .box { width: 20%; } .scale { width: 100%; height: 0px; ...
2020-01-09 16:40:01
545
原创 animation和translate有没有用过，一些常见的属性说下？
animation:1.animation-name 规定需要绑定到选择器的 keyframe 名称2.animation-duration 规定完成动画所花费的时间，以秒或毫秒计。3.animation-timing-function 规定动画的速度曲线。4.animation-delay 规定在动画开始之前的延迟。5.animation-iteration-count 规定动...
2020-01-09 16:37:59
1093
原创 实现水平居中的几种方法
实现水平居中的几种方法绝对定位： .father { width: 300px; height: 300px; background-color: blue; ...
2020-01-09 16:37:12
124
原创 常用的几种布局方式
常用的几种布局方式盒子模型：1.概念：由内容、内边距、外边距、边框组成的都是盒子模型。2.模式：1.标准模型 - 盒子的高度与宽度是计算content的高度与宽度。2.IE模型（怪异模式）- 盒子的高度与宽度是包含了内容、内边距、外边距与边框。3.如何设置这两种模型？1.标准模型 - box-sizing:content-box，浏览器默认方式。2.IE模型 - box-sizi...
2020-01-09 16:28:47
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人