Ajax
概念Ajax简介AJAX(Asynchronous JavaScritpt and XML),异步的 JavaScript 和 XML。AJAX 不是一种新的编程语言,是使用 XMLHttpRequest 对象与服务器通信的一种技术。AJAX 最主要的特性就是可以在不刷新页面的情况下与服务器通信(异步),交换信息或更新页面。 XML简介XML(Extensible Markup Language) ,指可扩展标记语言,被设计用来传输和存储数据。 比如说我有一个学生数据: 1name = “张三” ; age = 18 ; gender = “男” ; 用 XML 表示: 12345<student> <name>张三</name> <age>18</age> <gender>男</gender></student> XML 和 HTML 类似,不同的是 HTML 中都是预定义标签,用来向网页中呈现数据的;而 XML 中没有预定义标签,通过自定义标签表示一些数据,用来传输 ...
JavaScript进阶
javaScript基础总结数据类型相关知识点基本(值)类型 String: 任意字符串 Number: 任意的数字 boolean: true/false undefined: undefined null: null –>使用typeof时返回object Symbol(ECMAScript2016新增)。 –>Symbol 是基本数据类型的一种,Symbol 对象是 Symbol原始值的封装 。 Bigint –>BigInt 是一种数字类型的数据,它可以表示任意精度格式的整数。 加上下方的 [ 对象 ] 类型,目前 javaScript 有八种数据类型 对象(引用)类型 Object: 任意对象 Function: 一种特别的对象(可以执行) –内部包含可运行的代码 Array: 一种特别的对象(key为数值下标属性, 内部数据是有序的) 判断方法 typeoftypeof 操作符返回一个字符串,表示未经计算的操作数的类型。 可以判断: undefined/ 数值 / 字符串 / 布尔值 / function 不能判断: null与object ...
JavaScript基础
JavaScript基础简介 JavaScript 诞生于 1995 年,它的出现主要是用于处理网页中的前端验证。 所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。 比如:用户名的长度,密码的长度,邮箱的格式等。 JavaScript 是由网景公司发明,起初命名为LiveScript ,后来由于SUN公司的介入更名为了JavaScript 。 1996 年微软公司在其最新的 IE3 浏览器中引入了自己对JavaScript 的实现 JScript 。 于是在市面上存在两个版本的JavaScript,一个网景公司的JavaScript 和微软的JScript 。 为了确保不同的浏览器上运行的 JavaScript 标准一致,所以几个公司共同定制了 JS 的标准命名为ECMAScript 。 实现 ECMAScript 是一个标准,而这个标准需要由各个厂商去实现。 不同的浏览器厂商对该标准会有不同的实现。 浏览器 JavaScript实现方式 FireFox SpiderMonkey Internet Explorer JScript/Chakra Saf ...
手写源码系列
手写源码系列数组去重使用双重 for 和 splice1234567891011121314151617const unique = arr =>{ for(let i=0;i<arr.length;i++){ for(let j= i+1;j<arr.length;j++){ if(arr[i]===arr[j]){ // 删除第二个 arr.splice(j,1); // 删除后回调j j--; } } } return arr;}a=[1,5,4,6,8,2,1,5];console.log(a);unique(a);console.log(a); 使用 indexOf 或 includes 加新数组123456789101112const unique = arr => ...
HTML和CSS基础
HTML&CSS 软件架构 C/S: Client/Server 客户端/服务器端 在用户本地有一个客户端程序,在远程有一个服务器端程序 QQ、迅雷… 优点:用户体验好 缺点:开发、安装、部署、维护 麻烦 B/S: Browser/Server 浏览器/服务器端 只需要一个浏览器,用户通过不同的网址(URL),可以访问不同的服务器端程序 优点: 开发、安装、部署、维护 简单 缺点: 如果应用过大,用户的体验可能会受到影响 对硬件要求过高 网页结构——W3C(万维网联盟)标准 结构HTML用于描述页面的结构 表现CSS用于控制页面中元素的样式 行为JavaScript用于响应用户操作 HTMLHTML(Hyper Text Markup Language):超文本标记语言 它负责网页三要素中的结构。 HTML使用标签的形式来标识网页中的不同组成部分。 所谓超文本指的是超链接,使用超链可以让我们从一个页面跳转到另一个页面。 标签1234567891011121314<html> <head> <titl ...
Butterfly进阶
哔哩哔哩番剧页面插件安装1npm install hexo-bilibili-bangumi --save 配置将下面的配置写入站点的配置文件_config.yml里(不是主题的配置文件). 123456789101112131415161718192021222324bangumi: # 追番设置 enable: true path: vmid: xxxxxxx title: '追番列表' quote: '生命不息,追番不止!' show: 1 loading: metaColor: color: webp: progress:cinema: # 追剧设置 enable: false path: vmid: xxxxxxx title: '追剧列表' quote: '生命不息,追剧不止!' show: 1 loading: metaColor: color: webp: progress: enable: 是否启用 path: 页面路径,默认bangum ...
Butterfly主题
安装Git安装 (Github)稳定版【建议】 在你的 Hexo 根目录里 1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly 应用主题修改 Hexo 根目录下的 _config.yml,把主题改为butterfly 1theme: butterfly 安装插件如果你没有 pug 以及 stylus 的渲染器,请下载安装: 1npm install hexo-renderer-pug hexo-renderer-stylus --save 建议修改在 hexo 的根目录创建一个文件 _config.butterfly.yml,并把主题目录的 _config.yml 内容复製到 _config.butterfly.yml 去。 注意: ==不要把主题目录的 _config.yml 删掉== 以后只需要在 _config.butterfly.yml进行配置就行。 Hexo会自动合併主题中的_config.yml和 _config.butterfly. ...
使用Hexo搭建个人博客
入门 Github 搭建一个这样的Blog首先你得知道什么是Github 和 Github Pages,你可以理解为咱们没有服务器,咱们将页面托管到了Github上 Github Pages Github Pages可以被认为是用户编写的、托管在github上的静态网页。使用Github Pages可以为你提供一个免费的服务器,免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。 Hexo Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 安装node.js进入Node.js官网](https://nodejs.org/en/download/) 按照自己的机器选择对应的版本下载,我是windous 64位 安装 GitGit官网 检验软件是否安装成功同时按下 Win 键和 R 键打开运行窗口,输入 cmd ,然后输入以下命令,有相应版本信息显示则安装成功,若不正确可以卸载软件重新安装。 123git --versionnode -vnpm -v 此外若安装成功 ...