前端
文章平均质量分 64
学习前端知识
隐形喷火龙
十多年互联网从业经验,一个有创意的全栈程序员
展开
-
前端组件高级封装技巧--纯干货
基于配置生成页面有个最大的缺陷是不够灵活,只要需求有点变动就要修改生成方法,比如前提表格都是文字,那你配置文件里面只要配置字段名就行了,但如果表格里面要显示图片,麻烦就来了,你要在配置文件里面加个类型,然后改动生成逻辑,如果如上图所示还要再表格里加个按钮,我估计你头都要大了。按照设计模式来说,这种方式违反了开闭原则。对于前端的小伙伴来说,最常见的工作就是写后台管理系统的页面,而后台管理系统最多的操作就是CRUD了,类似下面的,一个搜索框,一个表格,一个分页,然后点击新增编辑有个弹框。原创 2023-08-16 09:58:43 · 592 阅读 · 0 评论 -
极简Vue3教程--Pinia状态管理
Pinia(发音为/piːnjʌ/,如英语中的“peenya”)是最接近piña(西班牙语中的菠萝)的词;Pinia开始于大概2019年,最初是作为一个实验为Vue重新设计状态管理,让它用起来像组合式API(Composition API)。从那时到现在,最初的设计原则依然是相同的,并且目前同时兼容Vue2、Vue3,也并不要求你使用Composition API;Pinia本质上依然是一个状态管理的库,用于跨组件、页面进行状态共享(这点和Vuex、Redux一样);原创 2023-03-03 14:28:08 · 1400 阅读 · 0 评论 -
极简TypeScript教程--面向对象
我们可以声明类的属性:在类的内部声明类的属性以及对应的类型,如果类型没有声明,那么它们默认是any的;类中可以有自己的函数,定义的函数称之为方法;在TypeScript中,类的属性和方法支持三种修饰符: public、private、protected,public 修饰的是在任何地方可见、公有的属性或方法,默认编写的属性就是public的;这就是面向接口开发;枚举类型是为数不多的TypeScript特性有的特性之一:枚举其实就是将一组可能出现的值,一个个列举出来,定义在一个类型中,这个类型就是枚举类型;原创 2023-02-21 15:14:20 · 1417 阅读 · 0 评论 -
极简TypeScript教程--高级类型
传入给一个联合类型的值是非常简单的:只要保证是联合类型中的某一个类型的值即可,但是我们拿到这个值之后,我们应该如何使用它呢?在JavaScript开发中,函数是重要的组成部分,并且函数可以作为一等公民(可以作为参数,也可以作为返回值进行传递),我们可以编写函数类型的表达式(Function Type Expressions),来表示函数类型;联合类型是由两个或者多个其他类型组成的类型,表示可以是这些类型中的任何一个值,联合类型中的每一个类型被称之为联合成员。联合类型(Union Type)原创 2023-02-21 10:22:26 · 1177 阅读 · 0 评论 -
极简TypeScript教程--数据类型
TypeScript最大的特点就是有类型检测,格式为这样msg这个变量就有了字符串类型,如果再给他赋值为数字类型,就会在编译期报错。原创 2023-02-17 14:30:23 · 1195 阅读 · 0 评论 -
极简TypeScript教程--简介及环境搭建
JavaScript所拥有的特性,TypeScript全部都是支持的,并且它紧随ECMAScript的标准,所以ES6、ES7、ES8等新语法标准,它都是。TypeScript提供最新的和不断发展的JavaScript特性,包括那些来自2015年的ECMAScript和未来的提案中的特性,比如异步功能和。使用现有的JavaScript代码,包括流行的JavaScript库,并从JavaScript代码中调用TypeScript代码;类型是可选的,类型推断让一些类型的注释使你的代码的静态验证有很大的不同。原创 2023-02-17 09:48:15 · 1206 阅读 · 0 评论 -
uniapp实战(三) -- 小程序微信登录
小程序微信登录的核心是围绕着openId来的,对于每个用户在这个小程序中都有一个唯一的openId来标识用户的身份,但是出于安全考虑,小程序是无法获得openId的,只能获得code,把这个code传给后台,后台根据code,appid,appsecret去获取openid,然后用这个openid来跟用户进行绑定,这样通过code-openid-用户信息的方式,小程序只需要传给后台code就能获取到用户的信息了。原创 2022-09-15 11:03:24 · 2322 阅读 · 0 评论 -
uniapp实战(二) -- 注册小程序,UniApp设置
登录进去后在开发-开发管理里面找到AppID和生成AppSecret,这两个信息很重要,需要记录下来。拿到AppId后,打开uniapp中的manifest.json,进行配置。然后选择小程序,注册小程序需要使用邮箱,一个邮箱只能绑定一个小程序。如果这个小程序不止一个开发者,可以在成员管理-项目成员中添加开发者。填写完成后进行邮箱激活,然后输入个人信息进行注册。微信小程序的管理在微信公众平台进行,点击右上角立即注册进行注册。以后登录只需要用微信扫码即可。原创 2022-09-14 11:48:28 · 2906 阅读 · 0 评论 -
uniapp实战(一) -- 自定义导航栏
首先来看下导航栏结构,红色框叫状态栏,小程序和APP有,h5则没有,蓝色部件叫导航栏,绿色部分叫胶囊按钮,只有小程序有。原创 2022-09-06 16:50:22 · 6934 阅读 · 0 评论 -
极简flex布局
flex布局flex布局又称弹性布局,是一种新型的布局方式,相比传统的div+float布局,使用更为简单,功能更为强大,对于不需要太考虑浏览器兼容性的后台管理系统,H5,APP是布局的第一选择。开启弹性布局在容器上加上display:flex就能开启弹性布局,该容器就被称为flex container,第一层子元素则是flex item.我们用以下代码讲解<html> <body> <div class="container"> <d原创 2022-05-11 17:03:49 · 1982 阅读 · 1 评论