TailwindCSS是一个非常强大且灵活的CSS框架，适用于开发者希望高度定制化界面样式的项目。今天博主就TailwindCSS做一个简单介绍以及案例讲解，争取读者阅读文章后入门。仅靠一篇文章博主也不可能将TailwindCSS所有内容讲解的面面俱到，在阅读之前博主先将相关的官方文档链接打出来，详细了解TailwindCSS的话还是推荐阅读官方文档，如果英文水平较差的朋友推荐阅读TailwindCSS中文网。接下来开始正式的TailwindCSS学习：目录上手TailwindCSS基于JIT模式的TailwindCSSTailwindCSS生态和封装组件自定义主题及样式上手TailwindC
说明我的前端框架为Vue３前后端跨域选其一即可前端跨域在项目的根目录找到vite.config.js文件，添加代码：server:{proxy:{'/api':{target:'https://localhost:xxxx',changeOrigin:true,secure:false},},}axios代码片段：constreq=axios.create({baseURL:'/api'})constlogin=async()=>{constresp=awaitreq.post('/login/verify',loginData.value)respData.value=resp.data.m
文章目录一、Jest前端自动化测试框架基础入门二、Jest难点进阶3.mocktimers学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin^0.5.3@svgr/webpack^5.5.0@testing-library/jest-dom^5.17.0@testing-library/react^13.4.0@testing-library/user-event^13.5.0babel-jest^2
文章目录一、手写ajax请求1.get2.post3.xhr.readyState4.xhr.status5.xhr.open二、跨域三、cookie、localStorage和sessionStorage四、http1.http常见的状态码有哪些2.http常见的header有哪些3.什么是RestfulAPI4.描述一下http的缓存机制5.https一、手写ajax请求1.get//1.创建一个XMLHttpRequest对象letxhr=newXMLHttpRequest();//2.设置请求行xhr.open('get','http://localhost:3000/get');//
本文采用的是select2版本：Select24.0.6-rc.1。可以兼容IE8及以上。亲测过。官网：GettingStarted|Select2-ThejQueryreplacementforselectboxes一、认识select2.js1、使用插件，首先要引入别人的插件了，你可以选择离线（无网络）或者在线引用的（如果有网络）。在线引用如下所示：离线引用如下所示：注意自己的引用路径哦
本系列文章md笔记（已分享）主要讨论vue相关知识。Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js是一个构建数据驱动的web界面的渐进式框架，Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件，核心是一个响应的数据绑定系统。全套笔记和代码自取移步gitee仓库：gitee仓库获取完整文档和代码共2章，10子模块Vue基本使用ES6语法ES6标准入门ES6语法
目录一.css属性计算过程1.使用继承2.使用默认值3.面试题二.css之包含块一.css属性计算过程1.使用继承层叠冲突这一步完成后，解决了相同元素被声明了多条样式规则究竟应用哪一条样式规则的问题。那么如果没有声明的属性呢？此时就使用默认值么？答案并不是，此时还有第三个步骤，那就是使用继承而来的值。例如：```html Loremipsumdolorsitamet.``````cssdiv{ color:red;}```在上面的代码中，我们针对div设置了color属性值为红色，而针对p元素我们没有声明任何的属性，但是由于color是可以继承的，因此p元素从最近的div身上继承到了color
HTMX允许你使用扩展的HTML语法代替JavaScript来实现交互性。HTMX在标记中直接为你提供HTTP交互，并支持许多其他交互需求，无需求助于JavaScript。这是一个有趣的想法，可能最终会影响到web前端的工作方式。让我们看看如何使用HTMX以及它的吸引力。什么是HTMX？HTMX已经存在了一段时间，但它一直是一个不太为人知的项目。它最近被接受到GitHubAccelerator中可能会改变这一切。基本的想法是取代那些需要模板化的JavaScript和HTML交互的常见用例，仅使用HTML语法，而不是JavaScript。许多交互与HTMX一起变得声明式。这听起来很有前景，不是吗
【前端】谷歌浏览器调试微信H5网页或者微信小程序的方法1、首先USB数据线连接手机进入调试模式2、微信访问 http://debugxweb.qq.com/?inspector=true 确定是否可以用（能打开就能用）http://debugxweb.qq.com/?inspector=true3、微信上打开你需要调试的页面4、谷歌浏览器地址栏输入 chrome://inspect/#devices 等待一会儿（浏览器需要具备F强功能）chrome://inspect/#devices可以多等等 5、点击对应网页或者小程序 inspect 即可出现调试栏，然后像正常调试页面即可，小程序可以打开
文章目录一、Jest前端自动化测试框架基础入门二、Jest难点进阶1.snapshot快照测试学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin^0.5.3@svgr/webpack^5.5.0@testing-library/jest-dom^5.17.0@testing-library/react^13.4.0@testing-library/user-event^13.5.0babel-jest
