- 博客(40)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 mysql的DAO封装（node）
mysql的DAO层封装和我我上篇博客mongodb的封装是差不多的。先下载DAO封装所需要的模块// 模块npm i express --savenpm i body-paeser --savenpm i mysql --save创建链接，先连接MySQL数据库//mysql模块let msql = require("mysql");//创建链接let connection = mysql.createConnection({ host: "localhost",//路由 p
2020-08-02 23:09:25
385
1
原创 web前端面试题（基础困难含盖所有）持续更新
http与https的区别？1.https协议需要ca申请证书，免费证书少，需要花取费用2.http是超文本传输协议，传输信息是明文，https是具有更为安全的ssl加密传输3.http与https使用的是两种完全不同的连接方式，并且端口号也不同，前者80、后者4434.http连接简单是无状态的.https是ssl+http所构建而成的可进行加密传输，身份认证的网络协议.link与@import的区别?1.从属关系区别@import是 CSS 提供的语法规则，只有导入样式表的作用；link
2020-08-02 20:59:42
202
原创 MongoDB的DAO封装（node）
DAO就是Data Access Object 数据访问对象，为了就是分模块进行数据开发，而不是直接能够访问数据库前提：在用nodejs时先下载以下几个模块express模块npm i express --savamongodb模块npm i [email protected] --save这里不加版本的话可能会出现错误body-parser模块npm i body-parser --save用来接收POST请求传过来的参数数据操作的封装// 数据库操作模块let M
2020-08-01 15:29:15
369
原创 对数据库的基本了解（及mongodb，mysql）的安装
数据库一种对数据进行操作的库数据库大致分为两类：非关系型数据库关系型数据库非关系型数据库·····什么是非关系型数据库？非关系型数据库严格来说不是一种数据库，是一种数据结构化存储方法的集合.它可当作》键值存储数据库是一种高性能读写并发的数据库：例如Redis文档型数据库文档，半结构化的文档以特定的格式存储：例如MongoDB列存储数据库应对分布式存储的海量数据：例如：Cassandra， HBase图形(Graph)数据库使用灵活的图形模型，并且扩展到多个服务器：例如：Ne
2020-08-01 13:57:46
191
原创 node原生接口小习题
前提：文件的路径不要太复杂，否则在寻找路径时极为麻烦。这里我就用比较简单的文件路径作为演示文件格式：/* 注意：非正规格式，仅供当前参考*/需求：先注册，成功跳转到登录，登录成功跳转到首页，在首页写入欢迎xxx登录1.开始我们先想好我们需要的响应信息：如下注册>接口：register --响应信息：0:该账户已被注册1:注册成功！！！2:未知错误。抱歉，请重新输入！--请求方式：POST-------登录>接口：login--响应信息：0:账户或密码错误
2020-07-13 00:02:54
162
原创 对象中的属性四大特征以及getter,setter
const obj = { ID: "01", Name: "张三", } obj.ID = "02"; obj.age = 20; delete (obj.Name); /* obj={ ID:"02", age:20 } */在上面我们可以看出数据被直接添加，修改，删除，特别是I
2020-07-04 16:54:00
499
原创 ES6中数据类型的API扩展
因为是简单的API，所以直接淦文章目录数组API(ES6)字符串API(ES6)数组API(ES6)Array.from（） 将类数组转换成数组//例： let obj = { "0": "0", "1": "1", "2": "2", "length": 3 } console.log(Array.from(obj));//[1,2,3]Array
2020-07-04 11:27:29
120
原创 TypeScript 数组(Array)的基础操作
一、数组的声明let array1:Array<number>;let array2:number[];二、数组初始化let array1:Array<number> = new Array<number>();let array2:number[] = [1，2，3];三、数组元素赋值、添加、更改let array:Array<number> = [1,2,3,4];console.log(array) // [1, 2, 3,
2020-06-22 23:40:32
3221
1
原创 Ajax的五种接收响应头消息（常用）
学习本文你得先了解php与Ajax我的PHP初探Ajax的了解与应用五种响应头消息1. textt/plain 字符串服务端的消息响应头：header(“Content-Type:text/plain;charset=UTF-8”);示例：服务端（PHP）：<?php//响应消息头header("Content-Type:text/plain;charset=UTF-8");/*参数名是否正确（真确前者，不正确后者）真确：$REQUEST['参数名'](一种混合写法不管你是
2020-06-14 18:56:46
975
原创 PHP的基本养成之路（初探）
PHP的历史，用途特征PHP（Hypertext Preprocessor） 最早由 Rasmus Lerdorf 在1995年发明，是一种在电脑上执行的脚本语言，主要是用途在于处理动态网页,特别是在服务器端的网页程式开发。如何运行打开php文档想要打开双击肯定是不行，就像打开js文件一样，虽然不是直接弹出错误提示框。需要开启服务器去访问它。服务器的搭建你可以去下载软件比如phpEnv，wampse，XAMPP等。我下载的是phpEnv因为方便。下载好后去开启服务器（Apache）。步骤：服务
2020-06-07 22:41:00
155
原创 web前端基础面试题
CSS有什么缺点（作为一门语言来看）？有什么办法弥补？缺点：没有变量、数据类型、函数、运算符、逻辑判断等基本概念。这使得在取类名，代码的量十分要求，对开发增加负担。弥补：可以用第三方辅助插件（动态样式语言）：Less Sass等DOM对象和JQuery对象有什么不同？DOM对象...
2020-06-07 19:50:04
160
原创 fullPage的基本使用与自主jq封装
fullPage是如今比较主流网页样式，特别是国外网站（简约大气）。它的主要设计模式是全屏设计，只需要添加少许主题内容与背景图片即可，就能很快的设计出一个高bg的网站。并且兼容性也很好，因为是基于jquery进行开发的由于API之多我们主讲几个基本API,并且用底层去对它进行封装。使用须知：引入文件 >css样式文件jquery.js文件（因为基于jquery进行编写的）开发者所写的js文件两种引入方法下载至本地引入下载地址：https://n459.com/file/1603
2020-06-02 23:39:29
224
原创 bootstrap组件类 ( 个人总结 )
在bootstrap组件类- - 栅格.container 固定.container 流式（宽100%）.col-* <=576px （*可写可不写，不写自适应）.col-sm-* >=576px.col-md-* >=768px.col-lg-* >=992px.col-xl-* >=1200px/-可混合搭配使用-/.col-*（屏幕）-auto 根据内容自行改变.row-clos-* 一行有多少列.w-100 可让其折行（例子：共有12列，在第1列
2020-05-11 11:19:43
426
原创 高阶函数（箭头函数）
箭头函数顾名思义它有一个箭头 =>,它是es6新增一种函数。(Arrow Function)//箭头函数与匿名函数相像//箭头函数let fun=(x)=>{ x+=1; }//匿名函数let fun=function(x){ x+=1; }箭头数由两种格式第一种大括号{ }，return省略//例子：let fun = x => x += 1;cons...
2020-05-05 21:11:37
326
原创 Bootstrap的重点之一（栅格系统）
栅格系统运用多亏作者提前写好的类，所以在运用之前我们得先知道如何引入必要的文档与一些需要注意的事项。引入文件最新版本的 Bootstrap 核心 CSS 文件jQuery文件注意：jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边),并且引入的版本最好是当前Bootstrap所需要的版本。jquery的引入连接：https...
2020-05-05 15:56:09
293
原创 电脑（计算机）
大家都知道计算机，通常都是用来办公与娱乐，但绝大部分人不知道它的历史与组成等…什么事计算机：计算机（computer）俗称电脑，是现代一种高速计算的电子计算机器，可以进行数值计算，逻辑计算，还具有储存记忆功能。是能够按照程序运行，自动，高速处理海量数据的现代智能电子设备。计算机的发展史：约翰·冯·诺依曼是计算机重要发明名者之一，在研发计算机方面的重要人物。第一代计算机：电子管数机（19...
2020-05-04 20:02:35
435
原创 css与js绘制表盘的优劣
js脚本与C3中的动画（animation）在搭配其余的一些属性都可完成很多动画效果，js占据的多些，并且也是脚本。用CSS绘制是你需要了解的内容2D转换动画代码： <style> /* 公共属性 */ div:not(.bp) { position: absolute; } ...
2020-04-27 09:49:11
182
原创 插件小案例（svg）
在一门语言的学习中都会对应着些插件，像Canvas（画布）有对应着的Chart.js,当然不单单只有它一个，SVG（可缩放矢量图形）对应着two.js，等等。。。这次讲的是用two.js中的API去实现个小案例（地球的自转与公转）其中也包含月亮。在学习之前先了解下如何使用它了解它的作用：Two.js是面向现代Web浏览器的二维绘图api。这是渲染不可知实现相同的API在多种环境中得出：s...
2020-04-27 00:22:45
328
原创 初探ES6
ECMAScript 6简介ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。标准的制定者有计划，以后每年发布一次标准，使用年份作为版本。因为ES6的第一个版本是在2015年发布的，所以又称ECMAScript 2015（简称ES201...
2020-04-20 21:17:30
97
原创 CSS中的选择符（C3）
选择符的运用会让你减轻对标识类选择符取名的困扰，例如：（class="" ,id=""）,特别是class。也可让你对一些简单的动画效果，不必大费周章去写个脚本，例如：移入移出效果，点击后会怎么样等。。。选择符（Selectors）分类元素选择符通配符* ，元素类型E(例如：div{} , li{}) ，类class(.类名{}) ，ID{#唯一名{}}上面的使用在学习C2S时就是经常被...
2020-04-20 16:36:29
429
原创 AJAX的简述与应用
什么是AJAX？AJAX（Asynchronous Javascript And XML）,是一种快速创建动态网页的技术。可实现网页局部的更新数据，减少对服务器的请求。 举个例子就是我点击选项卡，只是单纯的更新选项卡区域内的内容。如果不用AJAX，而是链接的方式画也会实现相同效果，但会使整个页面都重新加载一遍，如果在网络不好的情况下，可能还会造成内容无法显示的情况。它的工作原理又是什么？...
2020-04-20 09:56:32
185
原创 弹性盒子的简介与问题
CSS3中较为重要点在于弹性盒子，动画以及媒体查询。而这次我讲的主要是弹性盒子以及一些小问题弹性盒子：弹性盒子是C3中的一种新的布局格式【1】，让页面中的元素可根据设备屏幕的大小自行调整布局的方式。【1】：像以前的布局方式有表格布局（基本淘汰），浮动，定位，偏移等…弹性盒子的使用可让你的代码量有所减少。弹性盒子内容弹性盒子由弹性容器(Flex container)和弹性子元素(F...
2020-04-19 15:08:49
559
原创 HTML5-Canvas与SVG
分段概叙什么是Canvas，SVG ？Canvas，SVG的作用是什么 ？Canvas，SVG的区别有哪些 ？Canvas，SVG的第三方插件（英，中）。解一：什么是Canvas，SVG ？Canvas是html5中通过脚本来完成2D图形的绘制的元素。要想进行绘制你得在脚本中获取画笔（ getContext(“2d”) ）才能进行下步绘制。主要以路径，矩形，圆，线，添加图片等...
2020-04-11 14:11:26
190
原创 时间线与异步加载
一>页面的渲染过程什么是页面渲染过程？页面的渲染过程：(1)DOMTree + (2)CSSTree = (3)renderTreeDOMTree：DOM Tree是指通过DOM将HTML页面进行解析，并生成的HTML tree树状结构和对应访问方法；CSSTree:解析css产生cssom(样式对象模型)renderTree：解析完成后，(1)DOMTree ，(2)CSSTr...
2020-03-13 12:31:03
102
原创 简述原型与原型链
前提条件：要想搞清楚一个问题，不是他人讲解就能明白的，主要还是要靠自己的摸索与查阅资料才行。我们从三点来解答原型与原型链1. 什么是原型，原型链？2. 原型与原型链的关系网又是什么？3. 作用又是什么？1.什么是原型？原型分为prototype（原型）和_proto_ (隐式原型)，而prototype（原型）则是每个函数对象都有的一个属性，proto_则是每个对象都会有的一个属性...
2020-02-16 17:25:56
1289
原创 JS函数面试题（10）
一.什么是函数?函数声明的作用是什么?函数定义包括哪几部分内容?如何调用函数?1.1:函数就是包裹在花括号中的代码块，前面使用function关键字1.2:当需要执行某个事件时需要这方法可以直接调用，并且可重复使用，减少代码的重复性。1.3:定义函数必须有function关键字（关键字必须小写），函数名，参数（根据情况而定），还有函数体 函数又分为匿名函数和自定义函数。自定义函数...
2020-02-16 15:14:26
625
原创 作用域两种情况
什么是作用域：作用域（scope）,通常来说就是一段代码程序中所用到的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的作用作用域的使用提高了程序逻辑的局部性，增强程序的可靠性，减少名字冲突。作用域主要分为：1.全局作用域2.局部作用域...
2020-01-02 19:13:44
109
原创 快速了解正则表达式
- -什么是正则表达式？正则表达式又称为 ''规则表达式’，通常用来检索，替换那些符合某个模式的文本。主要目的是：给定一个正则表达式和和另一个字符串能够达到如下效果：1.给定的字符串是否符合正则表达式的规定；2.可以通过正则表达式，从字符串中获取我们想要的特定部分。- -正则表达式的组成与一些实例（常用）*元字符（拥有一些特殊含义的字符）元字符描述.查找单个字...
2019-12-22 20:36:35
79
原创 运算符的基本介绍
什么是运算符：运算符就是用于执行程序代码运算，会针对一个以上的操作数项目来进行运算。运算符分类：JavaScript算数运算符（算数运算符用于对数字进行运算）运算符描述+加法-减法*乘法/除法%系数（取模）++递加–递减×，++，- -的详细例子：<script>var one=3,two=2;...
2019-12-21 16:37:53
778
原创 数组与数组的常用API(方法)
数组什么是数组：数组是一种特殊变量，可以存放一个至多个值；并且可以引用索引访问它们。创建数组的方法：// 这是第一种方法var arr = [ 1 , "字符串" , true , undefined ];//值与值之间用英文逗号隔开,你可以写在一行，也可以多行呈现使用 JavaScrip...
2019-12-14 15:34:55
485
原创 ECMAScript(脚本程序设计语言),BOM浏览器对象模型的简介
ECMAScrip简单介绍 ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言。这种语言在3W上被广泛应用,它往往被称为JS（javascript的简称）或JScript(微软开发的一种脚本语言)。 ECMAScript是一种可宿主在环境中执行计算并操作可计算对象的程序设计语言。ECMAScript最先被设计成一种...
2019-12-13 17:04:40
206
原创 DOM--何为文档对象模型
定义文档对象模型的全名 ’ Document Object Model’，简称DOM。是W3C组织推荐处理"可扩展置标语言"的标准编程接口。它是一种平台与语言无关的应用程序接口(API)，它可以动态的访问程序和脚本，更新其内容、结构、WWW文档的风格(目前，html和xml文档是通过说明部分定义的)。文档可以进一步处理，处理的结果可以加入到当前的页面。DOM是基于树的API文档，它要求在处理过程...
2019-12-08 16:22:50
224
原创 JavaScript的历史与简介
JavaScript简称JS，是一种轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web的脚本语言而出名，但有时也被用在非浏览器环境中。JavaScript基于原型编程、多范式的动态脚本语言，并支持面向对象、声明式、命令式风格。JavaScript是1995年网景公司(Netscape) 的布兰登·艾奇(Brendan Eich)，在网景导航者浏览器首次设计而来。因为与网景当时与太阳计...
2019-12-07 19:29:17
325
原创 浏览器的简单概叙
浏览器作用：其实就是一个解析工具（代理用户提交请求，作为HTML CSS JS解释器，以图形化的方式显示内容）我们在地址栏输入URL（即网址），浏览器会向DNS（域名服务器）提供网址，由它来完成URL到IP地址的映射。然后将请求你的请求提交给具体的服务器，在由服务器返回我们要的结果（以HTML编码格式返回给浏览器），浏览器执行HTML编码，将结果显示在浏览器的正文浏览器的作用：一句话概括...
2019-11-24 23:42:31
199
转载 伪类选择器的简单介绍
一、伪类选择器介绍伪类选择器（简称：伪类）通过冒号来定义，它定义了元素的状态，如点击按下，点击完成等，通过伪类可以为元素的状态修改样式。伪类的功能和一般的DOM中的元素样式相似，但和一般的DOM中的元素样式不一样，它并不改变任何DOM内容。只是插入了一些修饰类的元素，这些元素对于用户来说是可见的，但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。二、伪类选择器的分类伪类选...
2019-11-24 22:47:54
3194
原创 探秘CSS-浮动
一、浏览器的兼容性各格主流浏览器的主流版本，都可以支持渐变的对于不支持渐变的浏览器 可以尝试增加 浏览器的前缀 会实现显示浏览器的前缀 firefox：火狐浏览器 -moz-chrome：谷歌浏览器 -webkiit-safari：苹果自带浏览器 -webkiit-opera ：-o-前缀的加载位置1.如果浏览器不支持属性的话，则将前缀加载到属性名称前2.如果浏览器支...
2019-11-13 20:15:40
72
原创 初入CSS
一、什么是CSSCSS 层叠样式表，级联样式，简称才是样式表实现了内容和表示的分离CSS和HTML之间的关系HTML是负责网页的结构CSS 是负责构建HTML元素的样式CSS作用：1.以统一的方式实现样式的定义2.提高页面样式的可重用性和可维护性二、CSS的使用1.内联样式（行内样式）将样式声明在元素的style属性中语法：<p style="color: red;...
2019-11-11 21:53:50
86
原创 HTML快速入门02
一、head中的补充内容<meta name="keywords" content="关键1 ，关键2.。。关键n"/>定义网页的关键字 关键字可以写n个 最好的个个数是8个每个关键词最好是不一样并且有关联ps：如果没有关联的化 百度认为这个网页作弊，会被封锁，用户就会搜索不到最严重的时候可能会永久的入不了百度<meta name=" description" con...
2019-11-07 22:10:13
59
原创 初入结构层(快速了解HTML)
11/6 web基础知识今天学到了一些web理论知识与html基础知识，想做个总结分享下。理论web与internet：什么是web？web其实说白了就是网页(www)，是当今在internet上最流行的应用之一，它的作用是将各类信息和服务进行连接，并以图形化界面显现出来。它是基于B/S(浏览器/服务器)或C/S(客户端/服务器)结构的模式的程序。web服务器作用①：存储web页面...
2019-11-06 23:09:31
179
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人