- 博客(10)
- 收藏
- 关注
RSS订阅
1原创 canvas生成海报
需求：提供一个模板图片，商家输入自己的店铺名，即可生成一张海报。实现：使用canvas 画出模板，获取 input 框的内容，再将其添加到指定位置，下载保存。代码如下：结构 <body> <input type="text" id="merchants" placeholder="请输入店铺名(不要太长哦)"> <button id="generate">点击生成海报</button> <button
2020-09-23 10:47:26
573
原创 JavaScript深拷贝和浅拷贝
<script> //浅拷贝 //直接将一个 引用数据类型 的地址赋给另一个变量叫浅拷贝 var arr1 = [1,2,3]; var arr2 = arr1; console.log(arr2); //当操作 arr1 时，arr2 也会跟着改变；同理，修改 arr2 ，arr1...
2020-03-22 23:30:18
118
原创 JavaScript 数组去重
目的：去掉数组中重复的数据。思路：新建一个数组，将原始数组中的数据依次写入新数组，每次写入前查找是否已经存在，存在就不在写入，不存在就写入数据。知识点1：数组的遍历arr.forEach(function(key) { });依次访问数组中的数据，key为当前循环的单元的数值。知识点2：字符首次出现位置arr.indexOf(字符);查找数值中是否存在某个数值或字符，如果存在，返回索...
2020-03-22 23:17:31
120
原创 JavaScript-双重循环解决百鸡百钱问题
双重循环的执行原理以下面的for循环为例：for(int i=0;i<2;i++){ for(int j=0;j<2;j++){ console.log(`${i}${j}`); } }输出结果为 00 01 10 11；外层for循环每运行一次，每次的的循环就会完整的运行一遍。当 i = 0 时，内层循环 j 从 0 到 1 赋值；当 i = 1 时，内层循...
2020-03-14 15:29:11
1531
原创 CSS实现元素居中
元素内容居中元素内容居中，如文字，可以设置水平居中和行高与容器的高度一致text-align: center;/* 水平居中 */line-height: 200px;/* 行高与容器一致 */元素居中两个盒子嵌套，使最里面盒子居中。 <div id="box1"> <div id="box2"></div> </...
2020-02-28 22:09:11
159
原创 CSS3实现旋转
CSS3实现旋转transform:rotate();rotate有三个属性，分别为：rotateX()、rotateY()、rotateZ()。，中rotate等价于rotateZ()。rotate的值为角度deg，正直为顺时针旋转，负值为逆时针旋转。相关介绍：transition-duration：过度时间，即完成变形所用的时间，单位为s和ms。:hover伪类，鼠标移入时起作用...
2020-02-23 18:36:40
933
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人