前端基础
关注
分享
扫一扫
前端基础
万迹
这个作者很懒，什么都没留下…
展开
-
js中节流和防抖
防抖：//scroll方法中的do somthing至少间隔500毫秒执行一次 window.addEventListener('scroll',function(){ var timer;//使用闭包，缓存变量 return function(){ if(timer) clearTimeout(timer); timer = setTimeout(function(){ console原创 2021-10-27 19:14:17 · 99 阅读 · 0 评论 -
闭包的使用
闭包的作用就不做赘述了，百度一下有很多。下面演示一下作用//css样式/*<style> .textColorA { color: aqua; } .textColorB { color: red; } </style>*/<body> <button id="showA">显示A</button>原创 2021-10-12 12:03:36 · 120 阅读 · 0 评论 -
js中的数据驱动（基础）
利用数据驱动将数据之间的操作放到内存中，可以减少对页面元素的获取操作对创建的对象进行监听其数据变化，每次有变化时更改页面元素的内容<body> <input type="text" id="price"> <input type="text" id="number"> <span id="showData"></span></body><script> // let showData原创 2021-10-12 11:28:48 · 819 阅读 · 0 评论 -
闭包中的柯里化理解
闭包的作用就不多做赘述了，百度一下就知道了。柯里化的作用就是调用了数据后立马释放 function fn() { let num = 0; return function () { num++; console.log(num); } } let result = fn(); result(); result(); console.log("-----------原创 2021-10-12 11:43:20 · 97 阅读 · 0 评论 -
操作cookie（增、删、改、查）以及其常用属性
Cookie需要依赖服务器环境，所以应先搭建服务器环境。1. 创建cookie的语法：a. cookie 的存取都依赖于 document.cookieb. cookie是以键值对(key=value)形式存在的字符串c. cookie 存储的时候是一条一条的的存的 (每条数据之前用"; " 分隔)document.cookie = "名称=值";2.获取cookie的语法：a. cookie 的获取也依赖于 document.cookieb. 获取cookie数据时需要进行数据分割(字符原创 2021-09-07 19:58:54 · 744 阅读 · 0 评论 -
弹性盒子布局的兼容性写法
display:-webkit-box; //兼容性弹性盒子写法。等同于display:flex-webkit-box-orient:vertical; //文本排列方向-webkit-line-clamp:3; //限制文本显示行数overflow:hidden; //隐藏超出盒子大小的文本text-overflow:ellipsis; //超出界限时显示省略号...原创 2021-09-07 08:57:00 · 197 阅读 · 0 评论 -
js中获取某个月份有多少天
方法1：new Date()第3个参数默认为1，就是每个月的1号，把它设置为0时， new Date()会返回上一个月的最后一天，然后通过getDate()方法得到天数function getMonthDay(year, month) { let days = new Date(year, month + 1, 0).getDate() return days}方法二可以把每月的天数写在数组中再判断时闰年还是平年确定2月分的天数闰年条件：…function getDays(yea原创 2021-08-29 20:34:39 · 2331 阅读 · 1 评论 -
js中的日期（date）对象的不同参数和拓展方法
1、字符串为参数优点: 传什么时间就是什么时间缺点: 如果超出有效范围 会返回无效日期 有效日期： var date = new Date("2021-10-1 12:12:12:001"); var date = new Date("2021/10/1 12:12:12:001"); var date = new Date("2021.10.1 12:12:12:001"); var date = new Date("2021.10.1"); cons原创 2021-08-26 09:31:21 · 1205 阅读 · 0 评论 -
html中实现元素居中的几种方法
第一种使用到的重要样式属性display,vertical-align vertical-align:middle这个属性是对table元素垂直居中起作用，如果想使用在img元素上，就注意下面的display设置<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type=原创 2021-08-15 09:05:37 · 2890 阅读 · 0 评论 -
line-height和vertical-align：middle的作用对象与参照对象区别
vertical—align：middle这个属性常用于与图片垂直对齐的文字。它作用于行内标签，使得行内标签里面的文字垂直对齐。注意只能作用于行内元素，放在块级元素里面会失效//css代码 #decation{ display: inline-block; width: 100px; height: 100px; vertical-align: middle; }//html原创 2021-08-15 08:24:50 · 342 阅读 · 0 评论 -
在html中使用div+css做出一个带箭头的会话框
效果如图代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .big{ /*先做一个大的正方形,注意需要给它一个相对定位,用于控制小箭头的位置*/ width: 100px; height: 50px; backgr原创 2020-05-30 09:36:19 · 1127 阅读 · 0 评论 -
css3伪类选择器nth-child
html代码<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style> ul{ width: 200px; height: 20px;转载 2020-05-30 09:38:22 · 282 阅读 · 0 评论 -
调用百度地图API制作一个两地路线图
在这里插入代码片原创 2020-06-09 08:09:54 · 848 阅读 · 0 评论