![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习笔记📒
文章平均质量分 55
不断学习的积累与沉淀
33子~
一个立志成为前端工程师的柿子
展开
-
笔记-编程命名法
匈牙利命名法匈牙利应用命名法不表示实际数据类型,而是给出了变量目的的提示,或者说它代表了什么:CamelCase、PascalCaseCamel-Case、CamelCase、camel case第一个单字以小写字母开始;第二个单字的首字母大写,例如:firstName、lastName。每一个单字的首字母都采用大写字母,例如:FirstName、LastName、CamelCase,也被称为PascalCase命名法(帕斯卡命名法)蛇形命名法(snake_case)是指每个空格皆以底线(_)取代的书原创 2022-07-12 11:45:14 · 897 阅读 · 0 评论 -
笔记-typeScript高级类型
他会将一个类型的所有属性值都映射到另一个类型上并创造一个新的类型。在这里,它期望数字作为类型,属性值的类型是EmployeeType,因此具有id,fullname和role字段的对象。会将K中的所有属性值都转换为T类型,并将返回的新类型返回给proxyType,K可以是联合类型、对象、枚举…也可以自己在第一个参数后追加额外的值,如下面:...原创 2022-07-12 11:13:11 · 109 阅读 · 0 评论 -
规范-适当的规范
最近看了一些提交规范的文档,想起来在上家公司的时候,是有用到cz来进行提交规范,但是当时并没有细研究这个玩意。今天来板板废话文学文章的毛病,采用SCQA工具来进行本篇文章的输出。一个项目往往都不是只有一个FE来进行维护的,通常是多个FE来进行维护。通常我们的流程都是本地开发自测,提交代码,提测。时间久了,越来越多的提交,这时候我们打开历史的commit,oh,no!可以知道改动了,可以知道提交代码了,但是改动了什么呢?本次改动影响大不大呢?等等,带着一系列的问题。这个时候,会不会特别的头大。贴张图来对原创 2022-06-18 14:20:03 · 97 阅读 · 0 评论 -
【NEW】抓包工具-ProxyMan
背景总会有一些移动端需要我们排查问题、调试的场景。之前一直用charles,或者通过在测试环境的debuger的依赖vconsole来看,好久之前下载了一个proxyman抓包工具,今天搞明白这玩意咋用了,真香哈哈哈哈,好用多了。安装证书因为也是为了移动端场景所使用的,PC的基本不会通过抓包来看,所以就直接说移动端抓包如何使用呢iOS我这里是iOS测试机,所以我就以iOS为例吧。选择对应的证书查看ip和端口信息根据提示的步骤操作以及查看ip以及端口信息手机设置代理这里我就不多说了,大原创 2022-05-23 20:06:38 · 2636 阅读 · 2 评论 -
笔记-Prettier格式化代码
Prettier官方文档Prettier是一个自定义的代码格式化工具,它支持以下文件格式:JavaScript,including ES2017JSXAngularVueFlowTypescriptCSS,Less and SCSSHTMLJSONGraphQLMarkdown,including GFM and MDXYAML安装yarnyarn add prettier --dev --exact## or globallyyarn global add pr原创 2021-05-07 18:40:37 · 185 阅读 · 0 评论 -
笔记-谷歌插件开发
背景最近在工作中,有一个谷歌插件优化的一些需求,对于只知道用从来不知道写的我,看到一些谷歌插件api当时是一脸懵。因为自己也没有VPN,无奈,只得查现有的一些文档,来一步步探索。通过此次对谷歌插件也有了一个更深入的了解,也算是个不错的体验。并且不得不说,谷歌插件开发这玩应还蛮有意思的。文件说明popup简单来说,这个就是当你点击谷歌插件,弹出的弹窗界面。拿CSDN插件来说,点击之后这里有对应的popup.html以及对应的popup.js。也可以有对应的popup.css文件,但是我直接写在ht原创 2021-04-16 19:16:06 · 268 阅读 · 0 评论 -
笔记-Nuxt
Nuxt.js是什么?Nuxt.js是一个基于Vue.js的通用应用框架。通过对客户端/服务端基础架构的抽象组织,Nuxt.js主要关注的是应用的UI渲染。Nuxt.js好处?Nuxt.js提供了开箱即用的SSR服务。完整的项目结构与功能支持。打包和压缩JS和CSS。HTML头部标签管理。本地开发支持热加载。支持各种样式预处理器。Nuxt.js官网...原创 2021-03-02 19:27:52 · 64 阅读 · 0 评论 -
笔记-don‘t make me think
指导设计思想:别让我思考 当打开这个页面,用户并不知道应该点击哪里,思考自己到底应该点击哪里,点击了会发生什么等等。 别强迫我思考 比如点赞就是一个心型,但是这里放的是一个月牙型,会强迫用户思考这个是点赞嘛?我点完这个是会点赞这条消息嘛? 让一切不言而喻 一句话:让页面可以自我解释。这样也会避免上面两个现象。达到用户打开这个页面就知道应该点击哪里。为什么要具备这些设计思想: 俗话说,顾客是上帝。对于开发人员来说,用户就是我们的上帝...原创 2020-11-30 14:50:21 · 90 阅读 · 0 评论 -
笔记-SVG
概念SVG意为可缩放矢量图形。SVG使用XML格式定义图像。特点SVG图像在放大或改变尺寸的情况下其图形质量不会有所损失。SVG是万维网联盟的标准。SVG与JPEG和GIF图像比起来,尺寸更小,且可压缩性更强。SVG图像可在任何的分辨率下被高质量地打印。SVG可在图像质量不下降的情况下被放大。SVG图像中的文本是可选的,同时也是可搜索的(适合做地图)SVG文件是纯粹的XML。SVG代码以<svg>元素开始,包括开启标签<svg>和关闭标签</svg&原创 2020-11-18 15:24:37 · 270 阅读 · 0 评论 -
笔记-typescript学习
文章目录ts简介ts好处:强类型语言和弱类型语言动态类型语言和静态类型语言TS基本数据类型 (所有数据都声明它的类型)联合类型原始类型:布尔、字符串、数字数组泛型元组undefined nullvoidanynever枚举类型别名(常用于联合类型)字符串字面量类型类型断言泛型声明文件合并内置对象ts简介JavaScript是一门动态弱类型语言。对变量的类型非常宽容,没有类型约束。TS是一个拥有类型系统的JavaScript超集,可以编译成纯JavaScript。ts主要提供了类型系统和对ES6的支持原创 2020-06-02 17:46:48 · 363 阅读 · 0 评论 -
笔记-正则表达式
正则表达式就是一个规则,用来匹配字符串• 常用的表达式:[a-z] 查找任何从小写a到小写z的字符[A-Z]查找任何从大写A到大写Z的字符[0-9]查找任何从0-9的数字[abc]查找括号内的任意一个字符[^abc]查找除了括号内的任意字符• 常用的元字符:\w 匹配数字、字母、下划线\W匹配非数字、字母、下划线\d 匹配数字\D匹配非数字\s匹配空白字符(空格、换行)\S匹配非空白字符\n匹配换行符• 常用修饰符:i g m• 常用限定符:shift8 匹原创 2020-11-12 16:22:42 · 95 阅读 · 2 评论 -
笔记-SourceTree
SourceTree是一个图形界面工具,可以操作任何Git库。安装首先从官网下载SourceTree并安装,然后直接运行SourceTree。推送获取拉取在GitHub上创建一个新的仓库打开sourceTree,点击文件,克隆/新建新建一个文本,里面编辑一些内容在我们的图形界面上就可以看到这个文本在工作区点击文本,实际上这一步就相当于git add 文件名,把文本从工作...原创 2020-04-19 11:25:14 · 168 阅读 · 0 评论 -
笔记-Git入门总结
文章目录总概git安装创建并初始化一个版本库创建一个远程仓库克隆仓库提交到仓库撤销分支标签总概首先,我理解的git其实就是为了让团队协作非常方便的一个分布式版本控制系统。使用git来进行团队协作可以方便很多,可以理解为不同的人可以在不同的时间线上去整理一份档案。git还可以用来先暂时保存我们的进度,以及可以看到是谁做了一些改变等等,功能可以说非常强大。一些命令可以点击下面连接来查看。htt...原创 2020-04-19 10:38:04 · 147 阅读 · 0 评论 -
笔记-TypeScript整理-更中
简介及安装JavaScript是一门动态弱类型语言。对变量的类型非常宽容,没有类型约束。TS是一个拥有类型系统的JavaScript超集,可以编译成纯JavaScript。ts主要提供了类型系统和对ES6的支持。tsconfig.json目录中文件的存在表明该目录是ts项目的根。该tsconfig.json文件指定了根文件和编译项目所需的编译器选项。有node环境,通过npm安装:安装:npm i -g typescript检查ts版本:tsc -v强类型语言强类型语言和弱类原创 2020-11-12 15:46:27 · 167 阅读 · 1 评论