- 博客(100)
- 收藏
- 关注
RSS订阅原创 TypeScript-泛型
即可声明一个泛型参数,整个函数中(参数、返回值、函数体) 的变量都可以使用该参数的类型。即可声明一个泛型参数，接口里的其他成员都能使用该参数的类型。即可声明一个泛型参数,接口里的其他成员都能使用该参数的类型。需要访问一些特定类型的数据才有的属性。1️⃣ 找到可变的类型部分通过泛型。语法：在类型别名type的后面使用。2️⃣ 泛型实现的基本方法是什么？指在定义接口，函数等类型的时候，3️⃣ 泛型约束的作用是什么？1️⃣ 泛型的好处是什么？的一种特性，使用泛型可以。使用的时候再指定类型。在使用泛型的时候，把。
2024-05-23 14:36:25
362
原创 TypeScript-类型断言
⚠️ 类型断言只能够【欺骗】TypeScript 编译器，无法避免运行时的错误。当开发者比TS本身更清楚当前的类型是什么，可以使用。让类型更加精确和具体。
2024-05-23 14:19:41
67
原创 TypeScript-类型推论和any类型
变量被注解为any类型之后，TS会忽略类型检查，错误的类型赋值不会报错，也不会有任何提示。在TS中存在类型推断机制，在没有给变量添加类型注解的情况下，TS也会给变量提供类型。any 使用的越多，程序可能出现的漏洞越多，因此不推荐使用 any 类型，
2024-05-23 14:13:13
74
原创 TypeScript-字面量类型
作为类型对变量进行类型注解，这种类型就是字面量类型，字面量类型比普通的类型。字面量类型在实际应用中通常和。，提供一个精确的可选范围。联合类型结合起来使用。
2024-05-23 14:08:38
150
原创 TypeScript-type注解对象类型
在TS中对于对象数据的类型注解，除了使用interface之外还可以使用类型别名来进行注解，作用类似。同名的interface会合并(属性取并集，不能出现类型冲突)，同名type会报错。都能实现继承，interface 使用 extends，type 配合交叉类型&type 除了能描述对象还可以用来自定义其它类型。在注解对象类型的场景下非常相似，推荐。)可以模拟继承，同样可以实现类型复用。使用type,type更加灵活。类型别名配合交叉类型(
2024-05-23 13:58:08
80
原创 TypeScript-interface接口类型
一旦注解接口类型之后对象的属性和方法类型都需要满足要求，属性不能多也不能少。对属性进行可选标注，赋值的时候该属性可以缺失，如果有值必须保证类型满足要求。前端使用后端数据：渲染后端对象数组列表时的智能提示。前端向后端发送数据：收集表单对象数据时的类型校验。在TS中使用interface接口来描述。实现接口继承，实现类型复用。
2024-05-23 13:49:23
163
原创 TypeScript-函数类型
js中没有返回值，默认返回undefined,在 TS 中 void 和 undefined 不是一回事，undefined 在 TS 中是一种明确的简单类型，如果指定返回值为 undefined，那返回值必须是 undefined 类型。Js 中有些函数只有功能没有返回值，此时使用 void 进行返回值注解，明确表示函数没有函数值。表示当前参数可传可不传，一旦传递实参必须保证参数类型正确。注解有两种方式，参数和返回值分开注解和函数整体注解。指给函数添加类型注解，本质上就是给函数的。对函数起到说明的作用。
2024-05-23 13:41:23
147
原创 TypeScript-联合类型和别名类型
给写起来较复杂的类型起一个其它的名字。type 类型别名 = 具体类型。其中类型别名的命名采用规范的。好处：用来简化和复用类型。多个类型合并为一个类型。
2024-05-23 13:30:49
88
原创 TypeScript-类型注解
2️⃣ 可以提示数组的属性和方法而且也可以提示成员的属性和方法。1️⃣ 可以限制变量类型为数组而且可以限制数组成员的类型。完全按照JS的类型(小写)书写即可。只能被赋值为约定好的类型。添加类型约束，使变量。
2024-05-23 13:24:59
97
原创 TypeScript-搭建编译环境
基于工程化的TS开发模式( webpack / vite ),TS 的编译环境已经内置，无需手动安装配置。1️⃣ 全局安装 typescript 包（编译引擎） -> 注册 tsc 命令。( 浏览器 / Nodejs )中运行的，最终还需要经过。1️⃣ 浏览器中能直接运行TypeScript代码吗？2️⃣ 哪个包可以负责把TS代码编译为JS代码？3️⃣ 实际工作中需要我们手动编译代码吗？TypeScript 编写的代码是。命令生成 demo.js 文件。运行 js 文件查看效果。
2024-05-23 13:08:33
223
原创 TypeScript-初识
是具有类型语法的JavaScript，是一门强类型的编程语言。1️⃣ 静态类型检查，提前发现代码错误。2️⃣ 良好的代码提示，提升开发效率。变量不能做随意类型赋值。用来开发中大型的项目。
2024-05-23 13:00:33
73
1
原创 Vue3.x 版本的生命周期钩子函数
setup() 开始创建组件之前，在beforeCreate和created之前执行。创建的是data和method//必须先引用再使用import {onBeforeMount,onMounted,onUpdated,onBeforeUnmoun,onUnmounted} from 'vue'//组件挂载到节点上之前执行的函数onBeforeMount() //组件挂载完成后执行的函数 onMounted()//组件更新之前执行onBeforeUpdate(...
2020-11-08 15:56:23
7676
原创 在vscode 快速创建代码片段 之 vue3.x（自用供参考）
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are: //...
2020-11-08 11:58:21
2656
1
原创 ES6(2)
目录8. Es6中的函数和数组补漏9. Es6中的对象10. Symbol在对象中的作用(对元素的保护作用）11. set和WeakSet数据结构12. map数据结构13.proxy 代理8. Es6中的函数和数组补漏//对象的函数结构jsonlet json ={ a:'vivi', age:18, b:"薇薇"}function fun({a,b}){ console.log(a,b)//vivi 薇薇}fun(j..
2020-05-31 20:22:13
444
原创 ES6(1)
1.实时刷新1.项目初始化npm init2.安装cnpm i -g live-server3.启动live-server2.查找字符串indexOf()let blog = `向暖lalallzenm hdjhd糖糖shd`document.write(blog.indexOf('糖糖')==-1)//false
2020-05-30 08:27:34
198
原创 ES6的开发环境
1. 项目初始化npm init -y2. 全局安装babel-clinpm install -g babel-clinpm install --save-dev babel-preset-es2015 babel-cli3. 在根目录下创建.babelrc{ "presets": [ "es2015" ], "plugins": []}4. 转换输出babel src/index.js -o dist/index.js5...
2020-05-28 21:14:10
272
原创 Next.js 入门 (3)
11. 自定义Head更加友好的SEO操作import Head from 'next/head'export default function Header() { return ( <div> <Head> <title>今天星期四</title> <meta charSet="utf-8"/> ...
2020-05-28 15:28:47
290
原创 Next.js 入门(2)
目录6. 路由跳使用query传递参数和接受参数6. 路由跳使用query传递参数和接受参数Next 只能用query传递参数标签跳转Demo传递对象编程式跳转Demo
2020-05-27 08:05:22
245
原创 Next.js 入门(1)
目录1.什么是Next.js2.手动创建项目3.脚手架create-next-app快速搭建项目4. Next.js的Page和Component使用5.路由的标签跳转和编程跳转1.什么是Next.jsSPA：单页面应用React，Vue 单一页面，首页加载过慢，不能SEONext.js服务器端渲染（ssr）优点：搭建起来非常轻松 自带数据同步 丰富的插件，自己形成了生态 灵活的配置2.手动创建项目创建项目文件夹 npm init 项目初始化（默认）.
2020-05-27 07:32:23
1076
原创 2.JSX的基本使用
1.creatElement()的问题繁琐不简洁 不直观，无法一眼看出所描述的结构 不优雅，用户体验不爽2.JSX简介JSX是javsScript XML的简写，表示在javaScript代码中写XML(HTML)格式的代码优势：声明式语法更加直观，与HTML结构相同，降低了学习成本，提升开发效率JSX 是React 的核心内容3.使用步骤使用JSX语法创...
2020-04-16 12:56:13
246
原创 1.React基础
1.什么是React?React 是一个用户构建用户界面的JavaScript库。用户界面：HTML页面（前端）React主要用来写HTML页面，或构建web应用如果从MVC 的角度来看，React 仅仅是视图层（v），也就是只负责视图的渲染，而并非提供了完整的M 和C 的功能。起源于Facebook的内部项目，后又用来架设Instagram的网站，并于2013年5月开源2.Re...
2020-04-16 12:38:21
111
原创 ajax封装
var _url = 'http://xxxx'/* * AJAX针对所有的数据类型的函数 * * @param {type} sync 是否异步传输 默认是true是异步。 false就是同步传输 * @param {type} cache 是否开启缓存 * @param {type} type ajax的传输类型 POST 或 GET * @param {type} ur...
2020-03-11 16:09:04
120
原创 微信小程序-学习笔记
1.text 文本1⃣️显示连续空格<p><text space='ensp'>11</text></p><p><text space='emsp'>11</text></p><p><text space='nbsp'>111</text></p&...
2019-11-04 07:29:47
196
原创 微信小程序-请求封装
//import request from '../../utils/network.js'export const host = ''; // 域名let lock =trueexport default function request(opt){ return new Promise((resolve,reject)=>{ if (opt.isLock) { ...
2019-08-24 10:46:06
235
原创 表单：登录 注册页面
from :双标签，一般在此标签里面放置其他标签（表单元素==表单控件）:输入框，密码输入框，按钮，复选框，单选框，文件上传表单元素基本上都是input标签结合type属性来使用表单：提交数据信息提交的数据其实提交的是表单元素里面的value属性值form标签：action:信息提交的路径（后台，服务器）现在暂时用后台文件代替（java,php);method:提交...
2019-08-11 09:05:34
3375
1
原创 截取字符串substr和substring两者的区别
substr和substring两个都是截取字符串的。两者有相同点：如果只是写一个参数，两者的作用都是一样的：就是截取字符串当前下标以后直到字符串最后的字符串片段。不同点：第二个参数substr（startIndex,lenth）： 第二个参数是截取字符串的长度（从起始点截取某个长度的字符串）；substring（startIndex, endIndex）： 第二个...
2019-08-10 21:14:26
1853
原创 微信小程序-更换头像
<!-- 更换头像 --> <view class="updown-image" bindtap='upload'> <view class="personal-img"> <image src="{{head}}" mode="aspecFill"></image> </view> ...
2019-07-30 23:43:32
3484
2
原创 微信小程序-文本超出字符数量出现省略号
-当行文本(建议设置一个宽度，默认为100%).name{ width: 319rpx; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; word-break:break-all;...
2019-07-28 19:44:14
4909
原创 微信小程序-实现三级联动-省市区
<view class="online-con"> <text><text style="color:red;">*</text>收 货 地 址：</text> <text class="online-text" bindtap="selectArea" style="color:#646464; ">{{v...
2019-07-28 17:41:42
1678
1
原创 微信小程序-radio单选按钮选中与取消状态切换
<label catchtap='checkedTap'> <radio checked="{{checked}}" style="color:#969696;font-size:28rpx;">设为默认地址</radio></label>/* 自定义 radio 样式 */radio .wx-radio-input{ ...
2019-07-28 17:29:27
10097
1
原创 js基础-网页特效-001-自动刷新页面
实例描述有一些具有实效特点的网页，譬如股票价格，外汇牌价等，有这样的客户需求：定时自动刷新网页，把最新数据展示给客户，那么这样的效果如何实现呢？javaScript 里有一个 reload() 函数可以实现这样的效果；实现代码<!DOCTYPE html><html lang="en"><head> <meta charse...
2019-05-11 22:08:55
431
原创 网页标题添加ico图标
效果展示：1.制作ico图标http://www.bitbug.net/2.把生成的favicon.ico图标放到根目录下3.在head标签内引入 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">...
2019-04-29 08:59:33
893
原创 响应式和自适应的区别
自适应：百分比布局，宽度使用百分比，文字使用em，现在也很多使用rem了，也就是所谓的高清方案；响应式：据屏幕的大小自动的调整页面的展现方式，以及布局；区别：两种方式的解决问题是不一样的；自适应是为了解决如何才能在不同大小的设备上呈现相同的网页； 响应式的概念应该是覆盖了自适应，但是包括的东西更多了。响应式布局可以根据屏幕的大小自动的调整页面的展现方式，以及布局...
2019-04-13 09:28:06
5644
原创 用纯css实现loading图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-04-11 10:20:24
1013
原创 02.jQuery 选择器及应用
1.选择器案例a.点击按钮，设置层中的显示内容为：这是一个层，同时设置这个层的背景颜色(id选择器);<input type="button" value="好听的歌" id="btn"><div id="dv"></div>// 点击按钮，设置层中的显示内容为：这是一个层，同时设置这个层的背景颜色 // (id选择器);...
2019-04-07 12:31:56
378
原创 01.jQuery:介绍和体验
1.什么是javaScript库javaScript框架库：就是一个普通的js文件，封装了很多的很多的函数，封装了很多的兼容的代码；常见的框架库prototype,YUI,Dojo,ExtJS,jQuery等，这些库对javaScript进行了封装，简化了开发，这些库都是对javaScript的封装，内部都是JavaScript实现的；ps：有的需要花钱，有的做的并不是很好，...
2019-04-07 09:58:35
128
原创 36.Vue.js :Vuex
Vuex 是什么？Vuex 是一个针对Vue.js 开发的状态管理模式。说简单一点就是一个工具，可以管理（修改或设置）所有组件用到的数据，而不需要借助之前的event bus 或props在组件间传值。Vuex使用场景大型单页应用程序，存在多组件共享数据的时候，需要用到store(一个容器对象，存储Vuex 中的state.mutations,actions,actions,...
2019-04-07 06:00:34
129
原创 35.Vue.js :路由安全守卫
main.js//注册一个全局守卫，作用是在路由跳转前，对路由进行判断，防止未登录的用户跳转到其他页面去router.beforeEach((to, from, next) => { let token = localStorage.getItem('myToken'); //如果已经登录不干涉你，让你随便访问 if (token) {...
2019-04-04 15:00:54
359
微信小程序两种方式连接wifi，复制密码/一键连接
2023-07-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人