基于HTML+JS实现简单的年龄计算器

目录前言演示效果HTML代码CSS代码Javascript代码演示地址前言在线演示地址:http://haiyong.site/age-calculatorJavaScript提供了一些内置的日期和时间函数,有助于从日期(出生...

Vue中接收二进制文件流实现pdf预览的方法

后台Controller
@RequestMapping("/getPDFStream")@ResponseBodypublic void getPDFStream(HttpServletRequest request,HttpServletResponse response) { try { request.s...

JavaScript中var与let的区别

目录1.作用域表现形式不同2.是否变量提升的区别3.暂时性死区上的区别4.在同一个上下文中var可以重复声明,let不行前言:var是JavaScript刚出现时就存在的变量声明关键字,而let作...

JavaScript实现栈结构详细过程

目录一、认识栈结构二、栈结构封装三、十进制转化为二进制一、认识栈结构
我们知道数组是一种常见的数据结构,并且可以在数组的任意位置插入和删除数据,但是有时候,我们为了实...

JavaScript流程控制(分支)

目录一、流程控制二、顺序流程控制三、分支流程控制 if 语句1、分支结构
2、 if 语句
3、 if else语句(双分支语句)
4、if else if 语句(多分支语句)
四、三元表达式五、分支...

Vue 使用超图SuperMap的实践

目录前言相关资料vue项目引入二维超图超图二维案例引库vue 引入 3D 超图第一种导入地形图和影像加载 S3M 图层添加 MVT 图层前言怎么讲呢,稀里糊涂的接了个电话,稀里糊涂的收...

React实现一个通用骨架屏组件示例

目录骨架屏是什么?Demo设计思路具体实现骨架屏是什么?
找到这里的同志,或多或少都对骨架屏有所了解,请容许我先啰嗦一句。骨架屏(Skeleton Screen)是一种优化用户弱网体验的方案...

Node.js中的events事件模块知识点总结

通过对Node的学习及应用,我们知道NodeJS其采用单线程、事件驱动、非阻塞I/O等架构设计,非常适用于高并发、I/O密集型应用。1. 什么是事件驱动?
事件驱动,简单来说就是通过有效方...

vue-admin-template 动态路由的实现示例

提供登录与获取用户信息数据接口
在api/user.js中import request from '@/utils/request'const Api = { TakeOut: '/student/students/takeOut/', LoginIn: '/student/stu...

Vue3生命周期函数和方法详解

 1. 概述所谓生命周期函数,就是在某一条件下被自动触发的函数。2. VUE3 生命周期函数介绍2.1 beforeCreate在 VUE 实例生成之前会自动执行的函数2.2 created在 VUE 实例生成...

js实现数组的扁平化

目录数组扁平化的方式1.使用flat()2.使用正则3.使用reduce()+concat()4.使用函数递归5.使用扩展运算符+concat()总结数组扁平化的方式什么是数组扁平化?数组扁平化:指将一个多...

TypeScript基础类型介绍

目录1.基础类型2.对象类型2.1数组
2.2元组
2.3对象
3.类型推断3.1类型联合中的类型推断
3.2上下文类型
4.类型断言TS 的静态类型可以人为的分为两类:基础类型:像布尔值(boolea...

TypeScript接口介绍

目录1.接口的定义2.属性2.1可选属性
2.2只读属性
3.类类型3.1继承接口
4.函数类型前言:
TS的核心原则之一就是对所具有的结构 进行类型检查。接口的作用就是为这些类型命名和...

TypeScript 装饰器定义

目录1.概念1.1定义
1.2装饰器工厂
1.3装饰器组合使用
1.4装饰器求值
2.类装饰器3.方法装饰器4.访问器装饰器5.属性装饰器6.参数装饰器前言:
装饰器Decorator 在ECMAScript中...

一篇文章让你看懂Js继承与原型链

目录继承与原型链继承属性继承方法在 JavaScript 中使用原型性能附:原型链是实现继承的主要方法总结继承与原型链当谈到继承时,JavaScript 只有一种结构:对象。每个实例对象(obj...

Javascript基础学习之十个重要问题

目录1.什么是Javascript?2.什么是DOM3. JS代码如何执行4. ==和===之间的区别5.Null(空值)与Undefined(未定义)6. Var vs Let vs Const7.变量提升(Hoisting)8.全局变量与局部...

详解Vue新增内置组件的使用

目录一、Teleport1.1 Teleport 介绍1.2 使用 Teleport1.3 预览效果二、Suspense2.1 介绍 Suspense2.2 使用 Suspense2.3 预览效果总结一、TeleportTeleport 官方文档1.1 Tel...

JavaScript数组去重和扁平化函数介绍

目录1、数组扁平化(又称数组降维)方法一:使用 reduce 方法方法二:栈2、数组去重方式一:Set(ES6)方式二:reduce方法三:filter1、数组扁平化(又称数组降维)flat() 方法会按照一个可指定的...

使用JS操作文件(FileReader读取--node的fs)

目录JS读取文件 FileReader文档事件和方法基本使用事件处理node操作文件(readfile)文件读取是一个异步操作使用Promise文件的写入JS读取文件 FileReaderFileReader 对象允许...

TypeScript中的函数

目录1.函数定义1.1JavaScript中的函数
1.2TypeScript中的函数
2.可选参数和默认参数3.剩余参数1.函数定义
1.1JavaScript中的函数
在学习TypeScript中的函数前我们先来回顾...

vue px转rem配置详解

目录方法一一、配置与安装步骤:
方法二方法三总结方法一一、配置与安装步骤:
1、在 Vue 项目的 src 文件夹下创建一个 config 文件夹:
2、在 config 文件夹中创建 rem.js:

3、...

TypeScript 泛型的使用

目录1.简单的使用2.在函数中使用泛型3.在类中使用泛型4.在泛型约束中使用类型参数前言:
在JavaScript中,封装一个API可以具有多种用途,因为其实弱类型语言,但是就因为是弱类型可...

TypeScript命名空间讲解

目录1.定义和使用1.1定义
1.2使用
2.拆分为多个文件3.别名前言:
命名空间namespace在TypeScript1.5版本之前是叫做内部模块 ,那是因为ES6中的模块还没有称为正式标准,在ES6提出...

JavaScript实现双向链表过程解析

目录一、什么是双向链表二、双向链表的封装三、双向链表的常用操作1、append(element)方法-----向列表尾部添加一个项2、将链表转化为字符串形式3、insert(position,element)...

JQuery选择器详解

目录基本选择器:层级选择器:属性选择器:过滤器选择器:表单属性选择器:总结选择器类似于CSS的选择器,可以帮助我们获取元素基本选择器:选择器:类似于 CSS 的选择器,可以帮助我们获取元...

TypeScript中函数重载写法

目录1. 函数签名2.函数重载2.1 重载签名是可调用的
2.1 实现签名必须是通用的
3.方法重载4. 何时使用函数重载5.总结前言:大多数函数接受一组固定的参数。但有些函数可以接受...

avue-crud多级复杂的动态表头的实现示例

目录前言后台数据拼接前台数据展示页面效果展示Avue.js 是基于现有的element-ui库进行的二次封装,从而简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格...

强烈推荐!Vue3.2中的setup语法糖

目录前文1.什么是setup语法糖2.使用setup组件自动注册3.使用setup后新增API3.1 defineProps3.2 defineEmits3.3 defineExposevue3项目如何开启setup语法糖总结:前文作为一个...

TypeScript枚举类型

目录1.概述2.数字枚举2.1反向映射
3.字符串枚举4.const枚举5.总结1.概述
所谓的枚举类型就是为一组数值赋予名字。enum类型在C++、Java语言中比较常见,TypeScript在JavaScrip...

Javascript 虚拟 DOM详解

目录什么是虚拟 dom?为什么需要虚拟dom?虚拟dom是如何转换为真实dom的?模板和虚拟dom的关系注入挂载完整流程总结什么是虚拟 dom?虚拟 dom 本质上就是一个普通的JS对象(mounted...

TypeScript中的类

目录1.概述2.定义一个简单的类3.继承4.public、private、protected修饰符4.1getters与setters
5.readonly修饰符6.静态成员7.抽象类8.类与接口1.概述
类这个概念基本是所有...

小程序实现Token生成与验证

目录流程演示小程序端后端接口流程每次请求接口携带token,进行验证
1.验证成功则返回接口数据
2.验证失败(token过期),小程序重新请求生成新的token,然后请求之前的接口
key值:...

node.js中PC端微信小程序包解密的处理思路

目录小程序的源码在哪里PC端小程序是怎么被加密的解密思路预处理加密后的头部部分加密后的尾部部分再漂亮点commanderchalk源代码原来发布在掘金,搬过来好了。微信小程序在PC...

avue实现自定义搜索栏及清空搜索事件的实践

目录1、自定义搜索栏内容2、自定义搜索按钮对搜索栏进行自定义,并通过按钮实现折叠搜索栏效果。自定义效果如下:
折叠前:

折叠后:
1、自定义搜索栏内容其实也简单,只要在对应的v...

使用fileReader的一个坑及解决

目录关于fileReader的一个坑fileReader在ios上面的坑(图片转base64)关于fileReader的一个坑在用fileReader做图片浏览时,使用base64格式var file=this.$refs.resource.files[0]...

在Vue页面中如何更优雅地引入图片详解

目录错误示范通过computed当图片不变的时候直接引入通过css变量切换图片通过css绘制总结在我们写vue项目中肯定会用到各种图片,那么如何更好的使用图片资源呢。这里我讲一下...

Javascrip基础之for循环和数组

目录循环-forfor循环基本使用退出循环循环嵌套数组数组是什么数组的基本使用遍历数组操作数组总结循环-forfor循环基本使用for循环语法:重复执行代码好处:把声明起始值、循环...

24个实用JavaScript 开发技巧

目录1. 初始化数组2. 数组求和、求最大值、最小值3. 过滤错误值4. 使用逻辑运算符5. 判断简化6. 清空数组7. 计算代码性能8. 拼接数组9. 对象验证方式10. 验证undefined和nu...

详解JavaScript对象转原始值

目录Object.prototype.valueOf()Object.prototype.toString()Symbol.toPrimitive对象转换原始值1. 预期被转换成字符串类型2. 预期被转换成数字类型3. 预期被转换成默认类型...

HTML+jQuery实现简单的登录页面

目录简介公共代码(后端接口)示例1:最简(纯HTML)代码测试示例2:HTML+jQuery(form data)代码测试示例3:HTML+jQuery(json)代码测试简介本文用示例展示简单的登录页面的写法。会包...

js利用FileReader读取本地文件或者blob方式

目录FileReader读取本地文件或blob一、FileReader的使用二、FileReader的方法三、FileReader的属性四、FileReader的事件使用FileReader读取本地磁盘文件问题FileReader读取...

一文了解什么是TypeScript?

目录1.JavaScript的问题2.TypeScript的优势3.TypeScript的缺点4.TypeScript的运行环境5.作用域问题前言:
TypeScript是JavaScript的超集,它可以编译成纯JavaScript代码。那为...

TypeScript联合类型,交叉类型和类型保护

目录1.联合类型2.交叉类型3.类型保护3.1自定义类型保护
3.2typeof 类型保护
3.3instanceof类型保护
1.联合类型
所谓的联合类型就是定义一些类型,定义的变量只需要满足任意一...

JavaScrip String对象的方法

目录String对象的方法方法一: indexOf() (推荐)方法二: search()方法三:match()RegExp 对象方法方法四:test()方法五:exec()总结String对象的方法方法一: indexOf() (推荐)v...

详解vue element plus多语言切换

目录前言如何实现多语言切换 ?1、安装包vue-i18n2、在src目录下新建如图:3、 在main.js中4、在vue文件中使用如何动态切换语言并更改elementUI语言 ?1、利用vuex,在mutations中...

vuex的核心概念和基本使用详解

目录介绍开始安装
①直接下载方式
②CND方式③NPM方式④Yarn方式NPM方式安装的使用方式
store概念及使用概念:定义使用mutations概念及使用概念:使用:定义使用action概念及使用...

详解Vue3的响应式原理解析

目录Vue2响应式原理回顾Vue3响应式原理剖析嵌套对象响应式避免重复代理总结Vue2响应式原理回顾// 1.对象响应化:遍历每个key,定义getter、setter// 2.数组响应化:覆盖数组原型...

Vue data中随意改一个属性,视图都会更新吗?

面试官:看过 Vue 的源码没? 候选者:看过。 面试官:那你说下 Vue data 中随意更改一个属性,视图都会被更新吗? 候选者:不会。 面试官:why? 候选者:如果该属性...

手机安装GreasyFork油猴js脚本的教程

目录前言一、Iceraven浏览器(火狐)(安卓)二、(安卓)三、(苹果)(安卓)四、kiwi浏览器(安卓)前言Icaraven浏览器与kiwi浏览器的界面和功能基本相同
Iceraven支持火狐插件,kiwi...

返回顶部
顶部