江闲-CSDN博客

原创 typescript的学习

之前学习的是js，所有本文的学习也是和js对比来看的Ts在定义字符串前，多了一个String最大的不同：TS必须指定数据类型，为变量指定了类型，就只能给该变量设置相同类型的值二、数据类型1.js原有的boolean类型、number类型、string类型、array类型、undefined、null2.ts新增加的tuple类型（元组类型）TS中数组元素类型必须一致，如果需要不同元素，可以使用元组enum类型（枚举类型）any类型（任意类型）特殊类型：void类

2022-12-05 10:17:59 189 2

原创大概是vue3的学习记录

新公司项目是用的vue3，之前一直使用的vue2，咸鱼被迫学习新东西，免得被拍死在沙滩上引入的不是vue构造函数，而是createApp工厂函数然而，创建实例对象其实就相当于vue2中的vm，mount（‘#app’）就相当于$mount(‘#app’)代码如下（示例）：2.常用Composition API1. setup函数（入口）理解：Vue3.0中一个新的额配置项，值为一个函数setup是所有Composition API(组合api) “表演的舞台”组件中所用到的：数据、方法等等，均要配

2022-12-05 09:43:38 288

原创遇到的一些面试题

ES5的5种：Null，undefined，Boolean，Number，String， ES6新增：Symbol表示独一无二的值 ES10新增：BigInt 表示任意大的整数一种引用数据类型：（本质上是由一组无序的键值对组成）Object。包含Object、Array、 function、Date、RegExp。 JavaScript不支持创建任何自定义类型的数据，也就是说JavaScript中所有值的类型都是上面8中之一。在 if 语句中 null 和 undefined 都会转为false两者用相等运

2022-06-01 20:47:13 216

原创初识vue组件

组件是什么？组件是可复用的Vue实例，把一些公共的模块抽取出来，然后写成单独的工具组件或者页面，在需要的页面中就直接引入即可，实现应用中局部功能代码和资源的集合当应用中的功能都是多组件的方式来编写的，那这个应用就是一个组件话的应用Vue中使用组件的三大步骤一、定义组件(创建组件)二、注册组件三、使用组件(写组件标签)一、如何定义一个组件？使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别。区别

2021-12-31 10:42:06 120

原创第一章：Vue核心

文章目录前言一、什么是Vue1.Vue的特点2.Vue的基本使用3.MVVM模型二、模板语法1.插值语法2.指令语法三、内置指令与自定义指令常用内置指令自定义指令三、事件处理绑定监听事件的基本使用事件修饰符按键修饰符四、Vue监视数据Vue中的数据代理数据绑定单向数据绑定双向数据绑定过滤器计算属性与监视1.计算属性-computed2.监视属性-watch深度监视：3.computed和watch之间的区别：class与style绑定class 绑定style 绑定渲染条件渲染列表渲染收集表单数据面试题：r

2021-12-17 17:28:01 320

原创 npm的介绍说明

一、什么是npmnpm(全称Node Package Manager,即 node 包管理器)是Node.js默认的、以JavaScript编写的软件包管理系统npm来分享和使用代码已经成了前端的标配官网： npm拥有超过一百万个软件包，是世界上最大的软件注册表安装完毕node后，会默认安装好npmnpm本身也是基于Node.js 开发的软件下载：http://Node:http://nodejs.cn因为npm默认是国外地址下载，所以会很慢，这时候就要学会npm的镜像设置与查看，转化为国

2021-12-15 15:17:39 2255

原创 git分支

几乎每一种版本控制系统都以某种形式支持分支。使用分支意味着你可以从开发主线上分离开来，然后在不影响主线的同时继续工作。在很多版本控制系统中，这是个昂贵的过程，常常需要创建一个源代码目录的完整副本，对大型项目来说会花费很长时间。master主分支在初始化本地Git仓库的时候，Git默认已经帮我们创建了一个名字叫做master的分支不再主分支上修改代码而是在master创建的分支上修改代码，将修改好的代码合并到主分支上------- 功能分支 ---------专门用来开发新功能的分支，当新功能开发

2021-12-15 15:01:41 61

原创开源和Github的使用介绍

目录一、开源1.什么是开源？2.什么是开源许可协议？2.1 5种常见的开源许可协议2.2.为什么要拥抱开源？3.开源项目托管平台二、Github1.什么是Github2.使用Github2.1注册Github 账号2.2新建空白远程仓库2.2.1 远程仓库的两种访问方式2.2.2 基于HTTPS将本地仓库上传到 Github2.3生成 SSH key2.3.1 配置 SSH key2.3.2 检测 Github 的 SSH key 是否配置成功2.3.3 基于 SSH 将本地仓库上传到 Github2.4将

2021-12-15 14:52:48 753

原创关于 HTTP

HTTP协议简介通信通信，就是信息的传递和交换，通信三要素:●通信的主体●通信的内容●通信的方式通信协议通信协议(Communication Protocol)是指通信的双方完成通信所必须遵守的规则和约定。客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议(HyperText Transfer Protocol)简称HTTP协议。HTTP协议HTTP协议即超文本传送协议(

2021-12-15 14:52:10 1591

原创 form表单

文章目录一、form表单是什么？二、表单的属性三、表单的同步提交通过Ajax提交表单数据一、form表单是什么？表单在网页中主要负责数据采集功能，HTML中的标签，就是用于采集用户输入的信息，并通过标签的提交操作，把采集到的信息提交到服务器端进行处理表单的组成部分：表单标签：< form> < /form>表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等表单按钮：buttom二、表单的属性action 规.

2021-12-13 17:48:38 1758 2

原创面向对象编程ES6

文章目录前言一、ES6新增语法1.let2.const3.var， let ，const 区别解构赋值箭头函数剩余参数二、ES6 的内置对象扩展总结前言一、ES6新增语法1.letlet关键字就是用来声明变量的使用let关键字声明的变量具有块级作用域在一个大括号中使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的防止循环变量变成全局变量使用let关键字声明的变量没有变量提升使用let关键字声明的变量具有暂时性死区特性2.constco

2021-12-13 17:30:32 828

原创数据可视化项目【三】数据切换效果模块

系列文章目录第一章：数据可视化项目基础配置第二章：数据可视化项目Echarts图表模块第三章：数据可视化项目数据切换效果模块文章目录系列文章目录监控区域-效果切换功能：动画功能：销售统计( sales )-切换效果实现步骤：订单区域（order）-效果实现步骤：热销排行（top）-效果实现思路：监控区域-效果切换功能：绑定标签页点击事件当前容器加active其他容器移除activeindex对应的内容容器显示其他容器隐藏 // 切换 $(".monitor .ta

2021-12-07 16:56:49 413

原创数据可视化项目【二】Echarts图表模块

系列文章目录第一章：数据可视化项目基础配置第二章：数据可视化项目Echarts图表模块第三章：数据可视化项目数据切换效果模块文章目录系列文章目录概览区域(overview)监控区域(monitor)点位区域(point)地图区域 (map)用户统计 (users)订单区域(order)销售统计( sales )渠道区域&销售进度渠道分布(channel)销售进度 (quarter)热销排行(top)总结概览区域(overview)监控区域(monitor)点位区域(poin

2021-12-07 16:47:54 1208

原创数据可视化项目【一】基础配置

项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta

2021-12-02 11:21:29 1150

原创用jq做购物网站购物车模块

文章目录全选：代码展示：增减商品数量：代码展示：修改商品小计：代码展示：计算总计和总额：代码展示：删除商品模块：代码展示：选中商品添加背景：代码展示：全选：1.全选思路：里面3个小的复选框按钮（j-checkbox）选中状态（checked）跟着全选按钮（checkall）走。2.因为checked 是复选框的固有属性，此时我们需要利用prop()方法获取和设置该属性。3.把全选按钮状态赋值给3小复选框就可以了。4.当我们每次点击小的复选框按钮，就来判断：5.如果小复选框被选中的个数等于3 就

2021-11-27 10:15:05 613

原创用js创建对象的方式做贪吃蛇

项目要求： 1. 在页面地图上显示一个食物的方块盒子, 位置是随机显示的.2. 需要盒子被蛇吃后要消失, 并且重新随机生成新的食物盒子3. 在页面上初始化一条蛇长3个食物宽度, 并且初始化移动方向是向右4. 让蛇可以在页面上移动5. 让蛇吃掉食物后, 身体变长效果展示：代码展示： <div class="content"> <div class="btn startBtn"><button></button>&lt

2021-11-23 10:40:52 96

原创用js做购物界面的常用效果

文章目录1.实现导航栏中“下载App”，和“购物车”,的下拉效果效果展示：代码展示：2.实现侧边导航栏中商品显示效果效果展示：代码展示：3.轮播图效果效果展示：代码展示：4.固定右侧侧边栏效果展示：代码展示：5.跳转登录注册界面效果展示：代码展示：1.实现导航栏中“下载App”，和“购物车”,的下拉效果效果展示：经过【下载APP】图片盒子显示代码展示： <li class="san"> <a href="JavaScript:;"> 下载app</a>

2021-11-23 10:33:31 3176

原创用javascript做网页轮播图

文章目录网页轮播图：功能需求：动图展示：代码分析：主题结构部分：样式设置：交互效果：引用缓动动画（图片滚动的效果）网页轮播图：轮播图也称为焦点图，是网页中比较常见的网页特效。功能需求：1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 3.图片播放的同时，下面小圆圈模块跟随一起变化。 4.点击小圆圈，可以播放相应图片。 5.鼠标不经过轮播图，轮播图也会自动播放图片。 6.鼠标经过，轮播图模块，自动播放停止

2021-11-09 20:00:32 2493

原创 Web APIs—— DOM

文章目录前言一、DOM二、操作元素第一步：获取元素，获取元素方法？根据ID获取根据标签名获取元素H5新增获取元素方式获取特殊元素（body，html）第二步：事件（事件源，事件类型，事件处理程序）三、操作元素内容四、元素属性操作4.1.设置属性4.2.移除属性四、节点(元素)操作1.通过元素查找节点(元素)2.创造节点（元素，标签）3.添加节点4.移除总结前言文档对象模型（Document Object Model，简称DOM），是 W3C组织推荐的处理[可扩展标记语言]（html或者xhtml）的.

2021-11-06 09:22:14 120

原创 Web APIs——添加表格内容

目标：能够创建和添加节点#题目描述：用户在页面上点击按钮,可以把文本框中的数据在表格的新的一行中显示具体表现如下图：训练提示：1.按钮注册单击事件2.获取并判断文本框的内容4.创建行并添加到tbody中5.创建列，并设置内容6.把列添加到行中代码示例：css样式设置 <style> table { width: 500px; text-align: center; }

2021-10-30 09:04:41 587

原创 JavaScript——对象

文章目录前言一、自定义对象1.利用字面量创建对象2.利用 new Object 创建对象3.利用构造函数创建对象二、内置对象1.Math对象2.日期对象3.数组对象4.字符串对象总结前言在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）一、自定义对象1.利用字面量创建对象花括号 {

2021-10-19 11:01:28 95 2

原创 JavaScript基础

文章目录1 、运算符（操作符）1.1 运算符的分类1.2 算数运算符1.3 递增和递减运算符1.4 比较运算符1.5 逻辑运算符1.6 赋值运算符1.7 运算符优先级2 - 流程控制2.1 流程控制概念2.2 顺序流程控制2.3 分支流程控制2.4 三元表达式2.5 switch分支流程控制1 、运算符（操作符）1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较

2021-10-09 19:35:01 128 2

原创用javascript 做简易ATM

案例描述程序根据输入的序号执行相应的业务处理逻辑 :1.存款 2.取款 3.查看余额 4.取卡里面现存有 100 块钱。如果存钱，就用输入钱数加上先存的钱数, 之后弹出显示余额提示框如果取钱，就减去取的钱数，之后弹出显示余额提示框如果显示余额，就输出余额如果退出，弹出退出信息提示框如果不输入或者错误输入则弹窗提示:你的输入的业务序号有误,请重新输入!案例代码片段: var rmb=100; while (true) { var a

2021-10-09 16:07:18 394

原创移动web开发之rem布局

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录移动web开发之rem布局一、rem基础rem单位二、媒体查询1. 什么是媒体查询2.媒体查询语法规范2.1. mediatype 查询类型2.2. 关键字2.3. 媒体特性2.4. 媒体查询书写规则三、 less 基础1.维护css弊端2. Less 介绍2.1Less安装2.2Less 使用之变量2.3Less 嵌套2.4Less 运算三、 rem适配方案rem实际开发适配方案总结：移动web开发之rem布局一、rem

2021-09-18 08:57:15 72 2

原创移动端WEB开发之响应式布局

文章目录一、移动端WEB开发之响应式布局1.0 响应式开发原理1.1 响应式布局容器二、bootstrap的介绍2.1Bootstrap简介2.2 bootstrap优点2.3 版本简介2.4bootstrap基本使用2.5 bootstrap布局容器2.6 bootstrap栅格系统一、移动端WEB开发之响应式布局1.0 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备

2021-09-08 19:34:26 91

原创移动web开发——flex布局

文章目录一、pandas是什么？二、使用步骤1.引入库2.读入数据总结提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarni

2021-08-31 09:14:38 125

原创 2D旋转与3D转换

文章目录一、2D转换1.移动： translate2.旋转： rotate3.缩放： scale4.2D 转换综合写法以及顺序问题5.动画(animation)5.1.定义动画5.2.使用动画5.3.动画常见属性5.4.动画简写方式二、3D转换1.3D位移：translate3d(x, y, z)2.3D旋转：rotate3d(x, y, z)3.透视：perspctive4.3D呈现 transfrom-style一、2D转换2D转换是改变标签在二维平面上的位置和形状1.移动： translat.

2021-08-17 10:31:19 1386 3

原创浮动与清除浮动

文章目录前言一、浮动1.语法：2.浮动特性3.浮动元素经常和标准流父级搭配使用4.浮动布局注意点二、清除浮动1.语法：2.清除浮动本质3.清除浮动的多种方式3.1、额外标签法3.2、父级添加 overflow 属性3.3、父级添加after伪元素3.4、父级添加双伪元素总结为什么需要浮动有很多的布局效果标准流没有办法完成，此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式.为什么需要清除浮动？1. 父级没高度。2. 子盒子浮动了。 3. 影响下面布局了，我们就应该清除浮动了。前言很.

2021-08-12 15:30:30 127 1

elktime的博客