摘要： ```handlebars Document ``` 阅读全文

摘要： 6.变量的概念 6.1 什么是变量 白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。 6.2 变量在内存中的存储 本质：变量是程序在内存中申请的一块用来存放数据的空间。【再给这个变量命名，以便使用变量，在运行过程中，变量值可以改变。】 阅读全文

摘要： 6.1 什么是变量 白话：变量就是一个装东西的盒子。 通俗：变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。 6.2 变量在内存中的存储 本质：变量是程序在内存中申请的一块用来存放数据的空间。【再给这个变量命名，以便使用变量。】 类似我们酒店的房间，一个房间就可以看做是一个 阅读全文

摘要： 4. JavaScript注释 4.1 单行注释 为了提高代码的可读性，JS与CSS一样，也提供了注释功能。 JS中的注释主要有两种，分别是 单行注释 和 多行注释。 单行注释的注释方式如下： // 用来注释单行文字（ 快捷键 ctrl + / ） 4.2 多行注释 多行注释的注释方式如下： 快捷键 阅读全文

摘要： 3.1 JavaScript 是什么 JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 3.2 Ja 阅读全文

摘要： 2.1 计算机组成 2.2 数据存储 1. 计算机内部使用二进制 0 和 1来表示数据。 2. 所有数据，包括文件、图片等最终都是以二进制数据（0 和 1）的形式存放在硬盘中的。 3. 所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件，其实就是把程序 阅读全文

摘要： 1.1 编程 编程： 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。 计算机程序： 就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。 1.2 计算机语言 计算机语言指用于人与 阅读全文

摘要： 移动端WEB开发之响应式布局 1. 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： + 小于768的为超小屏幕（手机） + 768~992之间的为小屏设备（平板） + 992~1200的中等屏幕（桌面显示器） 阅读全文

摘要： 1、让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。 技术方案： 1、less+rem+媒体查询 2、fl 阅读全文

摘要： 维护css弊端 CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念。 + CSS 需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的。 + 不方便维护及扩展，不利于复用。 + CSS 没有很好的计算能力 + 非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组 阅读全文

摘要： 什么是媒体查询 媒体查询（Media Query）是CSS3新语法。 + 使用 @media查询，可以针对不同的媒体类型定义不同的样式 + @media 可以针对不同的屏幕尺寸设置不同的样式 + 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 + 目前针对很多苹果手机、And 阅读全文

摘要： rem单位 rem (root em)是一个相对单位，类似于em， em是父元素字体大小 。 不同的是， rem的基准是相对于html元素的字体大小 。 rem的优势：父元素文字大小可能不一致， 但是整个页面只有一个html，可以很好来控制整个页面的元素大小。 比如，根元素（html）设置font 阅读全文

摘要： 语法1： background: linear gradient(起始方向, 颜色1, 颜色2, ...); background: webkit linear gradient(left, red , blue); background: webkit linear gradient(left t 阅读全文

摘要： 移动web开发——flex布局 1.传统布局和flex布局对比 1.1传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 1.2 flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页 阅读全文

摘要： 1.移动端单独制作 流式布局（百分比布局）【百分比%，是跟父元素相对的。】 flex 弹性布局（强烈推荐） less+rem+媒体查询布局 混合布局 2.响应式 媒体查询 bootstarp 流式布局： 流式布局，就是百分比布局，也称非固定像素布局。 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行 阅读全文

摘要： 4.1移动端主流方案 1.单独制作移动端页面（主流） 通常情况下，网址域名前面加 m(mobile)可以打开移动端。通过判断设备，如果是移动设备打开，则跳到移动端页面。 也就是说，PC端和移动端为两套网站，pc端是pc端的样式，移动端再写一套，专门针对移动端适配的一套网站。 京东pc端、移动端： 2 阅读全文

摘要： 移动端2倍图背景图缩放： （1）fireworks中，宽高缩放50%； （2）测量大小、坐标； （3）background-size：宽设置为和fireworks中的宽一样，高设为auto 或 省略。 3.1物理像素&物理像素比 物理像素，就是分辨率。iPhone8的物理像素是750，但是宽度为37 阅读全文

摘要： 视口 ：viewport，就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口 2.1 布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。 iOS、 Android基本都将这个视口分辨率设置为 阅读全文

摘要： 浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无须添加。 1. 私有前缀  moz ：代表 firefox 浏览器私有属性  ms ：代表 ie 浏览器私有属性  webkit ：代表 safari、chrome 私有属性  o ：代表 Opera 私有属性 2. 提倡的写法 mo 阅读全文

摘要： 1. 呈现 1. ☆☆☆☆☆ 控制子元素是否开启三维立体环境 代表子元素不开启 立体空间，默认的 子元素开启立体空间 代码写给父级，但是影响的是子盒子 2. 代码演示 阅读全文