- 博客(37)
- 收藏
- 关注
RSS订阅原创 Node——Nunjucks模板入门
一、模板引擎概述之前我们通过Koa创建了一个web服务器，并可以根据用户请求路径的不同响应不同的页面，但是每一个页面的内容都是通过字符串的方式给送给浏览器的，这样的开发方式并不友好，我们更希望直接发送html页面。模板引擎可以解决这个问题，通过模板引擎，可以直接设置响应的html页面，并且可以把后台数据绑定到模板中，然后发送给客户端。目前市面上有很多模板引擎，这里我们选择一个功能完善，又容易上手的模板引擎：nunjucks二、安装nunjucks在koa框架下安装nunjucks需要两个
2022-03-11 13:51:49
555
原创 Node——Koa框架基础
一、Koa框架概述Koa是一个基于Node的web服务器开发框架，通过Koa我们可以更便捷的开发web服务器，不必像前面那样一步步写二、安装Koa在安装Koa之前，先初始化一个项目新建一个空目录，在该目录中打开命令行工具，执行npm init初始化完成后，执行下列命令安装Koanpm i koa --save三、创建服务器const Koa = require("Koa") // 引入Koa构造函数const app = new Koa() // 用构
2022-03-10 00:42:48
2236
原创 Node——Web服务器概述
一、客户端与服务器当我们访问一个网站的时候，是谁在给我们提供丰富的网页内容，就是服务器浏览器可以通过互联网像服务器发送请求，例如我们在浏览器地址栏输入http://www.baidu.com后，按下回车键，浏览器就会像百度服务器发送一个请求，服务器接到请求后，会把百度的首页内容以文本的形式发送给浏览器（其中包括html、css和js），然后我们就看到了网页提供一对一服务的叫客户端提供一对多服务的叫服务器基本概念请求：浏览器像服务器索要数据 响应：服务器给浏览器发送数据 地址：可以
2022-03-09 16:24:45
506
原创 解决因无法加载文件 C:\Users\m1854\AppData\Roaming\npm\nodemon.ps1，在此系统上禁止运行脚本的问题
很多小伙伴在使用 VScode 自带程序终端的时候会报出"系统禁止脚本运行的错误",错误的原因，是因为 PowerShell 执行策略的问题。由于powershell能做的事情太多了，为了避免一些恶意脚本直接运行，Windows给powershell设定了一个叫“执行策略”的东西。所以大多家用的windows系统默认将执行策略设置成了“Restricted”，即受限制的解决方法：1、管理员身份运行 window.powershell2、输入get-ExecutionPolicy，
2022-03-09 16:22:50
733
原创 Node——Node基础
一、模块化开发之前的练习，使用node运行一个js文件。但是实际项目开发中，不可能将全部代码都写在一个文件中。node为我们提供了模块化的语法，每一个js文件都可以当作一个模块require()引入一个模块 module.exports暴露模块接口现在我们实现一个加法计算的功能，在一个add.js文件中编写一个加法函数，然后用module.exports暴露这个方法，然后再创建一个入口文件main.js引入这个加法函数，并通过加法函数计算结果示例代码如下：// add.js定义一个..
2022-03-08 22:06:57
1047
原创 Node——概述
一、什么是Node？Node是JavaScript这门语言的运行环境，通过Node,我们可以让JavaScript具备后台开发能力安装Node在window环境中下载安装Node非常简单，下载地址如下：Node下载地址下载完成后双击安装包，一直点击"下一步"就可以成功安装了测试Node安装完成后打开命令行工具，输入下列命令node -v如果可以显示版本号 说明Node已经安装成功了使用node执行js程序二、npm概述npm是node的包管理器，我
2022-03-08 16:04:39
1231
原创 Node——命令行工具
一、常用指令shutdown——关机dir——查看当前目录下的所有文件（大小写都可）cd +已有文件夹名——用来切换目录cd .. ——返回上一级目录当cd某个文件夹的时候 拼出开头前两个字母按Tab键会自动补全该文件夹名当直接切换盘符的时候 不需要cd 直接输入盘 例如 E：出现错误会保留上次状态 不需要纠结 正常往下操作就行二、让命令行直接进入某一个目录的快捷方式在目标目录里按shift不松然后鼠标右键选择在此处打开powershell窗口（某些电脑是 在此处打.
2022-03-08 14:45:08
1771
原创 jQuery——bootstrap概述
ui框架1、美化页面效果2、简化布局3、使用现成的组件和插件下载bootstrapbootstrap地址：https://www.bootcss.com/1、在官网下载bootstrap文件2、在html文件中引入bootstrapbootstrap样式1、按钮 <a class="btn btn-default" href="#" role="button">Link</a> <input class="btn btn-
2022-03-07 20:42:58
1203
原创 jQuery——swiper概述
swiper概述Swiper是纯JavaScript打造的滑动特效插件，面向手机、平板电脑等移动终端地址：https://swiper.com.cn/示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="v
2022-03-07 19:05:33
1725
原创 jQuery——插件
jQuery概述基于jQuery制作的，可以实现某些特定网页效果的js文件（ js + css ）使用方式1、引入插件文件后，通过对标class名实现插件效果2、引入插件文件后，通过调用js接口实现插件效果看文档使用，没有文档尽量不用总结1、大量jQuery插件没有良好的文档，而且存在大量bug，所以用起来不是特别顺手，能不用就不用...
2022-03-07 18:09:06
131
原创 jQuery——常用方法
$的作用1、$其实就是一个函数名，是jQuery的所缩写2、$可以作为选择器，获取DOM对象对应的jQuery对象3、$可以将一个DOM对象，转换成一个jQuery对象4、事件中的this，指向DOM对象，所以需要使用$（this）做转换5、什么时候使用jQuery，什么时候使用 js？其实本质上jQuery就是js，只是我们可以使用一些现成的方法而已jQuery常用方法1、index()；获取元素索引2、text()；获取和设置文本节点3、css()；获取和设置样式
2022-03-06 19:59:14
2699
原创 jQuery概述
一、库（Library）与框架（Framework）共同点：都是第三方写好的现成的程序，使用库和框架可以提升开发效率不同点：1、库更像是一个工具，拿过来直接使用，相对随意（jQuery）2、框架会对开发者的开发方式设置一定的限制，使用框架需要按照框架的规则来开发项目（Vue、react）二、初步了解jQueryjQuery是一个基于JavaScript的库，主要用于操作DOM1、获取节点 ${"选择器"}2、操作节点 ${}.method()3、设置元素样式 $().cs
2022-03-06 18:05:58
135
原创 Js——异步编程
同步与异步例子：打电话与发微信异步可以在多条任务线去执行程序，一条任务卡顿不影响其他任务异步编程的解决方案1、回调函数 let target = 'hello world' function getData (fn) { setTimeout(() => { // return 只能返回同步数据 setTimeout()是异步方法 fn(target) }, 500) }
2022-03-06 12:17:41
55
原创 Js——原始类型与引用类型
数据类型分类六种数据类型：原始类型：数值（Number）、字符串（String）、布尔（Boolean）、空（Null）、未定义（Undefined）引用类型：对象（Object）Array、Date、Math...原始类型与引用类型的区别一、赋值的区别：原始类型赋值，引用类型赋的是引用而不是值本身二、比较的区别：原始类型比较的是值，引用类型比较的是引用是否指向一个对象三、传参的区别：与赋值一样原始类型与引用类型的类型检测一、原始数据类型检测：typeof 值二、
2022-03-05 23:09:32
322
原创 Js——BOM
window对象（全局对象）screen对象包含有关用户屏幕的信息location对象用于获得当前页面的地址（URL），并把浏览器重定向到新的页面history对象包含浏览器的历史navigator对象包含有关访问者浏览器的信息...
2022-03-05 18:15:39
3729
原创 VS code【尝试在目标目录创建文件时发生一个错误】解决方案
解决方法 ：一、找到vs code安装地址，右击属性二、选择安全打开编辑三、点击添加四、输入名字：Everyone（自定义取名），其他默认，操作完成后点击【确定】五、下方权限中勾选【完全控制】，确定完成。搞腚！...
2022-03-05 17:06:57
4589
4
原创 Js——计时器方法
1、setInterval与clearInervar实现秒表功能 <button class="start">开始</button> <button class="stop">暂停</button> <button class="end">结束</button> <h1 class="time">10:9</h1> <script> let start = docu
2022-03-04 00:05:09
4902
原创 Js——事件
内容描述1、绑定事件1）addEventListener("eventType"，fun)2) element.onEventType = fun区别：addEventListener在同一元素上的同一事件类型添加多个事件，不会被覆盖，而onEventType会覆盖 addEventListener可以设置元素在捕获阶段触发事件，而onEventType不能2、事件流三个div嵌套，都绑定click事件，点击最内层的元素，事件从内到外都执行事件捕获与事件冒泡：默认情.
2022-03-02 22:05:29
66
原创 Js——DOM操作
DOM节点分类1、元素节点（获取元素节点：querySelector；querySelectorAll）2、文本节点（innerHTML）在ul中添加li标签ul.innerHTML = `<li>香蕉</li><li>苹果</li><li>鸭梨</li>`innerHTML是大刀阔斧的操作3、属性节点（element.src；element.id）节点操作创建元素节点：createElement
2022-03-02 10:22:18
112
原创 vsCode每次推送都要输入账号密码的解决方案
一：第一次拉取代码与后面拉取不是同一个账号 或者修改了密码进入控制面板>用户账号>凭据管理器>windows凭据>普通凭据，在里面找到对应的git，点开编辑密码，更新为最新的账号密码二：如果第一条没有问题 在code打开推送的代码目录并打开终端输入以下代码git config --global credential.helper store输入后重启code 一般来讲重启后第一次推送需要再次填一次账号密码 之后就不需要了...
2022-02-28 12:17:56
4701
2
原创 Js——DOM基础
DOM：文档对象模型是一套标准编程接口，通过DOM这套接口来操作html元素节点类型元素节点属性节点文本节点网页效果：操作元素节点 、属性节点、文本节点，以及修改元素样式document对象DOM通过document对象，为开发者提供了大量接口（api）来操作DOM树获取节点document.getElementByld() // 一般不用document.getElementsByClassName() // 一般不用document.querySele..
2022-02-28 12:06:29
89
原创 Js——面向对象
基本概念类：类型、模板、统称（狗类、猫类）对象：是类的一个类别，会具体到某一事物上（天上飞的那只鸟，家里的那只猫）继承：狗类继承至哺乳动物类，猫类也继承到哺乳动物类，继承后，子类可以使用父类的属性和方法新语法与旧语法ES5面向对象语法（prototype）构造函数：用于创建对象的函数原型对象：prototype // es5没有类的概念，通过构造函数来实现类 // 构造函数的函数名，首字母大写 // 构造函数是用来创建对象用的 funct
2022-02-27 21:36:55
208
原创 Js——函数进阶
函数知识点声明函数一次声明，多次使用的语句块 参数：形参、实参 返回值：函数运行结果函数声明提升// 函数声明提升 (了解)let result1 = fun(1, 2)let result2 = fun(10, 20)console.log(result1);console.log(result2);function fun(n, m) { return n + m}匿名函数 // 回调函数：将匿名函数作为参数传递给另一个函数或方法 setInterv
2022-02-27 19:31:47
182
原创 Js——ES2015（ES6）基础语法
JavaScript遵循ECMAScript标准，简单理解就是用ES表示js版本例：Java8、Java9，说的是java se的版本 python2、python3说的是python的版本变量使用 let 代替 var 块级作用域 不存在变量提升 不允许重复声明常量const定义常量 定义以后不允许修改 用常量声明不变的值 函数表达式可以使用常量 对象声明可以使用常量 引入外部模块使用常量模板字符串支持换行 支持嵌入变量解构赋值数组的解构赋值 对象的解
2022-02-22 01:06:43
649
原创 Js——正则表达式
概念正则表达式可以用来匹配字符串通过正则表达式，可以实现字符串的截取或按规则替换和验证字符串内容例如：验证邮箱格式 字符串"2020-01-01" , 可以将其数字部分截取出来 "123a456b789c" ， 去掉字符串中的所有字母（replace（"a" , "1"））。正则表达式独立于语言，很多语言都支持正则表达式（并非JavaScript特性）创建正则表达式var reg = new RegExp("123") 完整写法var reg = /123/ // 简洁写法
2022-02-21 18:54:19
77
原创 Js——常用的内置对象
Array——数组Math——数学Date——日期RegExp——正则表达式（后面补）Math数学对象Math.floor(): 向下取整Math.random(): 0-1的随机数 （常用）Math.abs(): 绝对值Math.sqrt(9): 开方Math.pow(2.4): 乘方 // var number = 3.14 // 向下取整 3.14与3.99输出结果都是 3 // 复数的话 会向下取整到4 // var resul
2022-02-20 18:45:50
175
原创 Js——数组
获取数组中的元素通过下标过去元素list[0] list[1]获取数组元素的个数：list.length遍历数组while 循环数组 for 循环遍历数组 for in 遍历（i 为值） for of 遍历 （i 为值） map 方法遍历 // var list = new Array("a", "b", "c") // 了解即可 var list = [1, 2, 3, "a", "b"] // 根据下标查找数组中的任意元素 [index],索引从0开始
2022-02-20 15:57:41
596
原创 Js——对象
对象的概念万物皆对象：物品 动物 都是对象方法 // 对象及方法 var cat = { name: "maomao", sayName: function () { console.log("我是" + this.name); }, eat: function (food) { console.log("吃" + food); }, computed: function (n, m
2022-02-20 14:48:00
109
原创 Js——函数基础
数学函数函数概述：函数是一个可执行的语句块（通过function关键字声明）声明的时候不执行语句块 调用的时候执行函数声明一次后可以反复调用 提高函数复用性声明函数：function fun(){// 语句...}// 调用函数fun()fun()案例：f(x) = 3x + 4当x = 5求f(x)的值f(5) = 3 * 5 + 4 = 19x:形参 5：实参转换一下： // x:形参 5:实参 function fun(x)
2022-02-20 13:51:12
469
原创 Js——循环语句
while语句 // 死循环 不能这么写 // while(true){ // console.log('Hello world'); // } // 要像这样给个范围 // 循环10次 var i = 0 while (i < 10) { console.log(i); i++ }求和案例：// 计算100以内所有正整数之和 var i = 1, sum = 0 whi
2022-02-20 11:00:24
144
原创 Js——条件语句
控制流程程序执行流程主要分为：按顺序执行 按条件执行 循环执行语句块：多条js语句组成的语句，用大括号包起来，就是一个语句块{ var a = 10, b = 20 var result = a + b console.log(result);}if语句根据 if 后面的条件决定是否执行后面的语句块 var a = 10, b = 20, c = "*" if (c === "+") { var result
2022-02-20 10:29:26
330
原创 Js——表达式与运算符
字面量有固定值的数据：“hello world”、100、console.log(字面量)表达式通过运算符将变量、字面量组合起来 就是表达式，且每一个表达式都有一个固定返回值（表达式的结果） var a = "hello" // 将字面量赋值给变量 var b = "world" var result = a + b // 将表达式赋值给变量：固定返回值："helloword" console.log(result);算术运算符与比较运算符 // 算数运
2022-02-19 17:33:06
153
原创 Js——变量与数据类型
声明变量var:声明变量(ES2015中使用let声明变量,后续章节会讲解let,以及他们的区别)=:为变量赋值(不是等于的意思,而是赋值的意思,将左侧的值放入右侧的容器)vars="helloworld";console.log(s)定义多个变量,可以用逗号分开vars1="hello",s2="world";console.log(s1);console.log(s2)变量命名规范变量名要见名知意 变量名可以是字母、下划线、$、还有数字...
2022-02-19 15:28:31
150
原创 码云(gitee)的仓库创建与远程提交
gitte码云仓库的创建与提交 部分内容转自CSDN博主「柯晓楠」的原创文章，原文链接：https://blog.csdn.net/p445098355/article/details/104766195
2022-02-18 14:54:33
398
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人