最热文章

如何在 CSS 中引入 JS 变量

一、在传统前端开发中实现 在 JS 中定义: 在 CSS 中引用: 作用于跟 js 变量类似: 也就是说,变量的作用域就是它所在的选择器的有效范围。 二、在 Vue 中实现 下面介绍怎样才能在 vue3 的 <style> 中使用 <script> 里声明的变量: 首先创建一个支持 vue3 的 vite 项目 然后在组件中这样使用: 首先要在<style>标签中写个vars=& […]

利用 hexo 搭建自己的静态博客

介绍 hexo是一款基于Node.js的静态博客框架,方便、快捷。并且有丰富的主题可供选择,是大多数开发者的首选。 环境配置 安装node.js 安装git,注册github账户, nodejs可以到nodejs官网下载相应的版本; git是目前比较流行的版本控制系统,这里推荐廖雪峰老师的git教程,大家可以安装学习,github的安装注册更不用我再废话了,我们这里主要是利用 github 提供的 […]

js 将字符串“true”、“false”转换成 true、false

日常工作中难免会碰到需将字符串 “true”、“false” 转换成 boolean 类型的 true、false 的情况; 例如将 true、false 存储在 local storage 或者 session storage 中时,会被转换成字符串类型 “true”、“false”,此时通过 localStorage.getItem 取出来的值是 string 而不是 boolean,故不能直 […]

通过 JS 将数字千位数格式化的几种方法

方法一 方法一的执行过程就是把数字转换成字符串后,打散为数组,再从末尾开始,逐个把数组中的元素插入到新数组(result)的开头。每插入一个元素,counter 就计一次数(加 1),当 counter 为 3 的倍数时,就插入一个逗号,但是要注意开头(i 为 0 时)不需要逗号。最后通过调用新数组的 join 方法得出结果。 这个方法性能不是很好,不适合处理量大的数据,且不支持对正负数的格式化。 […]

在移动端应避免使用100vh

CSS 中的视口单位(vh)听起来很棒。 如果要设置元素的样式以占据整个屏幕的高度,则可以设置 height: 100vh,就可以拥有一个完美的全屏元素,该元素会随着视口的变化而调整大小!但是 100vh 在移动浏览器中以微妙但基本的方式被破坏,这使其几乎无用。 最好避免 100vh,而是依靠 javascript 设置高度以获得完整的视口体验,或者在特殊情况下可以使用 100%。 问题描述 在手 […]

vue 组件间通信六种方式

转自:前端工匠公众号 目录 前言 一、props/$emit 二、$emit/$on 三、vuex 四、$attrs/$listeners 五、provide/inject 六、$parent / $children与 ref 总结 前言 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一般来说,组件可以有以下几种关系: 如上图所示, […]

一篇文章彻底了解 HTTP 发展史

转自公众号:极客猴 目录 HTTP 0.9 HTTP 1.0 HTTP 1.1 HTTP 2.0 HTTP 3.0 HTTP 协议可以算是在人们日常生活、工作用得比较多的协议。我们使用浏览器访问网页,就是通过 HTTP 来传递数据;客户端跟服务器交互,大部分会使用到 HTTP 协议。对于我们做数据采集的人来说,也是再正常不过。Requests 和 Scrapy 都是对 HTTP 进行封装的支持自定 […]

如何发布自己的 npm 包

目录 什么是 npm? 如何发布一个自己的 npm 包 什么是 npm? npm 是 javascript 著名的包管理工具,是前端模块化下的一个标志性产物,简单地地说,就是通过 npm 下载模块,复用已有的代码,提高工作效率;和移动端开发中,iOS 使用的 Cocoapods,Android 使用的 maven 有异曲同工之妙。 如何发布一个自己的 npm 包 1、创建一个 npm 的账号 发布 […]

使用 jsDelivr 来优化网站访问速度

优化原理 想要提升网站的访问速度,基本上切入点无非是优化前后端的访问性能。第一步肯定是 Profile,通过各种方法,看看速度的瓶颈在哪里。 我的 Blog 架构比较简单,问题不出在后端,通过 Chrome 的 Developer Tools 的 Network 可以评测得出,还是出在网络访问性能上,前端加载的一些资源文件(JS、CSS 等)太耗时,加载时长要好几百 ms,部分甚至超过 1s。导致 […]

前端资源文件下载 – HTML5 中的 download 属性

目录 download 属性介绍 动态资源下载 文件命名问题 Blob: URL 解决方案 总结 随着前端技术的发展,越来越多的业务场景中需要前端来处理文件下载。在众多的方法中,通过 <a> 标签的 download 属性实现下载是其中常见也是比较简单的一种方法。 download 属性介绍 常规的 <a> 标签通过 href 实现链接跳转,如果只想下载文件而不是跳转预览,最好的方式是 […]