- 博客(51)
- 收藏
- 关注
RSS订阅原创 vue基础
1.什么是Vue.jsVue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。2.Node（后端）中的 MVC 与 前端中的 MVVM 之间的区别:MVC 是后端的分层开发概念；MVVM是前端视图层的概念，主要关注于 视图层分离，也就是说：MVVM把前端的视图层，分为了 三部分 Model, View ,- VM ViewModel3.举例i说明：eg:<!DOCTYPE html><html lang="en">
2020-08-02 22:43:57
176
原创 express框架
1.Express 的介绍：(1).Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。使用 Express 可以快速地搭建一个完整功能的网站。(2).Express 框架核心特性：可以设置中间件来响应 HTTP 请求。定义了路由表用于执行不同的 HTTP 请求动作。可以通过向模板传递参数来动态渲染 HTML 页面。2…安装 Express:(1).在新建的项目文件夹里面shift+右键打开黑窗口
2020-08-01 12:04:14
162
原创 mongodb----基本使用
一，关于数据库的基本了解：数据库分为两种：（1）.关系型数据库；（2）.非关系型数据库。mongodb 是非关系型数据所以主要说说非关系型数据库：nosql，区别于应用于RDBMS（关系型数据库）的SQL（结构化查询语言）。SQL主要用于结构化存储的数据的查询与分析操作。而nosql支持类似sql的功能，但是与之相比没有那么多约束，显得更灵活。二，nosql通常泛指非关系型数据库，通常分为以下四大类：(1).键值(Key-Value)存储数据库这一类数据库主要会使用到一个哈希表，这个表
2020-07-19 22:31:01
175
原创 node----基础（文件和服务）
1.对文件开始操作前先引入node模块： const fs=require('fs') //引入fs模块2.fs.stat -----检测是文件还是目录eg:fs.stat("./html", (err, data) => { if (err) { console.log(err); return; } console.log(`是文件：${data.isFile()}`); console.log(`是目录：${data.isDirectory()}`);
2020-07-12 21:46:00
199
1
原创 set和map
一.Set:1.Array和Set对比:都是一个存储多值的容器，两者可以互相转换区别如下:Array的indexOf方法比Set的has方法效率低下Set不含有重复值（可以利用这个特性实现对一个数组的去重）Set通过delete方法删除某个值，而Array只能通过splice。两者的使用方便程度前者更优Array的很多新方法map、filter、some、every等是Set没有的（但是通过两者可以互相转换来使用）2.创建set类型:let set = new Set()3.Set
2020-07-05 23:29:03
150
原创 数组常用API整理
1.arr.valueOf() // 返回值为该对象的原始值var arr=[1,2,3,4,56,6];2.arr.toString() // 返回数组内容的字符串表示形式 const arr = [1, 2, 3, 4, 56, 6]; console.log(arr.toString()); //1,2,3,4,56,63.String(arr) // 将数组中每个元素转为字符串，并用逗号连接。 const arr = [1, 2, 3, 4, 56, 6]; c
2020-07-05 21:56:49
768
1
原创 深入了解Symbol
一.Symbol的介绍：Symbol 是一种特殊的、不可变的数据类型，可以作为对象属性的标识符使用。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。symbol 数据类型是一个原始数据类型。eg:let obj = { a: 1}等同于对象格式：Object { key: value}在ES5的时代，对象的key只能是字符串String类型。把key改成其他数据类型？ES就指定了一个新的数据类型：Symbol。二.使用：
2020-06-29 20:05:08
330
原创 箭头函数和普通函数的对比
一.基本语法ES6 允许使用“箭头”（=>）定义函数var f = v => v// 等同于var f = function (v) { return v}可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采用箭头=>来定义函数。函数的参数放在=>前面的括号中，函数体跟在=>后的花括号中。二.箭头函数的参数1、如果箭头函数没有参数，直接写一个空括号即可:var f = () => 5// 等同于var
2020-06-27 22:52:22
788
原创 TS入门
一.了解TS:TS:TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持，它由 Microsoft 开发，代码开源于 GitHub 上。它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。优点:(1).TypeScript 是 JavaScript 的超集，.js 文件可以直接重命名为 .ts 即可(2).即使没
2020-06-21 14:53:21
194
原创 AJAX请求的步骤
一.原生JS请求:1.创建异步对象:var xhr = new XMLHttpRequest();2.设置 请求行 open(请求方式，请求url):// get请求如果有参数就需要在url后面拼接参数，// post如果有参数，就在请求体中传递 xhr.open("get","validate.php?username="+name)xhr.open("post","validate.php");3.设置请求（GET方式忽略此步骤）头:setRequestHeader():// 1.g
2020-06-14 23:10:51
204
原创 JS对象属性的四大特征
一.四大特征分别是:valuevalue:值,//实际存储属性值writablewritable:true,//控制值(value)是否可修改,默认是true可修改的enumerableenumerable:true，//控制是否可用for in遍历到默认是true,即使不能for in，用"."也能访问configurable//控制是否可以修改其他特性，是否可以删除属性，修改不可逆转默认是true；二.访问和修改:1.访问语法: Object.getOwnPropertyDes
2020-06-14 21:36:41
302
原创 JS-----构造函数的个人理解
一.JS函数:函数简单的说就是重复执行的代码块。函数是这样的一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。(1).函数的定义方式：1.声明式函数定义： function 函数名 （）{}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在这个作用域内，你都可以调用这个函数为你所用。2.函数表达式：let fun = function(){}; 此方式定义的函数，只能在该作用域中，这段赋值代码执行之后
2020-06-08 00:31:03
102
原创 浅层理解Ajax
一.什么是Ajax?(1).AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。(2).AJAX只是是一个前端技术，不是一个新的语言。它是利用浏览器提供操作HTTP的接口(XMLHttpRequest或者ActiveXObject)来操作HTTP以达到异步的效果。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）AJAX 是一种用于创建快速动态网页的技术通过在后台与服务
2020-06-07 23:20:41
99
原创 JQuer中对extend的理解
一.理解：1.extend()是jQuery中一个重要的函数，主要的作用是实现对对象的扩展。2.通常我们使用jquery的extend时，大都是为了实现默认字段的覆盖，即若传入某个字段的值，则使用传入值，否则使用默认值。eg:var obj1 = { name: 'Tom', age: 21} var obj2 = { name: 'Jerry', sex: 'boy'} $.extend(obj1, obj2); // {name: "Jerry", a
2020-06-06 14:45:06
218
原创 关于网络协议的理解
一.网络基本概念:OSI模型:(1).OSI 模型(Open System Interconnection model)是一个由国际标准化组织,提出的概念模型,试图?供一个使各种不同的计算机和网络在世界范围内实现互联的标准框架。(2).它将计算机网络体系结构划分为七层,每层都可以?供抽象良好的接口。了解 OSI 模型有助于理解实际上互联网络的工业标准——TCP/IP 协议。OSI 模型各层间关系和通讯时的数据流向如图所示：二.七层模型介绍:物理层：物理层负责最后将信息编码成电流脉冲或其它
2020-05-31 23:31:49
223
原创 Jquery------动画
一、show()方法和hide()方法1.show()与hide()show()：根据hide()方法记住的display属性值来显示元素。hide() : 将该元素的display样式改为 “none”。2.参数让元素动起来：调用show()和hide()相当于css(“display”,“none/block/inline”),不会有任何动画。如果希望调用元素慢慢显示/消失，则可以为show()/hide()方法指定一个速度参数.参数：slow,normal,fast,数值（以毫秒为单位
2020-05-24 23:46:57
97
原创 JQuery选择器大全
一.基本选择器:它由元素id、class、元素名、多个元素符组成。eg:<button id="btn" class="btn1">按钮</button>//获取方式:console.log($("#btn"));console.log($(".btn1"));console.log($("*"));console.log($("button"));console.log($("#btn,.btn1,button"));二.层次选择器:通过DOM元素间的层次
2020-05-17 23:34:59
232
原创 JQuery的基本介绍
一.什么是 jQuery?jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。二.jQuery 的使用使用 jQuery 的步骤:（1）引包<script type="text/javascript" src="jquery-3.3.1.js"></script>（2）入口函数 $(document).ready(function(){}
2020-05-17 23:04:13
260
原创 bootstrap的经典案例
一.tab页切换1.通过data属性可以无需写任何JavaScript来激活标签式或圆角式的导航, 只需在元素上简单的指定 data-toggle=”tab” 或 data-toggle=”pill”. 在标签 ul 添加 nav 和 nav-tabs 属性, 将应用Bootstrap标签样式.eg:<ul class="nav nav-tabs"> <li><a href="#home" data-toggle="tab">首页</a></
2020-05-11 00:17:07
2453
原创 less工具的简单操作
一.以vscode为例子使用:1.安装node.js2.安装less npm install less -g3.在VSCode中。搜索插件 Easy LESS 安装4.在项目文件中会生成.vscode文件,在里面找到settings.json,然后在里面放入这行代码即可: "less.compile": { "compress": false, // true => remove surplus whitespace
2020-05-10 22:09:19
379
原创 两种盒子模型的理解
一.先用代码和效果图来说明:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css盒模型</title></head><style type="text/css">.content { ...
2020-05-06 21:17:30
2208
2
原创 CSS3----弹性盒子
一.弹性盒子（flex布局）1.flex 是 flexible Box 的缩写，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式，任何一个容器都可以指定为 flex 布局2.当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效3.flex布局又叫伸缩布局 、弹性布局 、伸缩盒布局 、弹性盒布局采...
2020-05-06 15:54:06
161
原创 Bootstrap-----栅格系统
一.栅格系统布局:(1).Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。(2).原理:网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就...
2020-05-05 18:16:06
366
原创 bootstrap----入门使用
一.了解bootstrap:(1).bootstrap是一个前端开发时使用的框架。前端开发主要写HTML5、css3、JavaScript。而bootstrap框架主要为我们提供两个最重要的文件：bootstrap.min.css和bootstrap.min.js。(2).在bootstrap4.x版本中，bootstrap.min.js需要依赖两个文件：jquery-3.3.1.slim.m...
2020-05-05 10:59:01
286
原创 CSS全部选择器
1.标签选择器:eg:h1,p,div…2.类选择器:eg:.class名3.id选择器eg:#id名4.通配符选择器通配符选择器意思就是用一个符号来代替某些字符eg:*{color:red;}通配符选择器的权重是最低的的，因此只要有其他的定义，使用通配符选择器进行的定义的就会被覆盖。5.子元素选择器:子元素选择器用于表示某些特定的事html嵌套关系时的样式展现，...
2020-04-26 16:08:25
702
原创 CSS3----3D切换
1.3D变换使用基于2D变换的相同属性，你们发现3D变形的功能和2D变换的功能相当类似。CSS3中的3D变换主要包括以下几种功能函数： 3D位移：CSS3中的3D位移主要包括translateZ()和translate3d()两个功能函数； 3D旋转：CSS3中的3D旋转主要包括rotateX()、rotateY()、rotateZ()和rotate3d()四个功能函数； 3D缩放：CS...
2020-04-26 11:03:00
184
原创 CSS3------2D转换(transform属性)
1.2D转换对元素进行移动、缩放、转动、拉长或拉伸等操作2.2D转换的方法有:函数描述matrix(n,n,n,n,n,n)定义 2D 转换，使用六个值的矩阵translate(x,y)定义 2D 转换，沿着 X 和 Y 轴移动元素translateX(n)定义 2D 转换，沿着 X 轴移动元素translateY(n)定义 2D 转换，沿着 Y ...
2020-04-21 13:16:45
386
原创 Html5---svg
1.了解SVG:Scalable Vector Graphics (SVG) 可扩展矢量绘图，是一种用来描述二维矢量图形的XML标记语言。2.特性:SVG 可被非常多的工具读取和修改（比如记事本）SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。SVG是可伸缩的SVG 图像可在任何的分辨率下被高质量地打印SVG 可在图像质量不下降的情况下被放大SVG图像中的...
2020-04-14 20:30:29
115
原创 ES6中promise的浅理解
一.promise的理解1.Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了 Promise 对象。2.所谓 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息...
2020-04-14 09:16:03
674
原创 HTML5----新增的内容
一.HTML5的介绍:HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定，其设计目的是为了在移动设备上支持多媒体。二.HTML5新增的内容有以下:(1) .用于绘画的 canvas 元素(2).用于多媒体回放的video和audio元素(3) .对本地离线存储的更好的支持(4). 新的特殊内容元素，比如 article、footer、header、n...
2020-04-13 15:42:19
696
原创 ES6---新增知识
一.let和const声明(1).let声明具有以下4个特性:1.let声明的变量不会挂在window中，不会造成全局变量的污染2.新增了一个块级作用域{}，以前只有函数作用域，全局作用域3.let是不允许重复声明4.let不会有声明提前eg:{ let a = 10; var b = 1; var a=1;//报错 let是不允许重复声明}console.log(...
2020-03-23 14:44:09
81
原创 JS----时间线和异步
1.js时间线的理解:(1). js本是单线程执行，浏览器为几个明显的耗时任务单独开辟线程解决耗时问题（也就是 异步）(2) 时间线：浏览器在运行一个页面时，首先会初始化js的功能，当初始化初试完js这一个功能后，也就是js开始发挥作用那一刻，开始记载着这一系列浏览器要发生的过程；2.时间线的十个步骤:（1）.创建 Document 对象，开始解析Web页面；此阶段状态docume...
2020-03-12 09:12:40
138
原创 JS---笔试题
console.log("one"); setTimeout(function (){ console.log("two"); },0); console.log("three");这一题输出的结果顺序引发该为 :onethreetwo解析: setTimeout的方式(注册事件)：有两个参数，第一个参数是函数，第二参数是时间值。调用setTimeout时，把函数参数，...
2020-02-14 15:37:05
250
原创 JS---原型链
1.prototype和contructorprototype指向函数的原型对象，这是一个显式原型属性，只有函数才拥有该属性。contructor指向原型对象的构造函数。关系如下图:2. _ _proto _ _每个对象都有__proto__，它是隐式原型属性，指向了创建该对象的构造函数原型。由于js中是没有类的概念，而为了实现继承，通过 proto 将对象和原型联系起来组成原型链，就可...
2020-02-14 14:26:49
519
原创 JS---作用域链
在了解作用域链前我们需要先知道什么是作用域?1.作用域:(1).作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种（局部作用域又称为函数作用域）2.作用域链:(1)这是变量查找的原则:代码在当查找变量的时候，会先从当前上下文的变量对象中查找，如果没有找到，就会从父级(词法层面上的父级)执行上下文...
2020-02-13 13:55:20
73
原创 JS-----DOM基本操作
一.DOM对象的常用方法:如下表:方法描述getElementById()返回带有指定 ID 的元素。getElementsByTagName()返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName()返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节...
2020-01-04 15:00:50
124
原创 JS------DOM
一.DOM的介绍1.DOM是：Document Object Model W3C API标准二.DOM的节点1.整个文档是由一系列节点对象组成的树形图节点（Node）：包括元素节点，属性节点和文本节点。如图：2.节点的关系（1）父子关系node.parentNode 获得node的父节点node.childNodes 获得node的直接子代节点node.firstC...
2019-12-28 16:34:00
77
原创 JS-----预编译
一.JS预编译（1）预编译，简单理解，就是在内存中开辟一块空间，用来存放变量和函数。（2）预编译发生在函数执行前；也就是说函数执行时，预编译已经结束。2.要了解预编译，就要先了解变量声明。变量声明又分为全局和局部。任何变量，如果未经声明就赋值，此变量就为全局变量所有。一切声明的全局变量，都是window的属性。eg： <script> var a=123; ...
2019-12-21 15:52:18
205
原创 JS----正则表达式
一.正则表达式的概念:正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。二.使用正则表达式:方法一:var reg=new RegExp(pattern,modifiers);或者更简单的方式:var reg=/pattern/modifiers;eg:var re...
2019-12-19 23:07:26
172
原创 javascrip---基础重点(内置对象...)
1.输入框的介绍(prompt）作用:用于输入文本,接受用户所输入的东西eg: var num = parseInt(prompt(‘输入的字符串数字’))如果点击取消或者没有填写, 返回的num = null2.i++ 与 ++ii++先运行后加减i++ 或者 ++i 能够进行隐式数据类型转换同理：i- -和- -ivar num = 1;console.log(num++...
2019-12-14 16:33:04
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人