加载中...

随笔分类 -  JavaScript

摘要:[toc] Ajax请求限制 ​ Ajax 只能向自己的服务器发送请求。比如现在有一个A网站、有一个B网站,A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求,B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求,但是 A 网站是不能向 B 网站发送 Ajax请求的,同理 阅读全文
posted @ 2020-03-29 10:45 royal6 阅读(282) 评论(0) 推荐(0)
摘要:[toc] FormData对象的作用 1. 模拟HTML表单,相当于将HTML表单映射成表单对象,自动将表单对象中的数据拼接成请求参数的格式。 2. 异步上传二进制文件 FormData对象的使用 1. 准备 HTML 表单 2. 将 HTML 表单转化为 formData 对象 3. 提交表单对 阅读全文
posted @ 2020-03-28 20:45 royal6 阅读(396) 评论(0) 推荐(0)
摘要:[toc] Ajax 基础 传统网站中存在的问题 网速慢的情况下,页面加载时间长,用户只能等待 表单提交后,如果一项内容不合格,需要重新填写所有表单内容 页面跳转,重新加载页面,造成资源浪费,增加用户等待时间 Ajax概述 Ajax:标准读音 [ˈeɪˌdʒæks] ,中文音译:阿贾克斯 它是浏览器 阅读全文
posted @ 2020-03-28 15:30 royal6 阅读(262) 评论(0) 推荐(0)
摘要:[toc] node常用第三方模块 dateformat 时间格式化模块 安装:npm install dateformat 使用格式: 例如: 第三方模块 router 功能:实现路由 使用步骤: 1. 获取路由对象 2. 调用路由对象提供的方法创建路由 3. 启用路由,使路由生效 说明:第三个回 阅读全文
posted @ 2020-03-28 11:07 royal6 阅读(972) 评论(0) 推荐(0)
摘要:什么是开发环境与生产环境 ​ 环境,就是指项目运行的地方,当项目处于开发阶段,项目运行在开发人员的电脑上,项目所处的环境就是开发环境。当项目开发完成以后,要将项目放到真实的网站服务器电脑中运行,项目所处的环境就是生产环境。 为什么要区分开发环境与生产环境 ​ 因为在不同的环境中,项目的配置是不一样的 阅读全文
posted @ 2020-03-27 20:55 royal6 阅读(1459) 评论(0) 推荐(0)
摘要:[toc] 1. Express框架简介及初体验 1.1 Express框架是什么 Express是一个基于 Node平台 的 web应用开发框架 ,它提供了一系列的强大特性,帮助你 创建各种web应用 。 我们可以使用 命令进行下载。 1.2 Express框架特性 提供了方便 简洁的路由定义 方 阅读全文
posted @ 2020-03-23 20:54 royal6 阅读(328) 评论(0) 推荐(0)
摘要:[toc] 1. 模板引擎的基础概念 1.1 模板引擎 模板引擎是第三方模块。 让开发者以更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护。 1.2 art template模板引擎 1.在命令行工具中使用 npm install art template 命令进行下载 2.使用 cons 阅读全文
posted @ 2020-03-20 20:41 royal6 阅读(538) 评论(0) 推荐(0)
摘要:[TOC] 1. 数据库概述及环境搭建 1.1 为什么要使用数据库 动态网站中的数据都是存储在数据库中的 数据库可以用来持久存储客户端通过表单收集的用户信息 数据库软件本身可以对数据进行高效的管理 http://localhost/article?id=1 http://localhost/arti 阅读全文
posted @ 2020-03-19 21:40 royal6 阅读(289) 评论(0) 推荐(0)
摘要:[TOC] 1. 服务器端基础概念 1.1 网站的组成 网站应用程序主要分为两大部分:客户端和服务器端。 客户端:在浏览器中运行的部分,就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端:在服务器中运行的部分,负责存储数据和处理应用逻辑。 1.2 Node网 阅读全文
posted @ 2020-03-17 15:31 royal6 阅读(242) 评论(0) 推荐(0)
摘要:[toc] 1 同步API, 异步API 同步API:只有当前API执行完成后,才能继续执行下一个API 异步API:当前API的执行不会阻塞后续代码的执行 2 同步API,异步API的区别(获取返回值) 同步API可以从返回值中拿到API执行的结果, 但是异步API是不可以的 3 回调函数 异步A 阅读全文
posted @ 2020-03-17 15:28 royal6 阅读(187) 评论(0) 推荐(0)
摘要:[TOC] 一、Node.js基础 1. Node开发概述 1.1 为什么要学习服务器端开发基础 能够和后端程序员更加紧密的配合 网站业务逻辑前置,学习前端技术需要后端技术支撑(Ajax) 扩宽知识视野,能够站在更高的角度审视整个项目 1.2 服务器端开发要做的事情 实现网站的业务逻辑 数据的增删改 阅读全文
posted @ 2020-03-15 22:30 royal6 阅读(413) 评论(0) 推荐(0)
摘要:⼩程序中⽀持es7的async语法 es7的 async 号称是解决回调的最终⽅案 在⼩程序的开发⼯具中,勾选 es6转es5语法 下载 facebook 的 regenerator 库中的 regenerator/packages/regenerator-runtime/runtime.js 在⼩ 阅读全文
posted @ 2020-02-19 21:21 royal6 阅读(188) 评论(0) 推荐(0)
摘要:ES6相关概念 什么是ES6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 为什么使用 ES6 ? 每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。 变量提升特性增加了程序运行时的不 阅读全文
posted @ 2020-02-11 21:52 royal6 阅读(117) 评论(0) 推荐(0)
摘要:正则常用语法 常用正则表达式 Java使用正则表达式方法 JS使用正则表达式方法 正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。 正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字 母、数字或者下划线, 昵称输入 阅读全文
posted @ 2020-02-11 15:21 royal6 阅读(215) 评论(0) 推荐(0)
摘要:ES5 中的新增方法 数组方法 字符串方法 对象方法函数进阶 函数定义 函数的调用方式 this 严格模式 高阶函数 闭包 递归 ES5 中的新增方法 1. 数组方法 array.forEach(function(currentValue, index, arr)) //对数组的每个元素执行一次提供 阅读全文
posted @ 2020-02-11 14:22 royal6 阅读(121) 评论(0) 推荐(0)
摘要:1.面向对象 1.1 两大编程思想 1.2 面向过程编程 POP(Process-oriented programming) 1.3 面向对象编程 OOP (Object Oriented Programming) 1.4 面向过程和面向对象的对比2.ES6 中的类和对象 2.1面向对象 2.2对象 阅读全文
posted @ 2020-02-10 13:41 royal6 阅读(703) 评论(0) 推荐(0)
摘要:window.sessionStorage window.localStorage 之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。 本地存储特性 1、数据存储在用户浏览器中 2、设置 阅读全文
posted @ 2020-02-07 16:24 royal6 阅读(168) 评论(0) 推荐(0)
摘要:HTML代码 <div class="focus"> <!-- 左侧按钮 --> <a href="javascript:void(0);" class="arrow-l"> &lt; </a> <!-- 右侧按钮 --> <a href="javascript:void(0);" class="a 阅读全文
posted @ 2020-02-05 23:33 royal6 阅读(155) 评论(0) 推荐(0)
摘要:1.PC端网页特效 1.1 offset 1.2 offset 与 style 区别 案例:获取鼠标在盒子内的坐标 1.3 元素可视区 client 系列 1.4元素 scroll 系列属性 页面被卷去的头部兼容性解决方案 总结 原生的动画函数封装animate.js 原生JS轮播图 2.移动端网页 阅读全文
posted @ 2020-02-04 15:07 royal6 阅读(546) 评论(0) 推荐(0)
摘要:1. 注册事件(绑定事件) 1.1注册事件概述 1.2 addEventListener 事件监听方式 1.3 attachEvent 事件监听方式 1.4 注册事件兼容性解决方案 2. 删除事件(解绑事件) 2.1 删除事件的方式 2.2 删除事件兼容性解决方案 3. DOM 事件流 4. 事件对 阅读全文
posted @ 2020-02-03 20:34 royal6 阅读(184) 评论(0) 推荐(0)