qq_57606691的博客

原创 2021-11-15

vue01 指令：通常都是以v-开头，如果遇到一些不是vue规定的命名，他就是自定义指令。 v-once：只读取当前页面第一次加载的内容，不可修改。 v-bind：可以绑定属性，：是v-bind：简写模式。 <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a...

原创 2021-11-06

原创 class类

class Person{ constructor(name,age){ this.name = name; this.age = age; console.log(this);//张三 实例化对象 console.log("我是constructor"); // constructor构造函数 （默认方法） // 1、new（实例化）对象时被调用 .

原创 2021-10-24

1.方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象语法和参数 Object.defineProperty(obj, prop, descriptor) obj要定义属性的对象 prop要定义或修改的属性的名称或 Symbol descriptor要定义或修改的属性描述符 2.Symbol与Symbol.for与Symbol.keyFor ...

原创 2021-10-15

.41、判断为数组类型的4种方式 Array.isArray() typeof instanceof constructor 42、判断对象是否包含特定的自身（非继承）属性 hasOwnProperty() 43、改变this的3种方式，他们有什么相同点和不同点 call 、bind 、 apply 这三个函数的第一个参数都是 this 的指 向对象，第二个参数差别就来了： call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号 分隔，直接放到后面obj.myFun...

原创 函数防抖和节流

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...

原创 2021-10-08

30、禁止页面缩放 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1"> 31、设置一个视频无限播放，视频立马播放，静音 <video src="" autoplay loop muted></video> 32、画一个三角形 .boxboss{ ...

原创 一些小细节

1、写出边框的点线、实线、虚线、双实线。 实线solid 点线dotted 虚线Dashed 双实线double 2、设置背景颜色为白色，透明度为0.2 Background-color:white; Opacity:0.2; 3、表格合并行、合并列 Rowspan colspan 4、设置圆角 Border-radius:10px 0px 0px 5px; 5、写出四种伪类元素 ...

原创 数组去除重复

方法一：用indexof var arr=[2,34,3,43,3,1,2,54,45]; var a=[]; for(var i=0;i<arr.length;i++){ if(a.indexOf(arr[i]) == -1){ indexof 判断指定的字符串是否存在，不存在返回-1，如果存在，返回出现的索引值 a.push(arr[i]); push在数组末尾添加 } ...

原创 2021-05-07

事件：①得到焦点(focus)、②失去焦点(blur)、③鼠标点击(click)、 ④鼠标双击(dblclick)、⑤鼠标进入、⑥鼠标移除、⑦鼠标悬停(onhover)、⑧提交表单(submit)、 8个块级元素：div、p、h、ul、ol、form、dl、hr、table、li、section（下拉框）。 5个行内元素：span，strong，a，input,button,img（特殊的行内元素）.获取标签的六个方法： document.getElementById(); document.getEl

原创 2021-04-28

一、createComment()方法 定义和用法：createComment() 方法可创建注释节点。 语法：document.createComment(text) <p id="demo">单击按钮HTML文档添加一个注释</p> <button onclick="myFunc()">点我</button> <script> function myFunc(){ // var c...

原创 2021-04-26

制作简易时钟 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .boss{ width: 500px; height: 500px; border:1px solid red; border-radius: 50%; position: relative;

原创 2021-04-24

一、Css2D转换 /*translate 移动*/ /*设置一个值时，Y轴默认为0*/ transform: translateX(250px); /*设置%之多少的时候，是根据自身的长宽比例 设置负值，方位为相反方向移动 只要有X或Y坐标，就可以单独设置X或Y的距离 单...