2020年1月1日

0095 布尔型Boolean,Undefined和 Null

摘要: 8.2.3 布尔型Boolean ​ 布尔类型有两个值:true 和 false ,其中 true 表示真(对),而 false 表示假(错)。 ​ 布尔型和数字型相加的时候, true 的值为 1 ,false 的值为 0。【应该说布尔型和数字型做数学运算时。】 8.2.4 Undefined和 阅读全文

posted @ 2020-01-01 10:03 冲啊! 阅读(320) 评论(0) 推荐(0)

0094 字符串型 String

摘要: 字符串型可以是引号中的任意文本,其语法为 双引号 "" 和 单引号'' 因为 HTML 标签里面的属性使用的是双引号,JS 这里我们更 推荐使用单引号 。 1.字符串引号嵌套 JS 可以用 单引号嵌套双引号 ,或者用 双引号嵌套单引号 ( 外双内单,外单内双 ) 2.字符串转义符 ​ 类似HTML里 阅读全文

posted @ 2020-01-01 09:51 冲啊! 阅读(214) 评论(0) 推荐(0)

2019年12月31日

0093 数字型 Number:整数、小数 、数字型进制、数字型范围、数字型三个特殊值、isNaN

摘要: JavaScript 数字类型既可以保存整数,也可以保存小数(浮点数)。 1. 数字型进制 最常见的进制有二进制、八进制、十进制、十六进制。 现阶段我们只需要记住,在JS中八进制前面加0,十六进制前面加 0x 2. 数字型范围 JavaScript中数值的最大和最小值 最大值:Number.MAX_ 阅读全文

posted @ 2019-12-31 20:42 冲啊! 阅读(610) 评论(0) 推荐(0)

0092 数据类型、简单数据类型概述

摘要: 8.1 数据类型简介 为什么需要数据类型 ​ 在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。 简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的。 变量的数据类型 ​ 变 阅读全文

posted @ 2019-12-31 20:41 冲啊! 阅读(214) 评论(0) 推荐(0)

0091 交换两个变量的值( 实现思路:使用一个 临时变量 用来做中间存储 )

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

posted @ 2019-12-31 20:39 冲啊! 阅读(520) 评论(0) 推荐(0)

0090 变量的概念,变量的使用:声明、赋值、初始化、语法扩展、命名规范

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

posted @ 2019-12-31 20:38 冲啊! 阅读(626) 评论(0) 推荐(0)

0089 变量的概念

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

posted @ 2019-12-31 20:36 冲啊! 阅读(264) 评论(0) 推荐(0)

0087 JavaScript注释,JavaScript输入输出语句

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

posted @ 2019-12-31 20:32 冲啊! 阅读(349) 评论(0) 推荐(0)

0086 初识JavaScript:是什么、浏览器执行 JS(渲染引擎、解释引擎)、组成、初体验

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

posted @ 2019-12-31 20:31 冲啊! 阅读(699) 评论(0) 推荐(0)

0085 计算机基础简介

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

posted @ 2019-12-31 20:30 冲啊! 阅读(262) 评论(0) 推荐(0)

0084 编程语言简介

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

posted @ 2019-12-31 20:28 冲啊! 阅读(411) 评论(0) 推荐(0)

0083 移动端WEB开发之响应式布局、bootstrap

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

posted @ 2019-12-31 20:27 冲啊! 阅读(489) 评论(0) 推荐(0)

0082 rem适配方案:less+rem+媒体查询、flexible.js+rem

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

posted @ 2019-12-31 20:25 冲啊! 阅读(802) 评论(0) 推荐(0)

0081 预处理器 less

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

posted @ 2019-12-31 20:24 冲啊! 阅读(152) 评论(0) 推荐(0)

0080 媒体查询media、引入资源

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

posted @ 2019-12-31 20:23 冲啊! 阅读(266) 评论(0) 推荐(0)

0079 rem基础

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

posted @ 2019-12-31 20:21 冲啊! 阅读(160) 评论(0) 推荐(0)

0078 背景线性渐变:background: linear-gradient(起始方向, 颜色1, 颜色2, ...)

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

posted @ 2019-12-31 20:20 冲啊! 阅读(659) 评论(0) 推荐(0)

0077 flex布局:flex-direction、justify-content、flex-wrap、align-content、align-items、flex-flow、align-self、order

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

posted @ 2019-12-31 20:18 冲啊! 阅读(707) 评论(0) 推荐(1)

0076 移动端常见布局,二倍精灵图做法

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

posted @ 2019-12-31 20:17 冲啊! 阅读(482) 评论(0) 推荐(0)

0075 移动开发选择和技术解决方案:单独、响应式、normalize.css、border-box、移动端特殊样式

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

posted @ 2019-12-31 20:15 冲啊! 阅读(329) 评论(0) 推荐(0)

导航