随笔分类 - Web 前端
摘要：1. Express 框架简介 它是一个基于 Node 平台的 web 应用开发框架，它提供了一系列的强大特性，帮助我们创建各种 Web 应用 下载：npm install express 1.1 Express 特性 提供了方便简洁的路由定义方式 对获取 HTTP 请求参数进行了简化处理 对模板引
阅读全文
摘要：1. 模板引擎的基础概念 1.1 模板引擎 模板引擎是第三方模块 让开发者以更加友好的方式拼接字符串，使项目代码更加清晰、更加易于维护 1.2 模块：模板引擎 art-template 下载：npm install art-template 引入：const template = require('
阅读全文
摘要：1. 数据库概述及安装 1.1 使用数据库目的 动态网站中的数据都是存储在数据库中的 数据库可以用来持久存储客户端通过表单收集的用户信息 数据库软件本身可以对数据进行高效的管理 http://www.czxy.com/article?id=1 http://www.czxy.com/article?
阅读全文
摘要：1. 服务器端基础概念 1.1 网站的组成 网站应用程序主要分为两大部分：客户端和服务器端 客户端：在浏览器中运行的部分，用户看到并与之交互的界面程序 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑 1.2 Node网站服务器 能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的
阅读全文
摘要：1. 第三方模块 别人写好的、具有特定功能的、我们能直接使用的模块即第三方模块，由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中，所以又名包 第三方模块有两种存在形式： 以 js 文件的形式存在，提供实现项目具体功能的 API 接口 以命令行工具形式存在，辅助项目开发 1.1 获取第三方
阅读全文
摘要：1. Node 开发概述 1.1 学习服务器端开发基础目的 能够和后端程序员更加紧密的配合 网站业务逻辑前置，学习前端技术需要后端技术支撑（Ajax） 扩宽知识视野，能够站在更高的角度审视整个项目 1.2 服务器端开发要做的事情 实现网站的业务逻辑 数据的删改查 1.3 为什么选择Node 使用 J
阅读全文
摘要：1. ES6 相关概念 ES 全称 ECMAScript，它是由 ECMA 国际标准化组织，制定的一项脚本语言的标准化规范 由 2015 年起每一年都会有一个新的版本发行，统称 ES6 为什么使用 ES6 每一次标准的诞生都意味着语言的完善，功能的加强 JavaScript 语言本身也有一些令人不满
阅读全文
摘要：1. 正则表达式概述 1.1 什么是正则表达式 正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象 正则表通常被用来检索、替换那些符合某个模式（规则）的文本，如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵
阅读全文
摘要：1. 函数的定义方式 方式一：函数声明 function 关键字（命名函数） function fn(){} 方式二：函数表达式（匿名函数） var fn = function(){} 方式三：实例化函数 执行效率低，也不方便书写，因此较少使用 所有函数都是 Function 的实例（一切皆对象）
阅读全文
摘要：1. 构造函数 1.1 创建对象（复习） 字面量方式 var obj = {}; new关键字 var obj = new Object(); 构造函数方式 function Person(name,age){ this.name = name; this.age = age; } var obj
阅读全文
摘要：1. 面向过程与面向对象 1.1面向过程 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了 1.2 面向对象 面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作 1.3 面向过程与面向对象对比 面向过程 面向对象 优点 性能比
阅读全文
摘要：1. 单事件注册 jQuery 提供了方便的事件注册机制，优缺点如下： 优点：操作简单，且不用担心事件覆盖等问题 缺点：普通的事件注册不能做事件委托，且无法实现事件解绑 语法：element.事件(function(){}) 例：$("div").click(function(){事件处理程序})
阅读全文
摘要：1. jQuery 属性操作 1.1 元素固有属性 prop 元素固有属性就是元素本身自带的属性，如 <a> 标签里面的 href 获取：prop("属性") 设置：prop("属性", "属性值") 注意：prop 除了普通属性操作，更适合操作表单属性 1.2 元素自定义属性 attr 我们给元素
阅读全文
摘要：1. jQuery 介绍 1.1 Js 库 即 library，是一个封装好的特定的集合（方法和函数） 从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画 animate、hide、show，比如获取元素等 简介： 一个 JS 文件里面对原生 js 代码进行了封
阅读全文
摘要：1. 触屏事件 1.1 触屏事件概述 移动端浏览器兼容性较好，不需要考虑 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有 touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根
阅读全文
摘要：1. 元素偏移量 offset 系列 1.1 offset 概述 使用相关属性可以动态的得到该元素的大小、位置（偏移）等 获得元素与带有定位（最近）父元素的距离 获得元素自身的大小（宽度高度） 注意：返回的数值都不带 px 单位 属性 作用 element.offsetParent 返回该元素带有定
阅读全文
摘要：1. BOM BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性 BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DO
阅读全文
摘要：1. 事件高级 1.1 注册事件 给元素添加事件，称为注册事件或告绑定事件 传统方式（兼容） 利用 on 开头的事件 onclick <button onclick="alert(hi~')"> </button> btn.onclick = function(){} 特点：注册事件的唯一性 同一个
阅读全文
摘要：1. 排他思想 同一组元素中，每次选择的某一个元素显示样式 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <script> var btns = d
阅读全文
摘要：1. Web API 介绍 1.1 API 概念 API（Application Programming Interface）应用程序编程接口 概念：是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使
阅读全文
浙公网安备 33010602011771号