- 博客(35)
- 收藏
- 关注
RSS订阅原创 Node.js的REST简介以及express框架
MySQL支持多种类型，大致可以分为三类:数值、日期/时间和字符串(字符）类型。1.mysql中编码和字符在mysql中，一个中文汉字所占的字节数与编码格式有关:·如果是GBK编码，则一个中文汉字占2个字节，英文占1个字节·如果是UTF8编码，则一个中文汉字占3个字节，而英文字母占1字节。比如定义某个字段数据类型为: varchar(32)，表示这个可以存储32个字符，此时表示的是字符，所以跟中英文无关，也就是该字段可以存储32个中文，或者是32个英文，或者是32个中文和英文的混搭都行。
2022-09-19 19:46:40
535
1
原创 GET/POST请求、WEB模块
大多数Web服务器都支持服务端的脚本语言(Java、C#、php、python)等，并通过脚本语言从数据库获取数据，将结果返回给客户端浏览器。比如上传文件，而很多时候我们可能并不需要理会请求体的内容，恶意的POST请求会大大消耗服务器的资源，所以node.js 默认是不会解析请求体的，当你需要的时候，需要手动来做。POST请求的内容全部的都在请求体中，http.ServerRequest并没有一个属性内容为请求体，原因是等待请求体传输可能是一件耗时的工作。GET（地址栏请求 直接通过URL请求）
2022-09-15 18:41:17
241
转载 Node基础
Node.js是运行在服务器端的JavaScriptNode.js 是一个基于Chrome JavaScript运行时建立的一个平台。Node.js,是一个事件驱动IO服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
2022-09-13 20:13:36
336
原创 TS装饰器、混入Mixins、TS模块、命名空间
除了传统的面向对象继承方式，还流行一种通过可重用组件创建类的方式，就是联合另一个简单类的代码。你可能在Scala等语言里对mixins及其特性已经很熟悉了，但它在JavaScript中也是很流行的。
2022-09-12 20:23:55
481
原创 1其他补充类型
map.values()-返回一个新的lterator对象，包含了Map对象中每个元素的值。map.delete()-删除Map 中的元素，删除成功返回true，失败返回false。map.keys()-返回一个lterator对象，包含了Map对象中每个元素的键。map.get()-返回键对应的值，如果不存在，则返回undefined。map.has()-返回一个布尔值，用于判断Map中是否包含键对应的值。map.clear()-移除Map对象的所有键/值对。应用场景:解决函数重载问题。
2022-09-12 20:11:17
87
原创 TypeScript的函数、类
抽象类作为其他派生类的基类使用，他们一般不会直接被实例化抽象类是专门定义那些不希望被外界直接创建的类抽象类和接口一样用于约束子类。
2022-09-08 19:24:58
303
原创 TypeScript基础介绍
TypeScript是JavaScript的一个超集,支持ECMAScript 6标准。TypeScript由微软开发的自由和开源的编程语言。TypeScript设计目标是开发大型应用，它可以编译成纯JavaScript，编译出来的JavaScript 可以运行在任何浏览器上TypeScript是一种由微软开发的自由和开源的编程语言。它是Javascript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
2022-09-07 16:09:17
400
原创 Promise
只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果，这时就称为 resolved（已定型）。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。1.什么是Promise。
2022-09-03 17:30:36
79
原创 Symbol的使用
Symbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是JavaScript中的第七种数据类型，与undefined、null、Number（数值）、String（字符串）、Boolean（布尔值）、Object（对象）并列。使用Symbol()创建一个Symbol类型的值并赋值给a变量后，你就得到了一个在内存中独一无二的值。使用Symbol函数可以生成一个Symbol类型的值，但是你不能在调用Symbol时使用new关键字，因为Symbol是基本数据类型，而不是对象。
2022-09-02 19:46:24
398
原创 bootstrap
1. Bootstrap 简介bootstrap 是一种崭新的增广样本统计方法，为解决小样本问题提供了很好的思路。它是非参数统计中一种重要的估计统计量方差进而进行区间估计的统计方法。可以通过多种方法来建立 bootstrap 的数据生成过程 (DGP)。所谓的 bootstrap DGP 是对未知的 「真实 DGP」的一种估计。如果 bootstrap DGP 在某种意义上接近真实的 DGP，那么由 bootstrap DGP 生成的数据将与真实 DGP 生成的数据相似(如果已知的话)。
2022-08-19 19:14:24
1042
原创 Axios的介绍和Ajax的封装
xhr.responseXML -------------------------------responseXML ：如果响应的内容类型是 "text/xml" 或 "application/xml" ，这个属性中将保存包含着响应数据的 XML DOM 文档。xhr.responseText---------------------------------responseText ：作为响应主体被返回的文本。已经调用 open() 方法，但尚未调用 send() 方法。尚未调用 open() 方法。...
2022-08-16 15:17:17
231
原创 Ajax初学
要求为String类型的参数，只有当请求时dataType为"jsonp"或者"script"，并且type是GET时才会用于强制修改字符集(charset)。要求为Boolean类型的参数，默认设置为true，所有请求均为异步请求。要求为Function类型的参数，发送请求前可以修改XMLHttpRequest对象的函数，例如添加自定义HTTP头。要求为Boolean类型的参数，默认为true（当dataType为script时，默认为false），设置为false将不会从浏览器缓存中加载请求信息。...
2022-08-15 23:43:14
64
原创 jQuery事件
prepend()prepend()方法是在被选元素的最前面添加新元素。before()before()方法是在被选元素的前面添加新元素。afterafter()方法是在被选元素的后面添加新元素。注：以上四种方法都可以一次添加多个元素；添加的元素以参数的形式植入，以逗号隔开jQuery添加元素通过JavaScript操作DOM,来实现获取页面元素,做一些修改等,同样的利用jQuery也可以操作DOM.append(方法在被选元素的结尾插入指定内容添加元素append()append()方法是在。.....
2022-08-15 18:14:02
269
原创 jQuery笔记
jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。轻量级:封装后的库只有不到100k，下载的时候很快强大选择器:方便快速查找DOM元素隐式遍历(迭代):一次操作多个元读写合一:读数据/写数据用的是一个函数链式调用:可以通过.不断调用jQuery对象的方法·事件处理DOM操作(CUD)·样式操作动画浏览器兼容·丰富的插件支持jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意: jQuer
2022-08-11 20:23:44
72
原创 BOM对象、JavaScript事件
Bom对象：window对象：浏览器窗口对象Navigator：浏览器对象Screen：浏览器所处客户端的显示屏屏幕对象History：浏览器当前窗口的访问历史对象记录Location：浏览器当前窗口的地址栏对象每个对象都有对应的属性和方法，通过这些属性和方法我们可以获取浏览器的信息。...
2022-08-09 17:33:03
169
原创 JavaScript事件
事件通常与函数配合使用，这样就可以通过发生的事件来驱动函数执行。注意：事件名称大小写敏感。若是事件监听方式，则在事件名的前面取消on。
2022-08-08 22:29:10
267
原创 JS函数预解析、作用域、dom对象
函数的预解析，声明函数预解析时候整个页面都被提升到scrpit的标签上面，赋值式的预解析函数整个页面都被提，升到scrpit的标签上面,后面的赋值函数忽略作用域全局作用域：整个页面，只有页面关闭时，全局作用域才会失效局部作用域:全局作用域有划分出小范围的作用域,函数内部可以创建局部作用域,到目前为止,也只有函数内部可以创建局部变量...
2022-08-06 19:37:38
155
原创 JS数组和函数的调用
将字符串类型的数组进行降序排列，先使用sort()然后再使用reverse()进行倒序。2.利用函数的返回值来解决：将函数中的某一个结果在函数的外获取到。2.将数组中的元素进行反转，不使用reverse()函数。进行升序，先将数组中的元素转换成字符串之后再进行升序。shift()：删除数组中的第一个元素并返回。concat():将某个元素添加到数组的末尾。函数定义，函数名后边的参数，形参（形式参数）pop():删除数组中的最后一个元素并返回。push():向数组的末尾添加一个元素。修改成带有返回值的函数。.
2022-08-04 17:57:39
223
原创 常用的内置对象
注意：Math 对象是一个固有的对象，无需创建它，直接把 Math 作为对象使用就可以调用其所有属性和方法。这是它与Date,String对象的区别。Math对象，提供对数据的数学计算。
2022-08-02 19:46:43
196
原创 html和css项目总结
计划达到的目标是使用以上技术还原音悦Tai的页面及效果，结果还是比较不错的，所要求的效果都已完成，登录页面是根据自己的想法做的，想到了纯色的背景比较单调，于是加上了背景图片。此次项目中也是遇到了一些问题，通过询问组长以及组员得到了解决，认知了自己的技术水平的高度，让我也知道了团队协作的重要性，虽然这次项目是个人项目，但没有组长组员的帮助下，可能完成任务的进度会缓慢，通过这次项目我更加熟练掌握了css预处理器sass，grid网格和变量属性的使用。相对定位会依照父元素设置的宽高。...
2022-08-01 20:30:36
192
原创 JS基础知识
什么是变量变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据为什么要使用变量使用变量可以方便的获取或者修改内存中的数据变量的声明变量的赋值。
2022-08-01 19:07:26
141
原创 弹性布局和Grid布局
但flex布局和Grid布局有实质的区别，那就是flex布局是一维布局，Grid布局是二维布局。Grid布局是将容器划分成了“行”和“列”，产生了一个个的网格，我们可以将网格元素放在与这些行和列相关的位置上，从而达到我们布局的目的。应该注意的是，当我们定义网格时，我们定义的是网格轨道，而不是网格线。3flex-flow||flex-direction和flex-wrap的简写。项目默认沿主轴排列。......
2022-07-26 17:06:53
222
原创 SCSS的混合器、占位符、继承
当你的代码中需要用到大段大段重用样式代码的时候，可以通过SCSS的混合器实现大段样式的重用。混合器使用@mixin定义。使用混合器利用混合器，可以很容易地在样式表的不同地方共享样式。如果发现自己在不停地重复一段样式，那就应该把这段代码构造成优良的混合器，尤其是这段样式本身就是一个逻辑单元，比如说就是一组放在一起有意义的属性。如果你的整个网站中有几处小小的样式类似（例如一致的颜色和字体)，那么使用变量来统一处理这种情况是非常不错的选择。...
2022-07-25 16:43:27
2247
原创 SCSS基本使用
Sass就是css的器，Scss是Sass3版本中引入的新语法特性sass让人们受益的一个重要特性就是它为css引入了变量。你可以把反复使用的css属性值定义成变量，然后通过变量名来引用它们，而无需重复书写这一属性值。或者，对于仅使用过一次的属性值，你可以赋予其一个易懂的变量名,让人一眼就知道这个属性值的用途。sass使用$符号来标识变量(老版本的sass使用!来标识变量。改成$是多半因为lhighlight-color看起来太丑了。...
2022-07-23 17:17:24
407
原创 transform动画
2D的transform应用在x和y轴上，而3D的则多了一条z轴。transform属性可以让元素实现变形，旋转，缩放等视觉效果。3D变化3D是以2D变化为基础的，只是增加了一个z轴。这条z轴是可以看做一个虚拟垂直与屏幕的坐标轴，它代表在元素的远近距离。其中正值代表离屏幕越近，负值代表离屏幕越远。...
2022-07-22 19:25:54
585
原创 CSS过渡动画
transition是css3新增的⼀个功能，可以实现元素不同状态间的平滑过渡（当元素从⼀个状态进⼊到另⼀个状态时），经常⽤来制作⼀些动画效果。之前元素->元素hover状态直接切换，从开始状态到结束状态，瞬间完成，中间过程⼏乎不可⻅。过渡从开始状态到结束状态的中间过程可以查看格式transition过渡的属性完成时间(s)运动曲线延迟时间transitiontransition包含以下四个属性transition-property过渡属性。...
2022-07-21 18:18:01
12193
原创 CSS盒圆角、阴影、边界图片、背景
border-image-repeat图片边框是否应该平铺(repeat)/铺满(round)/拉伸(stretch)(针对切片图像)3.border-box背景图片的摆放以content区域为参考。1.content-box背景图片的摆放以border区域为参考。不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。border-image-outset边框图像区域超出边框的量。border-image-width图片边框的宽度。...
2022-07-21 17:23:46
178
原创 掌握JS的localStrage和sessionStorage
随着互联网的快速发展,基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足日益更新的需求，会经常性的在本地设备上存储数据，例如记录历史活动信息。传统方式使用document.cookie来进行存储，但是由于其存储的空间只有4KB左右，并且需要复杂的操作进行解析，给发开者带来很多不便，为此，HTML5规范提出了本地存储的解决方案。HTML5的本地存储解决方案中定义了两个重要的APIWebStorage和本地数据库WebSQLDatabase。本章将重点讲述WebStorage的基本用法。...
2022-07-19 18:24:58
640
原创 HTML5、JS实现拖动图片
在上面的例子中，ondrag'tart属性调用了一个函数，drag(ev)。它规定了被拖动的数据。默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。默认地，无法将数据/元素放置到其他元素中。如果需要设置允许放置，我们必须阻止对元素的默认处理方式。ondragover事件规定在何处放置被拖动的数据。ondragover事件规定在何处放置被拖动的数据。规定当元素被拖动时，会发生什么。...
2022-07-19 17:07:39
137
原创 SVG阴影-渐变
SVG 阴影，SVG 渐变 - 线性，SVG 渐变- 放射性1、在css中可以通过 box-shadow: inset 0 0 8px #f00 的方式去设置内阴影2、在svg中应该怎么实现呢？这就不得不说svg中的滤镜功能，这里只谈内阴影的制作，至于其他的滤镜请自行百度搜索学习。...
2022-07-18 16:48:25
176
原创 SVG实现动画效果
SVG中提供三种常用动画标记 基础动画 形变动画 路径动画SVG动画使用方式 创建动画，告诉动画标记哪个元素需要执行动画 创建元素，在元素中说明需要执行什么动画SVG动画属性 attributeType: CSS/XML规定的属性值的名称空间 attributeName: 规定元素的哪个属性会产...
2022-07-18 14:09:00
6749
原创 HTML5新特性 画布Canvas
Canvas是HTML5的一个新特性，canvas又叫做画板。Canvas本身是一个HTML元素，需要HTML元素的配合高度和宽度属性而定义出的一块可绘制区域，定义区域之后可被用来通过JavaScript来绘制图形及图形动画.
2022-07-15 17:32:20
416
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人