随笔分类 -  web框架

hooks时代
摘要：vue和react都已经全面进入了hooks时代（在vue中也称为组合式api，为了方便后面统一称为hooks），然而受到以前react中类组件和vue2写法的影响，很多开发者都不能及时转换过来，以致于开发出一堆面条式代码，整体的代码质量反而不如改版以前了。 0、概述 一个组件内部的所有代码——无论 阅读全文
posted @ 2022-08-12 17:51 千年轮回 阅读(76) 评论(0) 推荐(0)
Vite和Vue CLI的优劣
摘要：Vue CLI 概述 大多数 Vue 开发人员都知道，Vue CLI 是使用标准构建工具和最佳实践配置快速建立基于 Vue 的项目的不可或缺的工具。 其主要功能包括： 工程脚手架 带热模块重载的开发服务器 插件系统 用户界面 Vue CLI 是构建在 Webpack 之上的，因此开发服务器和构建功能 阅读全文
posted @ 2021-02-22 16:37 千年轮回 阅读(7791) 评论(1) 推荐(0)
单元测试
摘要：单元测试就是测试最小单元，我们的单元可能是一个函数，一个button的样式，一个文案等等都可能是一个单元 应用范围 通用工具库 公共函数 公共组件 可有可无 写单测比较费时，有这个时间不如多做几个需求 单纯对于一个结果的输入输出来说，很多时候浏览器给我们的信息更直观也更容易发现问题 前端很少需要提供 阅读全文
posted @ 2020-11-10 15:57 千年轮回 阅读(318) 评论(0) 推荐(0)
框架与类库的理解
摘要：框架的理解误区 网站的价值在于它能为用户提供什么价值，在于网站能做什么，而不在于它是怎么做的，所以在网站还很小的时候就去追求网站的架构框架是舍本逐末，得不偿失的。前端框架同理，如果是一个简单的页面型产品，应用只是依赖服务器来生成Web页面和视图，并且只需要使用一些简单的Javascript或者JQu 阅读全文
posted @ 2020-11-09 20:03 千年轮回 阅读(245) 评论(0) 推荐(0)
wangEditor上传本地视频
摘要：一、实现效果 实现效果 原本效果 二、源码 下面是wangEditor实现插入视频的代码 function Video(editor) { this.editor = editor; this.$elem = $('<div class="w-e-menu"><i class="w-e-icon-p 阅读全文
posted @ 2020-06-06 17:51 千年轮回 阅读(1499) 评论(0) 推荐(0)
locale国际化与相关对照表
摘要：背景知识 现代软件开发，往往做出的应用程序不止给一个国家的人去使用。不同国家的人往往存在语言文字不通的问题。由此产生了国际化(internationalization)、多语言(multi-language)、本地化(locale)这些词，它们其实都是一个意思，支持多种语言，提供给不同国家的用户使用 阅读全文
posted @ 2020-05-29 10:05 千年轮回 阅读(4047) 评论(0) 推荐(0)
前端性能优化策略
摘要：一、硬件服务 CDN分发，gzip||Brotli压缩，大小图，缓存，CDN-combo文件组合，多个域名并发请求(分域存放) 二、项目构建 wenpack 大文件切割抽取公共代码 功能或业务为单元代码 相应依赖和公共资源可以放到CDN babel按需引入工具库与UI库 三、页面上 网络加载类 减少 阅读全文
posted @ 2020-05-21 15:31 千年轮回 阅读(339) 评论(0) 推荐(0)
详解webpack中的hash、chunkhash、contenthash区别
摘要：hash、chunkhash、contenthash hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应的HTML引用的URL地址也会改变，触发CDN服务器从源服务器上拉取对应数据，进而更新本地 阅读全文
posted @ 2020-05-19 10:29 千年轮回 阅读(2267) 评论(0) 推荐(0)
详细分享TortoiseGit配置密钥的方法
摘要：TortoiseGit 使用扩展名为ppk的密钥，而不是ssh keygen生成的rsa密钥。使用命令ssh keygen C "邮箱地址" t rsa产生的密钥在TortoiseGit中不能用。而基于git的开发必须要用到rsa密钥，因此需要用到TortoiseGit的putty key gene 阅读全文
posted @ 2020-02-20 10:52 千年轮回 阅读(282) 评论(0) 推荐(0)