三千·世界-优快云博客

转载解锁 vue3 全家桶+Ts 的正确姿势

创建项目基础语法定义data script标签上lang="ts" 定义一个类型type或者接口interface来约束data 可以使用ref或者toRefs来定义响应式数据使用ref在setup读取的时候需要获取xxx.value,但在template中不需要使用reactive时，可以用toRefs解构导出，在template就可以直接使用了 <scriptlang="ts">import{defineCompon...

2021-10-21 09:45:42 2998 1

转载代码简洁之道

1.通过条件判断给变量赋值布尔值的正确姿势//badif(a==='a'){b=true}else{b=false}//goodb=a==='a'2.在if中判断数组长度不为零的正确姿势//badif(arr.length!==0){//todo}//goodif(arr.length){//todo}3.同理，在if中判断数组长度为零的正确姿势//bad...

2021-10-21 09:40:17 317

转载为开发提速,项目 Webpack 转 Vite 实战！(实用)

Webpack to Vite背景最近，就前端开发过程中的痛点及可优化项做了一次收集。其中，构建耗时、项目编译速度慢的字眼出现了好几次。随着业务的快速发展，我们很多项目的体积也快速膨胀。随之而来的，就是打包变慢等问题。提升研发效率，是技术人永恒的追求。我们项目也有启动慢的问题，同事也提到过几次。刚好我之前也做过类似的探索和优化，于是就借这个机会，改造一下项目，解决启动耗时的问题。于昨天下午(2021.4.7 23:00)，成功嵌入 Vite, 项目启动时间由约1...

2021-07-22 16:54:33 5400 1

原创前端.....

前端⼯具接⼝模拟+ 数据模拟https://github.com/wll8/mockm 查询浏览器兼容性https://caniuse.com/ 发关请求https://www.npmjs.com/package/axios 时间处理https://github.com/iamkun/dayjs ⽅便操作domhttps://github.com/jquery/jquery nodejs 依赖安装镜像⼯具淘宝源安装⼯具https://www.npmjs.com/package/cnp...

2021-07-20 17:12:29 3744

转载学会这20+个JavaScript单行代码，可以让你的代码更加骚气

JavaScript不断发展壮大，因为它是最容易上手的语言之一，因此为市场上的新成为技术怪才打开了大门。（问号脸？）的确，JavaScript可以做很多出色的事情！还有很多东西要学习。而且，无论你是JavaScript的新手还是更多的专业开发人员，学习新知识总是一件好事。本文整理了一些非常有用的单行代码（20+），这些单行代码可以帮助你提高工作效率并可以帮助调试代码。什么是单行代码？单行代码是一种代码实践，其中我们仅用一行代码执行某些功能。01-随机获取布尔值此函数将使用Mat

2021-06-30 11:08:55 172

转载前端图片最优化压缩方案

前端图片最优化压缩方案凉城a前端复习课1周前前言上传图片/视频/文件是我们经常会遇到的问题，但是一旦图片过大就会导致不好的操作体验。图片上传是前端中常见的的业务场景。无论是前台还是后台，适当的对图片进行压缩处理，可以显著的提升用户体验。而在后台管理系统中，图片压缩不仅仅能够提升后台管理员操作体验，更是可以防止后台设置过大的图片导致前台图片加载过久，从而影响用户体验。关于压缩图片思考想想压缩图片基本流程 input 读取到文件，使用 FileReader 将其转换为 b..

2021-06-30 10:57:33 2545

转载阿里妈妈又做了新工具，帮你把 Vue2 代码改成 Vue3 的

Vue3 已经出来有一段时间了，很多朋友早已熟读了文档，写了好几个 Demo，馋 Composition API 等新特性已久了。无奈，在实际工作中，大部分朋友还是不得不守着成千上万行的 Vue2 老项目过日子，做一次框架升级就像给老房子装修——念头总是充沛，决心总是匮乏。其实 Vue 团队已经尽可能地减少了破坏性更新，还提供了一份细致的迁移指南，条数不少，但定睛一看，大部分都是体力活，有些很简单，比如异步组件要多包上一层：还有一些就改起来有点麻烦，比如自定义指令生命周期的更名，和传入参数的一些细微

2021-06-30 10:55:15 908

转载总接前端常用的60种方法

总接前端常用的60种方法，可在当页面关键词搜索，快速查找您需要的代码。欢迎评论补充，定时更新修改。1.邮箱export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => {return /^1[0-9]{10}$/.test(s)}3.电话号码

2020-10-10 10:10:20 242

qq_25983505的博客