刷新
【动画进阶】单标签下多色块随机文字随机颜色动画

博主头像 我的小册 《CSS 技术揭秘与实战通关》上线了,想了解更多有趣、进阶、系统化的 CSS 内容,可以猛击 - LINK。 在 CSS 还原拉斯维加斯球数字动画 - 掘金 一文中,我们利用纯 CSS,实现了一个非常 Amazing 的动画效果: 其中一个核心点就是,我们利用了如下的代码,在一个 DIV ...

JavaScript运算符及优先级

博主头像 一、算数运算符 算术运算符(+,-, *,/,%【重要】,++【重要】,--) 其中 + 的左边和右边有 " ", 表示拼接 i++,表示先赋值后+1 ++i ,表示先+1后赋值 同理减法也是如此 算数运算中,+ 可以进行隐式迭代,将字符串数字转化为Number类型 alert(typeof(+'5 ...

HTML5前端标签练习

博主头像 前端标签 标签的分类 1. 单标签 img br hr <img /> 2. 双标签 a h p div <a></a> 3. 按照标签属性分类 1. 块儿标签 # 自己独自占一行 h1-h6 p div 2. 行内(内联)标签 # 自身文本有多大就占多大 a span u i b s div标签和 ...

记录--这个前端Api管理方案会更好?

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 简介 大家好,前端小白一枚,目前接触后台管理系统比较多,经常遇到不同对象的增删改查的接口,如何对Api进行一个有比较好的管理是个问题。在学习偏函数的时候有了灵感,想到一个不错的API管理方案,并应用在项目一个模块当中,并且开发效率和维护性 ...

JavaScript数据类型的转换

博主头像 一、字符串类型的转换 1、自动转换 <script> var str = 'hello'; var num = 100; console.log(str+num); console.log(typeof (str+num)); </script> 2、强制转换 String(),object.toS ...

初看vue3源码

博主头像 因为工作的原因又回到了vue的领域,需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的,自己动手看vue源码的还是比较少,这次我想自己动手看看首先 吧代码获取到本地跑起来vue 仓库地址 https://github.com/vuejs/vue 开发环境 搭建指南 h ...

JavaScript复习——02

博主头像 代码块 写法: {} 使用代码块,可以对代码进行分组,同一个代码块中的代码就是同一组代码,一个代码块中的代码,要么都执行,要么都不执行 let 和 var的区别 在JS中,let声明的变量具有块级作用域 var声明的变量,不具有块级作用域 var声明的变量会将变量的声明提至最前 对象 原始值只能表示 ...

vue2和vue3的区别

博主头像 vue2和vue3都是前端JavaScript框架,基本概念和功能大部分都相同,它们的区别主要在语法、原理、生态以及打包四个方面. 语法: Vue.js 2使用基于Object.defineProperty的双向绑定来追踪变化,而Vue.js 3采用Proxy来实现响应式变化追踪,这提高了性能并允许 ...

记录--仿加入购物车飞入动画效果

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 近期对管理后台相关功能进行优化,其中导出功能涉及到查询数据过多导致查询很慢问题,决定采用点击后加入到下载中心方式,既解决了接口慢等待问题,也方便后期各种文件的重复下载,一举多得~ 功能上很好实现,调接口就可以了,主要涉及到一个小球飞入效果 ...

JavaScript 数组Array存储方式及对象Object

博主头像 一、数组的存储 1、当声明一个变量时,var a = 111; 在后台计算机翻译时,var声明 a变量 所以此时会产生一个栈内存,变量 a 的初始值为undefined,然后 = 111 ; undefined消失,111的值被赋值给了a。如果多个变量赋值的话,栈内存的执行顺序是先进后出的顺序。也叫 ...

CSS色域、色彩空间、CSS Color 4新标准

博主头像 引言 近期,三大主流浏览器引擎均发布最新版本,支持W3C的CSS Color 4标准,包含新的取色方法color()和相应语法,可展示更多的色域及色彩空间,这意味着web端能展示更丰富更高清的色彩。虽然目前只有最新版本的现代浏览器才支持,我们可以先提前了解一下这项新标准。 本文首先会先简单介绍几个色 ...

前端异步编程 —— Promise对象

博主头像 在前端编程中,处理一些简短、快速的操作,在主线程中就可以完成。 但是,在处理一些耗时比较长以至于比较明显的事情,比如读取一个大文件或者发出一个网络请求,就需要异步编程来实现,以避免只用主线程时造成页面一时无法响应的事情。 以发送网络请求为例,在以往的JavaScript中,使用多个回调函数来处理请求 ...

JavaScript的基础语法和数据类型

博主头像 一、什么是JavaScript JavaScript是用于实现用户交互、动态控制文档的外观和内容,动态控制浏览器操作、创建cookies等网页行为的跨平台、跨浏览器的由浏览器解释执行的客户端脚本语言 二、JavaScript的三种引入方式 1、引入.js后缀的文件,注意一般外部引入js的文件,放在b ...

记录--记录用前端代替后端生成zip的过程,速度快了 57 倍!!!

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 业务场景: 产品有个功能是设置主题。类似手机自动切换壁纸,以及其他功能颜色,icon,字体等。 管理员需要在后端管理系统多次下载不同主题,(至于要干啥就不说了...),主题中可能有 30 ~ 100个高清壁纸, icon 等。现在每次下载 ...

记录--纯前端也可以实现「用户无感知录屏」

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 要在 JavaScript 中实现屏幕录制,可以使用 navigator.mediaDevices.getDisplayMedia() 方法来获取屏幕的媒体流。然后,可使用 MediaRecorder 对象将媒体流录制为视频文件。 ...

VitePress部署到Github Pages后发现样式全错乱了怎么办?

博主头像 VitePress部署到Github Pages后发现样式全错乱怎么办? 当我们部署到Github pages线上后,发现全是样式错乱的,也就是无样式,怎么办?在此简单记录一下 这个时候我们作为前端开发者,可以打开浏览器调试看看就发现了,是静态资源地址不对,如下 这个时候,我们只需修改theme/c ...

记录--vue3实现excel文件预览和打印

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在前端开发中,有时候一些业务场景中,我们有需求要去实现excel的预览和打印功能,本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法,一种方式是通过讲文档里的数据处理成html ...