摘要： 超出一行显示省略号 html如下： <div className='box'> 时维九月，序属三秋。 潦水尽而寒潭清，烟光凝而暮山紫。 俨骖騑于上路，访风景于崇阿； 临帝子之长洲，得天人之旧馆。 层峦耸翠，上出重霄； 飞阁流丹，下临无地。 鹤汀凫渚，穷岛屿之萦回； 桂殿兰宫，即冈峦之体势。 </di 阅读全文

摘要： 最近做pc的轮播需求时，遇到了一个问题，指示点太多了，可能会超出每个轮播的宽度，于是便参考小红书轮播图的指示点效果，实现了pc版的轮播图，最多显示五个指示点，超出则移动展示。 首先实现指示点的样式，有三种情况： * 选中的点索引小于3时，是不需要移动的，第五个指示点开始，都是小号的指示点，条件如下： 阅读全文

摘要： 1、path.join path.join([path1][, path2][, ...])方法只是将每个路径片段进行拼接，并规范化生成一个路径。 windows下路径拼接符为" \ "，Linux下路径拼接符为" / "，以下为windows下示例： const path = path.join( 阅读全文

摘要： npm包开发时，我们不可能每次都执行发布后再进行测试，那我们怎么进行本地调试呢？ 本文假如要调试的包为 my-test-0807，包源文件地址为 D:\my-test-0807 一、直接安装本地的包 npm install D:\my-test-0807 安装完成后，可以在 node_modules 阅读全文

摘要： 一、前端监控是监控什么？ 一是监控用户的行为，比如说页面的入口来源、点击量、浏览量、页面停留时长等。通过对用户的行为数据进行分析，可以对我们的产品进行针对性的优化。比如说用户在哪个页面停留时间较长，我们便可以在这个页面进行我们的广告投放等； 二是监控页面的性能，比如说页面的白屏时长，首屏时长、接口请 阅读全文

摘要： 参考文章: 1、shell中${}和()的使用 2、shell中#,##,#,##,% *,%% *的含义及用法 3、Shell $0, $#, $*, $@, $?, $$的含义 4、Shell之while getopts用法详解 日常积累 1、lsof -i :3000 获取3000端口的进程信 阅读全文

摘要： 前端为什么需要模块化？ 随着前端能承担更多的开发责任，各种问题开始凸显，全局变量冲突、依赖关系难以管理、数据安全问题等等。 什么是模块？ 将一个复杂的程序依据一定的规则封装成几个块，并进行组合在一起。 块的内部数据与实现是私有的，只是向外部暴露一些接口(方法)与外部其它模块通信。 模块化的好处？ 避 阅读全文

摘要： Git钩子 当我们在项目下执行git init时，我们会发现项目下多了一个.git文件夹（隐藏文件），记录了git的相关信息，文件夹下的第一个文件hooks存储了git的钩子。类似于vue和react的生命周期钩子，它可以让我们在一些特定的时刻执行某些操作。 git的钩子分为两大类：客户端的和服务的 阅读全文

摘要： 本文主要介绍npm、 yarn、pnpm三者在依赖管理方面的不同。 在npm2中，当我们使用依赖A时，依赖A里使用了依赖B，依赖B里使用了依赖C，node_modules里就会是这样的结构： node_modules --packageA.js --node_modules --packageB.j 阅读全文

摘要： 1、cnpm 以安装dayjs为例 cnpm i dayjs 命令运行完成之后package.json文件无变化，不生成package-lock.json文件，node_modules下新增dayjs文件。 cnpm uninstall dayjs 命令运行完成之后若原本package.json文件 阅读全文