- 博客(17)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 数组常见方法，自己polyfill手写实现
1. forEach()forEach()方法可接收两个参数。通常情况下，我们只知道接收一个回调函数，但其实它有第二个参数参数1: 回调函数，（item, index, originArr）item: 数组的每一项，index：索引，originArr：原数组。参数2：_this,要修改的this指向, 不写第二个参数，默认指向的是 windowconst arr = ["a", "b", "c"];const o = { age: 18 };arr.forEach(func...
2022-04-16 22:19:26
411
原创 vue和js原生实现数组元素依次前后交换位置
需求：此案例在vue中才能体现出真正价值，但是却很好的考察了js的基础扎不扎实先来个js原生的底层逻辑和js的基础知识 <script> let arr = ["帅哥", "美女", "程序猿"] // 筛选出数组的第一个元素 let firstArr = arr.filter((item, index) => index === 0) // 筛选出数组的除第一个元素的其他元素 let rearArr = arr.filter
2022-02-17 22:38:43
2185
原创 原生js+随机数+定时器实现数组随机点名
原生js+随机数+定时器实现数组需求：这里样式不做过多的时间布置，只讲js原理Math.random() 生成一个0~1的随机数，包括0，不包括1 (小数，而且小数点后有好几位，不信不log试试) Math.floor() 向下取整数 Math.floor(Math.random()) 去除小数点后面的小数，而取整。。。
2022-02-17 20:23:26
624
原创 重新梳理ajax知识之ajax知识汇总
一.ajax基础知识1.1 客户端与服务器1.2 URL地址完整写法http://www.xxx.com:80/yyy/zzz.html 协议:http https 主机名: www.xxx.com 端口: 默认80 路径名: yyy/zzz.html1.3. http协议常见的请求方式get: 获取 post: 提交 delete:删除 put: 完整更新 patch: 部分更新二. axios库的介绍(重点)axios的用法: *axios({ me...
2022-01-12 22:37:45
214
原创 开发常用技能 使用jQuery插件实现图片懒加载技术
1.下载插件官网地址： https://www.jq22.com/进入官网直接搜索懒加载就可以找到一个叫 EasyLazyload 的插件单击进入下载即可插件有很多 找到自己喜欢的可以查看演示 ，找到需求点击下载插件 点进去往下滑动有详细介绍怎么使用2.使用插件下载解压文件夹找到dist的文件双击进去找到 名字为 EasyLazyload.min.js 的js文件 赋值到自己的js文件夹里面去 只需要引入这一个文件找到index.ht...
2022-01-04 22:37:28
831
原创 使用jQuery插件实现更牛批的效果
1.下载插件官网地址： jQuery之家-自由分享jQuery、html5、css3的插件库 jQuery之家列表有许多种好看的样式而且是开源免费的找到自己喜欢的可以查看演示 ，找到需求点击下载插件 2.使用插件下载解压文件夹找到index.html的文件双击在浏览器显示就可以了右击页面查看源代码 建立自己的文件 把上图的css、js和dist的文件copy到自己的文件夹里面复制样式到自己的html文件里面 引用两个css样式 、...
2022-01-04 21:17:54
365
原创 Swiper插件的基本使用
swiper 的基本使用去官网下载文件 Swiper中文网-轮播图幻灯片js插件,H5页面前端开发下载下来进行解压得到文件夹找到对应的文件夹 只要里面两个文件swiper-bundle.min.css和swiper-bundle.min.js分别放入自己所需的地方开始使用在页面上引入两个文件接下来用轮播图为例1.页面准备一个装轮播图的盒子<style>div { width: 600px; he...
2022-01-04 19:50:18
887
原创 change事件的input事件的区别
MDN 官方解释：**change 事件当用户更改<input>、<select>和<textarea> 元素的值并提交这个更改时，change 事件在这些元素上触发。和 input 事件不一样，change 事件并不是每次元素的 value 改变时都会触发。主要是触发机制不同：当input的获得焦点focus 和失去焦点blur 和change的触发机制不同<input type="text"> <script>
2021-12-31 12:10:41
558
原创 js中关于数组的一些方法
数组的增删改查操作 新增元素到最后面 ： arr.push( 元素 ) 返回新数组的长度 新增元素到最前面 ： arr.unshift()返回新数组的长度 删除最后一个元素 ： arr.pop() 返回被删除的这个元素 删除第一个元素 ： arr.shift()返回被删除的这个元素 删除指定位置元素 ： arr.splice(起始下标,删除数量)arr.join('') 分隔将数组中的每一个元素都拼接成一个字符串let arr = ['a', 'b'...
2021-12-25 22:15:41
258
原创 H5新增的自定义属性：data- 和dataset
谈到自定义属性会想到哪个单词呢？1 .什么是自定义属性1.1：标准属性： W3C中的标准属性，标签天生自带的属性，浏览器可以识别， 比如class id title等, 可以直接使用点语法操作1.2 自定义属性： 由程序员自己添加的属性,在DOM对象中找不到, 无法使用点语法操作,必须使用专门的API（用于存储一些数据）设置一个自定义属性：setAttribute（'属性名'=,'属性值'） 获取自定义属性：getAttribute（'属性名'） 删除自定义属性：removeAttrib
2021-12-25 08:17:44
1872
原创 重新梳理JScript基础知识之对象篇
1.什么是对象？对象（object）：是一种数据类型，一种无序的数据集合，用来描述某一事物。js中的数据类型分为两大类：基本数据类型和引用数据类型基本数据类型有：数字型、字符串型、布尔型、undefined、null。引入数据类型有：arr数组、function函数和object对象。2.对象的使用1.对象生声明的语法let 对象名 = {}// 例如let person = {}2.对象是由属性和方法组成属性是描述一些信息或者特征。方法是描述行为或.
2021-12-10 20:12:12
1096
原创 重新梳理JScript基础知识之函数篇
1.函数如果想要多打印昨天案例中的九九乘法表该怎么做呢？难道把那么多代码多复制几遍吗？接下来体验函数的魅力：代码的复用。函数：function 是可以执行特定任务的代码块。本质上是把已经写好的 代码封装起来 在进行调用就可以重复直接这些代码。这样做有利于精简我们的代码...
2021-12-09 19:54:15
682
原创 重新梳理JavaScript中ECMAscript的基础知识之三
一、for循环1.for循环的基本使用1.for循环的语法for (变量起始值; 循环条件; 变量变化量) { 循环体}和上篇文章的while循环一样，for循环也是重复执行某一段代码，开发中for循环用的比较多，很重要。for循环的有点就是循环的三要素都写在了小括号里面，更方便理解。当明确了循环次数时，使用for循环；不明确循环次数就有while循环。案例：<!DOCTYPE html><html lang="en"><he.
2021-12-08 21:27:21
549
原创 BFC是什么？简单易懂，个人总结，一篇文章让你理解掌握BFC
最近了解了一下前端面试题，发现有一个名词经常出现，那就是BFCBFC是什么呢？我们好像感觉这是新出的什么东西吗？怎么突然就闯入我们的世界了？实则不然，其实呢 BFC 在前端随处可见，只要你有过接触，接触过前端，写过静态网页就已经和它打交道了。接下来我们一起来看看 BFC是怎么定义的。定义：BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有 Block-level box 参与，它规定了内部的 Block-level B
2021-12-07 22:59:03
3129
原创 重新梳理JavaScript中ECMAscript的基础知识之一
目录一、JavaScript基础1. JavaScript介绍1.1 JavaScript是什么？1.2 JavaScript的组成是什么？2.js的书写位置1.1内部1.2外部（以后开发最常用）1.3行内3.js的注释1.单行 注释2.多行注释4.js的结束符5.js的输入输出语法1.输出语法2.输出语法6.字面量二、变量1.变量是什么？2.变量的基本使用1.声明变量2.变量的赋值3.更新变量4.多个变量...
2021-12-05 20:37:28
1389
原创 一片文章教你如何做前端笔记。适合前端人员的笔记软件
1、下载软件下载这三个一个是文件 另外两个是插件 安装上就是适合前端人员使用的插件2、插件的安装1.下载安装好软件打开2.打开 文件>偏好设置>打开主体文件夹>直接把那两个css文件复制到主体文件夹3.重启软件 关闭重新打开4.选用Orangeheart 主题即可使用3、如何使用好软件3.1快捷键标题 Ctrl + 1 2 3分别是一、二、三级标题 或许使用 # +空格键+Enter 几个#表示几级标题前端人员最喜欢的功能之一，直接...
2021-12-04 14:32:34
3093
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人