前端

HTML5的离线应用

一,离线应用         什么是离线应用呢? 就是你现在正在页面上浏览网页或者填写信息,正在这时,你家的wifi突然断了,那么这时你重新连接页面会发现之前的页面都重新加载了,之前填写的相关信息也得从头开始写。那么如果你的web应用支持离线功能,那么就不会用这种经历了。         什么时候考虑使用离线呢 并不是所有网页都要设置为离线,而是那种交互性和有状态的网页(动用很多js代码维护信息的

React-CSS

1. React中的样式 React并没有像Vue那样提供特定的区域给我们编写CSS代码 所以你会发现在React代码中, CSS样式的写法千奇百怪 2. 内联样式 内联样式的优点: 内联样式, 样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点: 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式, 代码混乱 某些样式无法编写(比如伪类/伪元素) clas

Vue接口调用方式(二)axios用法

axios用法 ✍目录总览: 1. axios的基本特性 axios 是一个基于Promise用于浏览器和node.js的HTTP客户端。 它具有以下特征: 支持浏览器和node.js 支持promiseAPI 自动转换JSON数据 能拦截请求和响应请求 转换请求数据和响应数据(请求是可以加密,在返回时也可进行解密) 2. axios的基本用法 //客户端请求 axios.get

ts学习(2)

显示类型 如下:把变量的类型值直接写出来。 //如下 function greet(person:string){....} 如下:不写出类型值,ts会进行根据赋值,进行类型推断。 let msg ='niuniu'; msg='guagua'; msg=100;//报错 降级编译 在配置文件tsconfig.json中修改target,来更改ts编译目标的代码版本。targ

转转用例平台系列 - 脑图组件2.0

原文链接 前言 转转用例平台V5.0已经在内部发布使用。在这个版本里面: 接入了自动化用例平台,融入用例脑图。 重构了脑图组件。全新视图和交互,让页面更简约,更高效。 脑图组件2.0已开源至 NPM ,组件使用文档:zz-mind-react ,欢迎大家体验和使用。 这篇文章将主要介绍脑图组件2.0 一、组件介绍 1. 预览 升级前 不支持导出、页面菜单过于臃肿、节点操作很繁琐; 不

新一代前端工具链rome

Rome是最新一代的JavaScript和TypeScript的Linter。 但 Rome 不只是 Linter , 它还是给 JavaScript,TypeScript,HTML, JSON,Markdown,CSS 使用的工具。 它不仅包含编译器,还包含打包工具,测试执行工具等等。它的目标是统一前端开发工具链。 image.png Rome 是一个单一的完整的工具链,它和之前前端

Webpack to Vite踩坑指北

前言     最近一直在看vite的源码(传送),恰逢公司的项目使用的是webpack,正好借此机会做下迁移,并将该过程记录。当前项目使用webpack+vue2 对比     这里挑选了一个比较复杂的路由页面,分别使用vite和webpack启动,记录从npm run start到页面加载的耗时     vite     webpack 基础改造     packag

mangosteen day 4 swr原理

当我们要判断是否用户是否登录 使用到SWR 意为 stale-while-reavalidate 这是一个库 意为当用户数据过期将重新发起请求获得最新数据 步骤:首先从缓存中返回显示的是过期的数据,同时会发起fetch请求(重新认证),最后获得最新数据 与zustand进行类比 所有远程的数据(http请求的数据)都缓存到swr中,其余的数据存储到zustand即可 当我们在使用swr发送

H5跳转微信小程序

这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 <!--pages/webview/webview.wxml--> <web-view src="https://abc.com/#/home"></web-view> Tips: 微信页面 webview 组件 个人小程序不支持 abc.com 域名要加到小程序合法域名

Sword - 为 Kotlin 函数增加代理功能(四) - Kotlin IR

简介 Sword:一个可以给 Kotlin 函数增加代理的第三方库,基于 KCP 实现。 Sword - 为 Kotlin 函数增加代理功能(一) Sword - 为 Kotlin 函数增加代理功能(二) Sword - 为 Kotlin 函数增加代理功能(三) 前面三篇文章笔者记录了 Sword 的实现过程,如何使用 Sword 以及如何通过 KSP 为 InvocationHandler