随笔分类 - 前端
摘要：1. 概述 1.1 是什么 Ajax = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML） Ajax 不是新的编程语言，而是一种用于创建快速动态网页的技术 Ajax 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页
阅读全文
摘要：1. 简介 1.1 运行环境 浏览器是 js 的前端运行环境 Node.js 是 js 的后端运行环境 Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API 1.2 Node.js 可以做什么 基于 Express 框架可以快速构建 Web 应用 基于 Electron 框架可以快速
阅读全文
摘要：1. 是什么 js 是一种运行在客户端的脚本语言 脚本语言：不需要编译，运行过程中由 js 解释器（js 引擎）逐行来进行解释并执行 2. js 的作用 表单动态校验（密码强度检测）【js 产生的最初目的】 网页特效 服务端开发（Node.js） 桌面程序（Election） App（Cordova
阅读全文
摘要：编译、变量、嵌套、导入 Sass 文件、混合、选择器继承、运算、控制指令 使用基本与 Less 一致 变量 Sass 使用$来标识变量 导入 reset.scss $bg-width: 1200px; $bgColor: red; .nav { width: $bg-width; backgroun
阅读全文
摘要：1. 概述 Less 是一款比较流行的 css 预处理语言，支持变量、混合、函数、嵌套、循环等特点 通俗的说 CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用 能够解决 CSS 重复代码较多的问题 2. 编译 2.1 方式 1 安装 n
阅读全文
摘要：新增的特性有兼容性问题，ie9+才支持 1. 属性选择器 可以根据元素特定属性来选择元素 选择符 简介 E[att] 选择具有 att 属性的 E 元素 E[att="val"] 选择具有 att 属性且属性值等于 val 的 E 元素 E[att^="val"] 匹配具有 att 属性且值以 va
阅读全文
摘要：1. 基础选择器 选择器 写法 说明 标签选择器 标签名 {...} 用 HTML 标签名作为选择器，为页面中同类型的标签统一设置样式 类选择器 .类名 {...} 1. 可单独选一个或几个标签2. 长名称或词组可加中横线，如：star-sing3. 可以给一个标签指定多个类名，从而设置更多样式 i
阅读全文
摘要：这些新特性都具有兼容性问题，基本是 IE9+以上版本的浏览器才支持，若不考虑兼容性问题，可以大量使用这些新特性 1. 新增语义化标签 标签 语义 <header></header> 头部标签 <nav></nav> 导航标签 <article></article> 内容标签 <section></s
阅读全文
摘要：一. 概述 1. 一些概念 HTML 是超文本标记语言，用来描述网页【不是编程语言】 标记语言是一套标记标签（markup tag） 超文本有两层含义 可加入图片、声音、动画、多媒体等内容【超越了文本限制】 可以从一个文件跳转到另一个文件，与世界各地主机的文件连接【超级链接文本】 浏览器内核（渲染引
阅读全文
