前端
文章平均质量分 52
幸亏IE没主流
试试我会做笔记吗?
展开
-
数组常见方法,自己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 · 373 阅读 · 0 评论 -
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 · 2108 阅读 · 0 评论 -
原生js+随机数+定时器实现数组随机点名
原生js+随机数+定时器实现数组需求:这里样式不做过多的时间布置,只讲js原理Math.random() 生成一个0~1的随机数,包括0,不包括1 (小数,而且小数点后有好几位,不信不log试试) Math.floor() 向下取整数 Math.floor(Math.random()) 去除小数点后面的小数,而取整。。。原创 2022-02-17 20:23:26 · 578 阅读 · 0 评论 -
开发常用技能 使用jQuery插件实现图片懒加载技术
1.下载插件官网地址: https://www.jq22.com/进入官网直接搜索懒加载就可以找到一个叫 EasyLazyload 的插件单击进入下载即可插件有很多 找到自己喜欢的可以查看演示 ,找到需求点击下载插件 点进去往下滑动有详细介绍怎么使用2.使用插件下载解压文件夹找到dist的文件双击进去找到 名字为 EasyLazyload.min.js 的js文件 赋值到自己的js文件夹里面去 只需要引入这一个文件找到index.ht...原创 2022-01-04 22:37:28 · 778 阅读 · 0 评论 -
使用jQuery插件实现更牛批的效果
1.下载插件官网地址: jQuery之家-自由分享jQuery、html5、css3的插件库 jQuery之家列表有许多种好看的样式而且是开源免费的找到自己喜欢的可以查看演示 ,找到需求点击下载插件 2.使用插件下载解压文件夹找到index.html的文件双击在浏览器显示就可以了右击页面查看源代码 建立自己的文件 把上图的css、js和dist的文件copy到自己的文件夹里面复制样式到自己的html文件里面 引用两个css样式 、...原创 2022-01-04 21:17:54 · 348 阅读 · 0 评论 -
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 · 828 阅读 · 0 评论 -
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 · 519 阅读 · 0 评论 -
js中关于数组的一些方法
数组的增删改查操作 新增元素到最后面 : arr.push( 元素 ) 返回新数组的长度 新增元素到最前面 : arr.unshift()返回新数组的长度 删除最后一个元素 : arr.pop() 返回被删除的这个元素 删除第一个元素 : arr.shift()返回被删除的这个元素 删除指定位置元素 : arr.splice(起始下标,删除数量)arr.join('') 分隔将数组中的每一个元素都拼接成一个字符串let arr = ['a', 'b'...原创 2021-12-25 22:15:41 · 245 阅读 · 0 评论 -
一片文章教你如何做前端笔记。适合前端人员的笔记软件
1、下载软件下载这三个一个是文件 另外两个是插件 安装上就是适合前端人员使用的插件2、插件的安装1.下载安装好软件打开2.打开 文件>偏好设置>打开主体文件夹>直接把那两个css文件复制到主体文件夹3.重启软件 关闭重新打开4.选用Orangeheart 主题即可使用3、如何使用好软件3.1快捷键标题 Ctrl + 1 2 3分别是一、二、三级标题 或许使用 # +空格键+Enter 几个#表示几级标题前端人员最喜欢的功能之一,直接...原创 2021-12-04 14:32:34 · 2738 阅读 · 1 评论