- 博客(18)
- 收藏
- 关注
原创 Vue连更(一)
一、Vue简介1.1.1. 官网1. 英文官网: https://vuejs.org/2. 中文官网: https://cn.vuejs.org/1.1.2. 介绍与描述1. 动态构建用户界面的渐进式 JavaScript 框架2. 作者: 尤雨溪1.1.3. Vue 的特点1. 遵循 MVVM 模式 2. 编码简洁, 体积小, 运行效率高, 适合移动/PC 端开发 3. 它本身只关注 UI, 也可以引入其它第三方库开发项目1.1.4. 与其它 JS 框架的关联1.
2022-05-05 15:44:38 228
原创 TypeScript(二)
三、TypeScript 常用类型8、接口当一个对象类型被多次使用时,一般会使用接口(interface)来描述对象的类型,达到复用的目的。1. 使用 interface 关键字来声明接口。2. 接口名称(比如,此处的 IPerson),可以是任意合法的变量名称。3. 声明接口后,直接使用接口名称作为变量的类型。4. 因为每一行只有一个属性类型,因此,属性类型后没有 ;(分号)。interface(接口)和 type(类型别名)的对比: 相同点:都可以给对象指定类型。 不同.
2022-04-02 20:40:14 856
原创 TypeScript(一)
一、介绍TypesScript1、TypeScript是什么TypeScript(简称:TS)是 JavaScript 的超集(JS 有的 TS 都有)。 TypeScript = Type + JavaScript(在 JS 基础之上,为 JS 添加了类型支持)。 TypeScript 是微软开发的开源编程语言,可以在任何运行 JavaScript 的地方运行。关系图:2、TypeScript 为什么要为 JS 添加类型支持?JS 的类型系统存在“先天缺陷”,JS 代码中绝大部
2022-03-27 17:32:14 1283
原创 大事件项目api_server
一、初始化1.1创建项目新建api_server文件夹作为项目根目录,并在项目根目录中运行如下的命令,初始化包管理配置文件:npm init -y 运行如下的命令,安装特定版本的express:npm i express@4.17.1 在项目根目录中新建app.js作为整个项目的入口文件,并初始化如下的代码: // 导入 express 模块const express = require('express')// 创建 express 的服务器实例const app = ex...
2022-03-21 18:12:07 4376 7
原创 在项目中操作MySQL
3. 插入数据的便捷方式在项目中操作数据库的步骤① 安装操作 MySQL 数据库的第三方模块(mysql)② 通过 mysql 模块连接到 MySQL 数据库③ 通过 mysql 模块执行 SQL 语句1、安装mysql数据库模块mysql 模块是托管于 npm 上的第三方模块。它提供了在 Node.js 项目中连接和操作 MySQL 数据库的能力。 想要在项目中使用它,需要先运行如下命令,将 mysql 安装为项目的依赖包:npm istall mysql2、配置my
2022-03-13 15:38:30 921
原创 MySQL数据库基础
关系型数据库:关系型数据库是建立在关系模型基础上的数据库,简单来说,关系型数据库是有多张能互相联系起来的二维表组成的数据库优点:1、都是使用表的结构,格式一致,易于维护。2、使用通用的SQL语言操作,使用方便,可用于复杂查询。3、数据储存在磁盘中,安全。SQL简介:英文:Structured Query Language 简称SQL结构化查询语言,一门操作类型关系库的编程语言定义操作所有关系型数据库的统一标准对于同一需求,每种数据库操作方式可能会存在一些不一样的地
2022-03-12 15:00:23 1209
原创 Node.js服务端开发总结(三)------express基础
一、express1、初识expressExpress 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。 通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的。 Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法。Express 的中文官网: http://www.expressjs.com.cn/注:使用 Node.js 提供的原生 http 模块在不使用ex
2022-03-07 22:08:13 863 1
原创 Node.js服务端开发总结(二)
一、模块的使用在计算机程序的开发过程中,随着程序代码越写越多,在一个文件里代码就会越来越长,越来越不容易维护。为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式。(一个js文件就是一个模块)模块的最大好处:大大提高了代码的可维护性,方便。优点:防止命名冲突。代码复用。高维护性。规范:CommonJS 的 Modules 规范: NodeJsES6 模块化规范 import ... ...
2022-03-01 18:18:24 497
原创 Node.js服务端开发总结(一)
一、Node简介Node是什么Node.js是基于Chrome的V8 JavaScript引擎构造的JavaScript运行环境。Node.js不是一门新语言,也不是一个框架或者一个库,而是一个软件。用来运行JavaScript。官网:https://nodejs.org/en/中文官网:https://nodejs.org/zh-cn/安装Node...
2022-02-28 18:25:46 1239
原创 Java程序设计基础
一、Java语言概述java语言特点:1.简单易学 2.面向对象 3.平台无关性 4.分布式 5.可靠性 6.安全性 7.支持多线程 8.支持网络编程 9.编译与解释并存面向对象与面向过程的区别:面向过程:优点:性能比面向对象高,因为类调用时需要实例化,开销比较大,比较消耗资源;比如单片机、嵌入式开发、Linux/Unix等一般采用面向过程开发,性能是最重要的因素。缺点:没有面向对象易维护、易复用、易扩展。面向对象:优点:易维护、易复用、易扩展,由于面向对象有封装、继承、多态
2022-02-26 15:58:48 638
原创 AJAX介绍与使用
一、AJAX简单介绍1.1、传统网站中存在的的问题(1)、网速慢的情况下,页面加载的时间长,用户只能等待。(2)、表单提交后,如果一项内容不合格,需要从新填写所有表单内容。(3)、页面跳转,重新加载页面,造成资源浪费,增加用户等待时间。AJAX:是浏览器提供的一套方法,可以实现页面无刷新更新数据,提高用户浏览网站应用体验。1.2、应用场景(1)、页面上拉,加载更多数据。(2)、列表数据无刷新分页。(3)、表单项离开焦点数据验证。(4)、搜索框展示文字下拉列表。优势
2021-11-15 17:59:43 791
原创 Echarts数据可视化总结
本周内容1、数据可视化的基本知识储备2、Echarts的基本使用3、代码实现一、数据可视化的基本知识储备1.1、数据可视化的概念和作用(1)将数据以图标的形式呈现(2)更有效地传达数据中的信息常见的可视化工具报表类BI类编程类1.2、Echarts的介绍Echarts是一个使用Javascript实现的开源可视化库,兼容性强底层依赖矢量图形库ZRender,提供直观,交互丰富,可提高个性化定制的数据可视化图表。官网地址:http://echarts.a
2021-10-23 20:04:39 5305
原创 ES6(一)
目录一、ES6变量声明二、ES6拼接字符串的方式三、解构语法四、对象的简化写法五、函数参数默认值和参数解构六、rest参数和拓展运算符七、箭头函数一、ES6变量声明1.1var的弊端:var有预解析,在变量声明之前可以使用,否则会报错。var可以重复定义var(ES5没有块级作用域)ES5有全局作用域,函数作用域for循环中的全局变量污染问题1.2ES6的关键字(1)letlet取消预解析,变量声明可以提升,必须声明后使用let不可以重
2021-09-05 17:26:38 221
原创 移动端完结
本周总结1、rem适配方案22、响应式开发布局3、移动端总结一、rem适配方案2flexible.js+remflexible.js将页面分为10等分,因为其中增加了js成分,所以当屏幕变化时,比例不变。因此我们需要做的就是设置html的字体大小比如当前设计稿是750px,那么我们只需要把html大小设置为75px(750px/10)就可以。里面页面元素rem值:页面元素的px值 / 75。剩余的,让flexible.js去算。二、响应式开发布局2.1什么是Boo
2021-08-27 22:24:11 84
原创 移动端Web开发rem适配布局
本周总结:1、rem单位介绍2、媒体查询3、less基础4、rem适配方案一、rem单位介绍rem (root em)是一个相对单位,类似于em,em是父元素字体大小,而rem基准于HTML元素的字体大小。优点:可以通过修改HTML里面的文字大小改变页面中元素大小。可以使整体得到控制。二、媒体查询2.1媒体查询概念:媒体查询( Media Query)是CSS3新语法。可以针对不同的媒体类型定义不同的样式,可以针对不同的屏幕尺寸设置不同的样式。当你重置..
2021-08-15 19:20:55 134
原创 移动端开发基础
本周学习内容:1、移动端基础2、二倍图和多倍图3、移动端技术性内容4、流式布局一、移动端基础视口(Viewport):显示页面布局的屏幕区域1、布局视口(lay viewport):在PC端上,布局视口等于浏览器窗口的宽度。而在移动端上,由于要使为PC端浏览器设计的网站能够完全显示在移动端的小屏幕里,此时的布局视口会远大于移动设备的屏幕,就会出现滚动条。2、视觉视口(visual viewport):用户正在看到的网页的区域。用户可以通过缩放来查看网站的内容。如果用户缩小网站
2021-08-08 19:30:33 195
原创 CSS3-3D转换
本周总结:1、动画常见属性总结2、3D转换一、动画常见属性总结animation-name: 名称;animation-duration: 时间;animation-timing-function:运动曲线; linear 匀速;ease-in 低速开始;ease-out 低速结束;ease-in-out 低速开始低速结束;steps( 数字)分几步走完animation-delay: 动画延迟时间;animation-iteration-count: 动画持续次数;...
2021-08-01 19:15:49 114
原创 暑假第一周
实习过后的第一个星期,也就意味着暑假生活也就正式开始了,而我也要继续我的小组学习。本周学习重点:1、完成华为官网2、2D转换3、动画一、完成华为官网期末考试之前剩下的华为官网只剩下轮播图部分的点击响应事件和产品展示部分的细节问题。首先第一个要解决的问题是轮播图点击响应:运用js和JQuery相结合当点击向右箭头时num加一,同时发生淡入淡出的效果。第二个就是商品展示部分:当鼠标进入时图片变大同时字体上移黑色盒子显示。我运用的是css和JS解决一系列问题用伪类 (:hov.
2021-07-25 20:37:13 107
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人