我是小王同学-CSDN博客

原创高德实现水波纹效果

思路：高德API中，可以给矢量圆改变半径，改变后没有一个过渡效果，所以使用定时器一帧一帧改变半径，从而使效果显得像水波纹。大神请参考这里<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewpo

2021-05-17 21:51:09 716

原创 vue脚手架、vue脚手架项目进行自定义配置、基于图形化界面自动安装element-ui

一、脚手架// Vue脚手架，就是用于快速创建Vue项目的工具// 全局安装 npm i -g @vue/cli// 检查是否安装成功 vue -V// 基于图形化界面的方式，创建新版 vue项目// 1、打开终端执行：npm ui// 2、创建项目// 3、选择目录，点击在此创建新项目// 4、输入项目名称，下面有个git远程仓库，可以取消，也可保留// 5、预设，手动设置// 6、选择安装的功能：babel、router、linter/formatter、最后一项// 7、

2020-06-28 15:28:01 411

原创单文件组件的组成结构、配置.vue文件的loader加载器、在webpack项目中使用vue、webpack打包发布、

一、单文件组件的组成结构// 单文件组件的组成结构<template> </template><script> // 这里定义Vue组件业务逻辑 // export default暴露对象数据 export default { data(){ return {} }, // 私有数据 methods: {}, // 处理函数 }</script><style s

2020-06-28 15:12:55 188

原创 ES6模块化语法、webpack打包工具、加载器、postCSS自动添加css的前缀、打包样式表中的图片和字体文件、打包处理js文件中的高级语法

一、ES6模块化语法// 1、默认导出与默认导入import m1 from './m1.js' //导入模块成员 m1里面有所有暴露出来的数据，是一个对象export default { 成员名 } //将本模块的私有成员暴露出去 // 2、按需导出与按需导入export let s1 = 10 // 按需导出语法import { s1 } from 'm1.js' // 按需导入语法 s1 = 10// 3、直接导入并执行模块代码import './m2.js'二、webpa

2020-06-28 14:48:41 268

原创原型链、函数、作用域和作用链

一、原型链// 概念：对象都有__proto__属性，指向了当前的原型对象，原型对象也是对象，也有__proto__属性，指向了原型对象的原型对象，形成的链式结构叫做原型链。最终指向null// 原型链的作用是实现继承// __proto__属性是任何对象都有的属性，所以会形成一条__proto__链接起来的链条，递归访问__proto__必须最终到头，并且值为null。// 属性查...

2020-04-15 20:52:29 194

原创构造函数、原型、proto、constructor属性

一、构造函数// 构造函数function Student(name) { this.name = name }// 实例对象var xm = new Student('小明');// new做了以下四件事：// 1、创建了一个空数组// 2、this指向了这个这个空数组// 3、执行了构造函数里的代码// 4、返回创建好的对象// 实例对象：指通过构造函数创建出来的对象（ne...

2020-04-14 21:27:02 228

原创事件冒泡、事件捕获、事件流、阻止浏览器的默认行为、顶级对象window

一、事件流// 事件冒泡、事件捕获// 事件冒泡: 当一个元素的事件触发了，该事件会在当前元素的所有祖先元素中依次来触发（从里到外效果）// 事件捕获：从外到里// 不要存在以下误区：事件冒泡、事件捕获和元素注册上事件才有关系（错误）// 和注册事件没有关系// 事件流// 事件流描述的是从页面中接收事件的顺序。(事件流，事件传播的流程)// 事件发生时会在元素节点之间按照特定的...

2020-04-12 21:05:52 226

原创注册事件的两种方式、事件对象、节流阀思想、offset概述、div拖拽思想

一、注册事件的两种方式// 1. 使用on来注册// 特点：注册事件的唯一性（只能有一个）// 同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数将会覆盖前面注册的处理函数// 删除事件 eventTarget.onclick = null;// 缺陷：给同一个元素注册同一个事件多次，后面的会覆盖前面的// 2、addEventListener() => 注册事...

2020-04-12 20:47:36 156

原创 Math对象、Date对象、Array对象（重要）、String对象（重要）

内置对象一·、Math对象1、属性PIMath.PI => π2、最大值/最小值Math.max();Math.min();3、取整（★）Math.ceil();//天花板，向上取整**Math.floor();**//地板，向下取整 // 重点记忆Math.round();//四舍五入，如果是.5，则取更大的那个数parseInt(); // 取整4、随机数（...

2020-04-08 18:54:00 138

原创通过ID获取对象、通过标签名获取对象、修改标签属性、事件的this、注册事件、阻止a链接跳转、操作文本内容

一、获取元素1、getElementById( ’ ID名 ’ ); ==> 通过ID名来获取元素参数：字符串类型的ID名。返回值：返回获取到的元素（在DOM中是个对象）。console.dir(变量名); // 打印元素时，是以对象的形式展示出来的<div id="box"> hahaha </div>//获取对象var box = docume...

2020-04-08 18:50:50 980

原创克隆节点、创建节点、发布评论的案例思路、children和querySelectorAll的区别

一、克隆节点// 克隆节点 cloneNode// 语法：node.cloneNode(deep)// 作用：在内存中克隆一份节点// 参数：// deep：是个布尔类型的值 true false// true：深克隆（会克隆节点自身 + 以及节点里面所有的内容）// false：浅克隆（只会克隆节点自身）默认就是false // 如果希望在页面中看到...

2020-04-08 14:38:07 172

原创获取子元素兄弟元素父元素、表单验证、添加节点、删除节点

1、获取子元素// 1、所有子元素// children:获取所有的子元素（用途很广泛）=> 这是一个属性，不是方法，前面跟父元素打点调用可获取父元素下面所有的子元素// 2、获取第一个子元素// firstElementChild => 这是一个属性，不是方法，前面跟父元素打点调用可获取父元素里面的第一个元素// 3、获取最后一个子元素// lastElementChil...

2020-04-06 20:17:58 289

原创表单属性操作、样式操作、全选按钮案例、tab栏案例、获取元素的方法、标签的自定义属性以及属性操作方法、假设成立法

一、表单属性操作// 常见的表单属性有：disabled、type、value、checked、selected// 布尔类型属性：checked（复选框默认选中）、 selected（下拉菜单选中）、 disabled（禁用）// 只要写了上面的属性，就会生效// 特征：// 1. 在标签中来看，只要在标签中写了属性名，就可以起到对应的效果(不管值是啥，还是没有写值，都有...

2020-04-06 19:45:51 269

m0_46270297的博客