- 博客(32)
- 收藏
- 关注
RSS订阅
原创 HTML5+CSS、CSS3基础知识点总结
一、选择器选择器分为基础选择器和复合选择器两大类。基础选择器由单个选择器组成基础选择器包括：标签选择器、类选择器、id 选择器和通配符选择器（*）标签选择器优点 标签选择器可以把某一标签全部选择出来，快速为同类型标签设置统一样式。缺点 不能设置差异化样式，只能选择全部当前标签。id 选择器与类选择器的区别类选择器可以被多个元素调用。id 选择器只能允许一个标签调用。类选择器使用的较多，id 选择器用于唯一特性的标签。基础选择器作用特点使用情况用法标签选
2021-11-05 17:21:47
17015
原创 使用FileReader构造函数的readAsDataURL方法实现图片快速预览以及图片批量引入
上传图片快速预览，无需等待接口响应；在项目中多张图片需要引入时，不想一个个 import XXX from 'xxx…'方式引入，可以选择批量引入。
2024-01-16 14:36:00
595
原创 vue+高德地图-根据当前可视区进行动态请求并展示数据（例如：大疆限飞区做法）
【代码】vue+高德地图-根据当前可视区进行动态请求并展示数据（例如：大疆限飞区做法）
2024-01-16 14:30:19
705
原创 vue+高德地图·选择省市经纬度定位到指定地方
业务场景：当选择一个省市区时，地图平移到指定经纬度，并根据已有的经纬度数据进行高亮显示省市区的轮廓。
2023-09-11 18:30:22
1009
原创 HTML5+CSS、CSS3基础知识点总结
float` 属性用于创建浮动框，将其移动到一边，直到左边缘或右边缘及包含块或另一个浮动框的边缘。语法选择器 { float: 属性值;属性值描述none元素不浮动left元素向左浮动right元素向右浮动通过盒子模型, 清楚知道大部分 html 标签是一个盒子。通过 CSS 浮动、定位可以让每个盒子排列成为网页。一个完整的网页, 是标准流、浮动、定位一起完成布局的, 每个都有自己的专门用法。标准流 可以让盒子上下排列或者左右排列, 垂直的块级盒子显示就用标准流布局。
2023-06-28 10:51:21
938
原创 Three.js 图片加载中遇到的new THREE.TextureLoader().load(‘./images/floor.jpg‘)
解决THREE.TextureLoader().load('./images/floor.jpg')图片不能正常显示问题
2023-03-31 16:19:57
2022
原创 Vue源码：MVVM流程解析
看源码需要注意的内容：接收到的数据是什么？this是谁？optios = { el:'#app', data:{ msg:'hello 20k', person:{ name:'小李'， age:25, msg:'10000' } }}data中的数据msg、person这两个是直系属性一、数据代理(proxy)代理：在获取数据的过程中，存在
2022-05-03 21:45:15
280
原创 call和apply的区别、call和bind区别(原生JS实现call、bind方法)
call和apply的区别相同点：都可以修改this指向；通过借调函数传入第一个实参，可以指定当前执行的this指向被借调函数会被同步调用call和apply都会将被借调函数执行的结果作为自己的返回值进行返回如果没有传入第一个实参，那么被借调函数的this就会是window对象不同点：传入参数个数不同call方法->0到无限大第一个实参用于改变this指向第二个实参开始会传给fn函数,作为fn的实参apply方法->0到2第一个实参用于改变this指向第二个实参是
2022-04-25 11:43:08
125
原创 JavaScript 面向对象编程基础 && 显式原型
什么是面向对象？面向对象 英文Object Oriented，缩写OO面向对象是一种软件开发方法，它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的灵活性、重用性和扩展性。面向对象是一种对现实世界理解和抽象的方法，是计算机编程技术发展到一定阶段后的产物，是一种高级的编程思想。面向对象的概念和应用已超越了程序设计和软件开发，扩展到如数据库系统、交互式界面、应用结构、应用平台、分布式系统、网络管理结构、CAD技术、人工智能等领域。面向对象的特征：封装、继承、抽象、多态
2022-04-04 22:49:59
785
原创 JavaScript 原生JS实现 ‘拖拽‘ 效果
demo 1按住鼠标进行移动的拖拽效果实现：<!DOCTYPE html><html lang="zh"><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"><titl
2022-04-04 22:30:40
779
原创 小程序报错[ app.json 文件内容错误] app.json: app.json 未找到
小程序报错[ app.json 文件内容错误] app.json: app.json 未找到
2022-04-04 16:03:07
9245
原创 JavaScript DOM基础知识（十）
节点属性操作getAttribute(“name”) 获取节点上name属性的值setAttribute(“name”,“value”) 设置节点上name属性的值为valueremoveAttribute(“name”) 删除节点上的name属性getAttributeNode(“type”) 获取节点上type属性节点documentFragment文档碎片文档碎片方法可用在频繁操作dom上进行优化。包括vue的编译模板原理就有用到该方法…documentFragment是一个文档
2022-04-01 22:56:01
441
原创 JavaScript DOM基础知识（九）
JS基础复习js中所有数据类型转为布尔值的规则：0、’’、null、NaN、undefined、false 这六类都会转为false，其他全是true。window对象中有name属性，默认值为 ‘’ ；如果使用name作为全局变量名时，name的值只能是字符串！！无论给name什么类型的值都会被转换成字符串。var name = 1;console.log(name + 10);//'110'var name = [];console.log(name + 10);//'10'var na
2022-04-01 22:44:50
106
原创 字符串方法函数
字符串自带方法cahrAt(),根据传入的位置取得其所在的字符。var str = 'hello world';console.log(str.charAt(1));console.log(str[1]);charCodeAt(),根据传入的位置取得其所在的字符编码（Unicode码）.var str = 'hello world';console.log(str.charCodeAt(1));String.fromCharCode(),根据传入的Unicode码转换成相应的字
2021-11-23 20:18:07
1080
原创 JavaScript程序的递归、回调函数（八）
IIFE(自执行函数)IIFE（Immediately Invoked function Expression），立即调用的函数表达式。声明这个函数的同时立即调用这个函数。所谓自执行函数，顾名思义，就是定义以后就立刻执行的函数，一般没有名字，而且只会执行一次。//以function开头了那就是需要一个名字，它就不是表达式方式声明。function (){//这里报的错是：函数需要一个名字。 console.log('foo');}();我们常用的就是下面这两种方式：(function
2021-11-19 19:51:39
836
原创 JavaScript程序的执行过程（七）
程序的执行过程堆和栈堆和栈本身是数据结构，堆（链表结构）、栈（栈结构）。程序在运行的时候内存中按照逻辑分为了堆内存和栈内存。栈：栈结构的内存，比较小，速度快，操作系统会自动分配、回收。特点：先进后出。堆：堆结构的内存，比较大，速度慢。一般都是程序员使用的时候自己分配的。要让内存回收必须手动释放。特点：先进先出（排队）在底层语言中是这样的，在js中我们的各种内存机制几乎都是自动的。执行环境JavaScript的运行环境分为两种：Global，全局。JavaScript开始运
2021-11-17 21:23:01
577
原创 JavaScript知识点总结（六）
数组去重[1,2,3,4,1,2,3,5,6,7]<script> var arr = [1, 2, 1]; var newArr = []; for (var i = 0; i < arr.length; i++) { var flag = true;//默认的时候往里面放。 for (var j = 0; j < newArr.length; j++) { if (newArr[j] == a
2021-11-17 18:40:33
250
原创 JavaScript知识点总结（五）
数组基本类型的变量只能存一个值，数组可以存一组值。使用数组的最大好处就是可以对数组里面的数据进行批量操作。基本概念数组，一组值，数组可以存储多个值（每一项都可以保存任何类型的数据），数组的最大特点就是__有序__下标（索引，键，key），为了能够拿到对应位置的数据所给的标识。索引都是从0开始。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QLvFdB9q-1637113778468)(image-20211115092815819.png)]元素：
2021-11-17 09:50:36
381
原创 JavaScript知识点总结（四）
九九乘法表口诀表写代码不是碰运气。思路（你要什么、有什么、缺少什么（怎么找））—》找规律-----》利用语法套出来。有思路-》实现思路没有思路-》写着写着就有思路体力+脑力----》半残的日历已知当前的月份的1号是星期几知道当前这个月总共有多少天。给我自动排布出来当前月份的日历。我要的效果：日历，月份不固定。我有什么：1. 当前月份1号是星期几2. 知道当前这个月总共有多少天分析出来的：1. 一行7列，每7个换一行。2. 总共6行3. 总共有多少个格子42个。4. 分
2021-11-17 09:45:39
69
原创 数组的增删改查原理（原生JS）
数组的增删改查（原生JS）var Arr = [1, 2, 3, 4, 5, 6];查//查 直接遍历数组，这里分别遍历一维数组和二位数组： // 一维数组 for (var i = 0; i < Arr.length; i++) { console.log(Arr[i]); } // 二维数组 var per = [ [1, '孙红雷', '何辅堂', '为人正直不阿，欺强怜弱，善于机变。'], [2, '
2021-11-15 19:06:22
1019
原创 JavaScript知识点总结（三）
运算符优先级简要：一元运算符优先级比较高，然后是二元最后是三元。如果确定不了那么就加括号。运算符优先级口诀：一元、算数、关系(比较、相等)----小条件。逻辑-----组合成大条件。三元后赋值（获得最后的结果）关联性关联性决定了拥有相同优先级的运算符的执行顺序。a op b op c左关联（左到右）相当于把左边的子表达式加上小括号(a op b) op c，右关联（右到左）相当于a op (b op c)((1 * 2) * 3) * 4JavaScript里面严格按照从左到右的顺
2021-11-12 21:10:28
384
原创 JavaScript知识点总结（二）
类型转换JS是弱类型语言，弱在哪里？类型转换分为两种：强制类型转换：我们自己强制的让某个值进行转换。隐式类型转换：变量配合后面所说的运算符号运算的时候自动发生类型的转换。强制类型转换Boolean()小工具：将指定的值转换为布尔值。true、false非空字符串都会被转换为true，空字符串会被转换为false。var a1 = '';var a2 = ' ';var a3 = '123';var a4 = '哈哈';console.log(Boolean(a1));/
2021-11-12 21:06:32
425
原创 JavaScript知识点总结（一）
JavaScript简介HTML\CSS\JavaScript的关系HTMl结构、CSS修饰、JavaScript交互。JavaScript的由来Netscape开发一种名为LiveScript的脚本语言——该语言将同时在浏览器和服务器中使用（设计时可以在服务器端运行，但是在一直没流行起来，直到Node.js的成功，使这个语言开始在后端也流行起来，给整个开发带来了很大的变革）。为了敢在发布日期之前发布Netscape与Sun公司建立了一个开发联盟。(Sun公司发布了Java，而且大火，为了赶热度
2021-11-12 21:04:56
281
原创 CSS中BFC、水平居中、垂直居中方法总结
BFC块格式化上下文（block formatting context），是web页面的可视化渲染出来的一部分。形成了BFC就形成了一个独立的区域，区域里面的元素不会影响到外边。形成BFC的方法：浮动元素：float不是none的元素。绝对定位的元素：postion的值为absolute或fixed。内联块元素：display:inline-blockoverflow的值不是visible的块元素display的值为flow-root的时候。（CSS3中新增加的）1、2、3、4都可以形成
2021-11-12 21:01:21
510
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人