前端开发
刷新
如何判断一个元素是否在可视区域中？

博主头像 一、用途 可视区域即我们浏览网页的设备肉眼可见的区域，如下图 在日常开发中，我们经常需要判断目标元素是否在视窗之内或者和视窗的距离小于一个值（例如 100 px），从而实现一些常用的功能，例如： 图片的懒加载 列表的无限滚动 计算广告元素的曝光情况 可点击链接的预加载 二、实现方式 判断一个元素是否 ...

Chart.js (v2.9.4) 2-主要的函数和对象介绍

Color() ：主要负责渲染图表时候，针对颜色处理相关函数 helpers_core：工具对象，提供了基础的工具函数功能，遍历数组，扩展对象，合并对象，克隆对象等等。 core_defaults：负责存储系统默认的全局属性或是插件，用户通过这个全局对象配置一些通用的属性或是插件，轻松让所有实例化出 ...

HTML+CSS实现全景轮播的示例代码

创建一个全景轮播效果可以通过HTML和CSS来实现，这里提供一个简单的示例代码。这个示例中，我们将使用HTML来构建基本的轮播结构，CSS来添加样式和实现轮播效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met ...

Vue3源码解析--收集的依赖是什么？怎么收集的？什么时候收集的？

博主头像 从Vue开始较大范围在前端应用开始，关于Vue一些基础知识的讨论和面试问题就在开发圈子里基本上就跟前几年的股票和基金一样，楼下摆摊卖酱香饼的阿姨都能说上几句那种。找过前端开发工作或者正在找开发工作的前端都知道，面试官基本上都有那么几个常问的问题，而网上呢也有那么一套可以用来背诵的“八股文”，自己懂多 ...

第二周第五天

今天是跟随视频学习vue2的一些相关知识，并跟随视频学习和写程序。主要是了解一些有关渲染子类的知识，同时也练习了一些静态页面。总体感受前面的比较简单，后面的越来越复杂，有点看不懂了，还记不住。加油！我相信多练习一点也就会了。以下今天写的一些程序。 视频实在看不懂也没关系，多练习实际操作。同时也不能局 ...

Symbol 引用 iconfont icon图标库

博主头像 Symbol 引用 iconfont icon图标库 Symbol 引用 这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点： 支持多色图标了，不再受单色限制。 通过一些技巧，支持像字体 ...

第二周第四天

今天完成了所有的html，css，以及js的菜鸟相关课程，总的来说了解了很多的程序语言，但也有很多复杂的不懂。希望和我一样学习前端的朋友一样，不要着急。虽然是基础知识但是也很难全部记住理解30%，对剩下的有个印象即可，但是最为重要的是实际操作，慢慢练习有些基础知识慢慢就会了。 几天说一下我学习中遇到 ...

XML Schema 字符串数据类型及约束详解

博主头像 XML中的字符串数据类型表示字符序列，包括换行、回车和制表符。处理器不修改值。`normalizedString`去除这些特殊字符，`token`则进一步移除前导和尾随空格及多余空格。字符串类型可使用枚举、长度等限制。`date`和`dateTime`数据类型表示日期和时间，`duration`表示... ...

说说webpack的热更新是如何做到的？原理是什么？

博主头像 一、是什么 HMR全称 Hot Module Replacement，可以理解为模块热替换，指在应用程序运行过程中，替换、添加、删除模块，而无需重新刷新整个应用 例如，我们在应用运行过程中修改了某个模块，通过自动刷新会导致整个应用的整体刷新，那页面中的状态信息都会丢失 如果使用的是 HMR，就可以实 ...

第二周第3天

这是昨天学习到的一种点击显示时间的方法，自己理解就是创建一个点击按钮，然后创建一个showdate函数，通过运行showdate 函数，输出时间！ 接下来的安排，这两天一直再尝试做最基础的页面设计，感觉还不错挺有意思的，就是不会写，只是在人家的基础上进行复制和修改，不过也学到了页面跳转的知识，很开心 ...

ECMA 2019(ES10) 新特性

博主头像 本章内容： 行分隔符（U + 2028）和段分隔符（U + 2029）符号现在允许在字符串文字中，与 JSON 匹配 更加友好的 JSON.stringify 新增了 Array 的flat()方法和flatMap()方法 新增了 String 的trimStart()方法和trimEnd()方法 ...

说说Loader和Plugin的区别？编写Loader，Plugin的思路？

博主头像 一、区别 前面两节我们有提到Loader与Plugin对应的概念，先来回顾下 loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是解决 ...

彻底搞懂JavaScript原型和原型链

基于原型编程 在面向对象的编程语言中，类和对象的关系是铸模和铸件的关系，对象总是从类创建而来，比如Java中，必须先创建类再基于类实例化对象。 而在基于原型编程的思想中，类并不是必须的，对象都是通过克隆另外一个对象而来，这个被克隆的对象就是原型对象。 基于原型编程的语言通常遵循下面的规则： 所有的数 ...

如何实现上拉加载，下拉刷新？

博主头像 一、前言 下拉刷新和上拉加载这两种交互方式通常出现在移动端中 本质上等同于PC网页中的分页，只是交互形式不同 开源社区也有很多优秀的解决方案，如iscroll、better-scroll、pulltorefresh.js库等等 这些第三方库使用起来非常便捷 我们通过原生的方式实现一次上拉加载，下拉刷 ...