随笔分类 - 前端学习
自己看前端视频的一些基础学习，加油，颜孙达
摘要：使用@的目的是不想用./ 。用./可读性很差，用@可以更好。
阅读全文
摘要：为了打包之前把dist底下的文件先删除了先，然后再进行打包，我们使用clean-webpack-plugin 安装 配置 将构造函数放入webpackPlugin中进行
阅读全文
摘要：运行npm run build后 出现了dist的目录 此目录里面存放的就是要发布的代码。 我们把dist打包，发给运维就可以进行发布了。
阅读全文
摘要：此时会报错，因为没有引入image相关的loader 安装 配置 如果图片比较小， 那么url-loader会自动给你转换为base64的图片，提升加载速度
阅读全文
摘要：loader的概述 在实际的开发过程中，webpack默认只能打包处理一.js后缀名结尾的模块。其他非.js后缀名结尾的模块，webpack 默认处理不了。需要调用loader加载器才可以正常打包，否则会报错！ loader加载器的作用：协助webpack打包处理特定的文件模块。比如： css-lo
阅读全文
摘要：默认这两个文件都要有 不然的话 webpack打包的时候 是回报错的 使用npm install webpack-dev-server@3.11.2 -D 安装插件 增加serve参数 到此 我们修改index.js 可以实时刷新数据了，完美。 安装html-webpack-plugin npm i
阅读全文
摘要：学习目录 什么是webpack 1、webpack是一个工具，用来把前端工程化的。 2、它提供了友好的前端模块化开发支持，以及代码压缩混淆（能让文件体积更小）、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。
阅读全文
摘要：今天看到京东的图片格式使用的是webp 然后研究了一下webp到底是什么样的图片格式，以后自己学习的时候，可以用起来 具体的内容可以看链接：https://www.jianshu.com/p/cd6f21e1cfdd
阅读全文
摘要：导读 1、能够写出sessionStorage数据的存储以及获取 2、能够写出localStorage数据的存储以及获取 3、能够写出它们两者的区别 本地存储的特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大、sessionStorage约5M、localS
阅读全文
摘要：// 移动端的浏览器兼容性比较好，不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。 // 比如触屏事件touch（也称触摸事件），Android和IOS都有 // touch对象代表一个触摸点。触摸点可能是一跟手指，也可以是一根触摸笔。触屏事件可能影响
阅读全文
摘要：//用JS实现轮播图：// 主要功能 /* 1、鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮 2、点击右按钮依次，图片往左播放一张，依次类推，左按钮同理 3、图片播放的时候，下面的小圆圈跟着一起变化 4、点击小圆圈，可以播放相应图片 5、鼠标不经过轮播图，轮播图也会自动播放图片 6、鼠标经过，
阅读全文
摘要：动画的原理 核心原理：通过哦定时器setInterval()不断移动盒子的位置 实现步骤： 1、获得盒子当前的位置 2、让盒子在当前位置加上1个移动距离 3、利用定时器不断重复这个操作 4、加一个结束定时器的条件 5、注意此元素需要增加定位，才可以使用element.style.left // 动画
阅读全文
摘要：单鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，他们之间的差别就是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发。 之所以这样，就是因为mouseenter不会冒泡
阅读全文
摘要：scroll系列有四个属性，包含element.scrollTop、element.scrollLeft、element.scrollHeight、element.scrollWidht 此外window.pageYOffset表示页面被卷进去的头部 element.scrollTop 被卷去的上侧
阅读全文
摘要：URL 接口的 searchParams 属性返回一个 URLSearchParams 对象，这个对象包含当前 URL 中解码后的 GET 查询参数。 如果你的 URL 是 https://example.com/?name=Jonathan%20Smith&age=18 ，你可以这样解析 URL，
阅读全文
摘要：window.resize事件表示窗口改变的时候，就会触发的事件
阅读全文
摘要：load和DOMContentLoaded事件都是页面加载完成事件 要主要两者的区别，load事件是等待DOM节点、图片、flash、css等，都加载完成后，再执行 DOMContentLoaded事件是只要加载完DOM之后，不等待图片flash、css等就可以执行，加载速度会比load快
阅读全文
摘要：看链接： https://www.jb51.net/article/2827.htm
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
