web前端基础
文章平均质量分 87
分享一些web基础的学习笔记
wantLG
我不是代码的搬运工,我只是BUG的创造者...欢迎交流;
if(true){
return "I create BUG";
}
展开
-
前端位运算运用场景小知识(权限相关)
位运算(Bit Manipulation)是直接在整数的二进制位上进行的操作,相当于转成二机制数进行运算READ: 1原创 2024-07-26 16:47:19 · 766 阅读 · 0 评论 -
手把手教你从0到1开发浏览器插件
Chrome插件,官方名称extensions(扩展程序);为了方便理解,以下都称为Chrome插件,或者简称插件,那么什么是Chrome插件呢?扩展程序是自定义浏览体验的小型软件程序。它们让用户可以通过多种方式定制Chrome的功能和行为。插件程序可以提供以下几个功能:生产力工具:网页内容丰富信息聚合乐趣和游戏可以通过点击更多 -> 扩展程序来查看所有安装的插件,或者直接打开插件标签页。原创 2024-06-03 18:52:53 · 8032 阅读 · 2 评论 -
事件循环,还在微任务宏任务?过时了,快看看新版浏览器事件循环event loop(message loop)
程序运⾏需要有它⾃⼰专属的内存空间,可以把这块内存空间简单的理解为进程。:有了进程,就可以执行程序代码了,一个进程至少包含一个线程,这个线程称之为主线程。如果想要多块代码同时运行,原创 2023-09-15 15:22:14 · 1283 阅读 · 1 评论 -
原生js实现移动h5端可滑动轮播图、自动轮播(数字导航,无知识点)
原生js移动h5端简单可滑动轮播图(rem适配)很多移动端轮播图是需要这个触摸滑动的功能,js中映射就是touch、touchmove、touchend这三个事件,看看效果图直接放代码html<!-- 轮播图区域 --> <div id="banner-area"> <div id="banners-img"> <div class="img-area"> <img src="./images/banner原创 2021-07-15 15:51:24 · 2335 阅读 · 4 评论 -
普歌-手写系列01—实现promise(简易)、promise.all、promise.race、promise.any
(面试重点)手写实现promise、promise.all、promise.race、promise.any大三的我找暑期实习,有幸也面过腾讯、阿里、快手、字节、作业帮等等公司,也算是一个行走的面经…现在把一些真实遇到的手写系列分享给大家如果有错误,及时提出来,谢谢哈手写实现一个promise class MyPromise2 { constructor(executor) { // 规定状态 this.state = "pending"; // 保存 `r原创 2021-05-28 14:03:48 · 427 阅读 · 2 评论 -
普歌-页面优化之实现图片懒加载+节流(面试重点)
优化之js实现图片懒加载应用场景:懒加载是一种对网页性能优化的方式,比如当访问一个页面的时候,优先显示可视区域的图片而不一次性加载所有图片,当需要显示时,再发送图片请求,避免打开网页时加载过多资源。面试问:实现懒加载的原理?懒加载这种方式来减轻服务器的压力,优先加载可视区域的内容,其他部分等进入了可视区域再加载,从而提高性能。在图片没有进入可视区域时,先不给的src赋值,这样浏览器就不会发送请求了,等到图片进入可视区域再给src赋值。图片的真实地址需要存储在data-src中。图片没有进原创 2021-03-29 22:29:49 · 213 阅读 · 0 评论 -
非常详细,详解html中的video视频标签(自制播放、时间、进度条、速度、全屏),实现自己的播放控件
实现自定义video播放视频控件,详解video中JS的api最后的效果(还有控制音量,开关声音,因为赶时间,没做上,会在本篇文章中说,怎么控制)先上基础知识video的标签属性属性值功能描述controlscontrols是否显示播放控件autoplayautoplay设置是否打开浏览器后自动播放widthPilex(像素)设置播放器的宽度heightPilex(像素)设置播放器的高度looploop设置视频是否循环播放(即播原创 2020-12-04 13:34:45 · 8014 阅读 · 6 评论 -
JS验证对象中的值是否为空、数组对象中的值是否为空;数据请求成功后清空所有数据
如何验证向后端传的对象(或者数组对象)当中是否有值为空前言:写后台时,我们在向后端传一些对象形式的数据时,发现表单验证只能验证一些表单数据是否有值,验证不了一些上传文件、链接等是否有值1. 判断对象中属性值是否为空(简单类型的对象)实现这个功能主要依靠for in 对象遍历以下是代码 click() { //开关类型布尔值 var flag = true; var obj = { name:'',原创 2020-09-24 19:39:54 · 651 阅读 · 0 评论 -
总结:js 高级 ECMAScript 6(es6新特性)(下)
js高级 ES6 [下] ECMASript 6 新特性(ES6)1.11 迭代器1.12 生成器1.13 Promise1.14 Set1.16 class 类1.17 数值扩展1.17.1 二进制和八进制1.17.2 Number.isFinite() 与 Number.isNaN()1.17.3 Number.parseInt() 与Number.parseFloat()1.17.4 Math.trunc1.17.5 Number.isInteger1.18 对象扩展1.1原创 2020-07-26 23:04:40 · 428 阅读 · 0 评论 -
总结:js 高级 ECMAScript 6(es6新特性)(上)
js高级 ES6ECMASript 6 新特性(ES6)1.1 let关键字1.2 const 关键字1.3 let const var 的区别1.4 变量的解构赋值1.5 模板字符串1.6 简化对象写法1.7 箭头函数ECMASript 6 新特性(ES6)1.1 let关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:不允许重复声明//错误写法 不允许重复声明let test = "gl";let test = "star";块儿级作原创 2020-07-24 11:30:53 · 635 阅读 · 0 评论 -
总结:JavaScript进阶重点(DOM、BOM)
一、DOM1. dom树2. document对象2.1 常用属性2.2 获取文档元素2.3 获取特殊元素(body,html)3. 元素对象3.1 Element3.2 HTMLCollection4. 节点操作4.1 节点层级5.DOM事件5.1 鼠标事件5.2 键盘事件5.3 注册事件5.4 触屏事件对象(touchEvent)5.5 事件流5.6 事件对象5.7 默认行为与冒泡阻止5.8 事件委托二、BOM1. Window对象1.1 属性1.2 方法原创 2020-07-20 21:38:15 · 613 阅读 · 1 评论 -
总结HTML5+CSS3+Less预处理器
HTML+CSS3+Less重点总结HTML:常用标签、语义化标签、H5新增等CSS3:选择器、动画、3D等Less:变量、嵌套规则、混合原创 2020-07-19 15:17:59 · 1294 阅读 · 0 评论