前端技术 | IT懒猫 - 技术成就梦想

catroom

catroom

学习给人智慧，对真理而言，信服比流言更危险。

NPM国内源速度慢的解决办法

NPM 是随同 NodeJS 一起安装的包管理工具，我们经常使用它来下载第三方包到本地。但在使用 NPM 过程很多人估计都知道，在国内下载第三方包的速度极其之慢。今天为大家推荐使用淘宝 NPM 镜像，它是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟一次以保证尽量与官方服务同步。淘宝 NPM 镜像地址：https://npm.taobao.or...

博客 2023-04-24 301 标签: 前端技术

阅读详细

npm 切换镜像站点方法

方法一更改npm配置文件： npm config set registry URL URL 即为需要设置的镜像站点地址，如淘宝镜像: https://registry.npmmirror.com 方法二安装nrm 管理，安装这个的前提是能确定链接到现在的镜像地址： npm install -g nrm 待安装完nrm 之后，通过nrm 管理镜像的地址，一条命令切换，如： nrm use t...

博客 2023-04-20 197 标签: 开发工具 前端技术

阅读详细

css 中的百分比

CSS支持多种单位形式，如百分比、px、pt、rem等，百分比和px是常用的单位，随着移动端和响应式的流行，rem、vh、vw也开始普遍使用。今天在SegmentFault社区碰到了两个关于百分比计算的问题，一个是在translate中使用百分比的时候，是相对于哪个DOM元素的大小计算的；另外一个是在padding、margin等中使用百分比时，百分比又是怎么转为px的呢？对于第一个，移动距离...

博客 2023-04-19 202 标签: css 前端技术

阅读详细

pre code内容自动换行，取消滚动条

场景 <pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长，结果会造成页面撑开或者代码超出边界。非常难受，如果用 overflow:hidden那么会将原来的代码隐藏掉，用...

脚本代码 2023-03-09 297 标签: css 前端技术

阅读详细

JS/CSS 实现搜索框联想功能

javascript css 搜索框联想功能基础 HTML 代码例  <form autocomplete="off" action="/index.php"> <div class="autocomplet...

脚本代码 2023-03-06 304 标签: 前端技术

阅读详细

JS/CSS 实现下拉菜单搜索或过滤

下拉菜单搜索过滤基础 HTML 代码实例 <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">下拉菜单</button> <div id="myDropdown" class=&q...

脚本代码 2023-03-06 242 标签: 前端技术

阅读详细

Vue3 介绍

Vue.js 是一套构建用户界面的渐进式框架。 Vue 只关注视图层，采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 vue3 官方网站：https://v3.vuejs.org/ vue3 中文文档: https://cn.vuejs.org/guide/introduction.html 简单实例： <html> &l...

Vue3教程 2023-03-08 228 标签: 前端技术 vue

阅读详细

Bootstrap Modals 模态框使用解析

Bootstrap Modals（模态框）是使用定制的 Jquery 插件创建的。它可以用来创建模态窗口丰富用户体验，或者为用户添加实用功能。您可以在 Modals（模态框）中使用 Popover（弹出框）和 Tooltip（工具提示插件）。您需要 Jquery、Bootstrap CSS 和 JavaScript 文件 bootstrap-modal.js。这个 js 文件位于您下载的 Boo...

博客 2023-02-13 268 标签: 前端技术

阅读详细

javascript实现倒计时

javascript实现倒计时 html部分： <div> <h4>距离2022-6-14 24:00:00还有</h4> <span class="hour" </span> <span>:span> <span class="...

脚本代码 2023-02-14 229 标签: 前端技术

阅读详细

vue3 组件库框架实践

1 组件样式文件并导入在 src/service 目录中创建 init-scss.ts 文件，该文件导出 initScss 函数。由于 .vue 类型的组件的样式就直接写在了 style 中，故首先判断组件类型是否是 tsx，tsx 类型的组件才进行这一步的操作：在 scss/components/ 目录下创建组件的 scss 文件 _xxx.module.scss；在 scss/componen...

博客 2023-02-10 209 标签: 前端技术

阅读详细

user_photo default icons

catroom

学习给人智慧，对真理而言，信服比流言更危险。

热门文章

最新文章