12 2019 档案
摘要：访问网站：m.ctrip.com 1. 技术选型 方案：单独制作移动端页面的方案 技术：采用flex伸缩布局 2.搭建相关文件夹结构 3. 引入相关文件 4. body样式 5. 统一样式 6. 搜索模块 说明：该模块利用固定定位，分成两个部分，搜索模块和登陆模块，注意这里的搜索模块不是真正意义上的
阅读全文
摘要：1. 数据类型的转换 当数据类型不一样时，将会发生数据类型转换 自动类型转换（隐式） 强制类型转换（显示） 1.1 自动类型转换（隐式） 特点：代码不需要进行特殊处理，自动完成 规则：数据范围从小到大（与字节数未必相关） 1.2 强制类型转换（显示） 特点：代码需要进行特殊的格式处理，不可以自动完成
阅读全文
摘要：1 传统布局与flex布局 传统布局（以之前所学的PC端布局为例） 兼容性好 布局繁琐 局限性，不可以在移动端很好的布局 flex弹性布局 操作方便简单，移动端应用广泛 PC端浏览器支持情况较差 IE11或更低版本，不支持或仅部分支持 建议 如果是PC端页面布局，采用传统布局 如果是移动端或者不考虑
阅读全文
摘要：1.常量分类： 字符串常量：双引号括起来的就是字符串常量，"abc"、"你好" 整数常量：100、200... 浮点数常量： 1.1、 3.14... 字符常量：单引号括起来的就是字符常量，'A'、'中'... 布尔常量：仅true、false 空常量：null(没有任何数据) 1.1 数据类型 基
阅读全文
摘要：移动端布局和以前我们学习的PC端有所区别： 1.单独制作移动端页面（主流） 流式布局（百分比布局） flex弹性布局（强烈推荐） less+rem+媒体查询布局 混合布局 2.响应式页面兼容移动端（其次） 媒体查询 bootstarp 这也是接下来的课程安排。
阅读全文
摘要：1. cmd 命令提示符 启动：Win+R，输入cmd回车 切换盘符：盘符名称： 进入文件夹：cd 文件夹名称 进入多级文件夹：cd 文件夹1\文件夹2\文件夹3 返回上一级：cd.. 直接返回根路径：cd\ 查看当前内容：dir 清屏：cls 退出：exit 返回上一级命令：⬆ 返回下一级命令：⬇
阅读全文
摘要：案例：京东移动端首页 访问地址：m.jd.com 说明：该案例是仿照京东的手机端页面制作，相当于复制，所以这里没有用到psd文件，以下所有的尺寸大小、颜色rgb、图片等都通过网问该网站直接得到。同时注意，为了在移动端清晰显示，这些图片的实际尺寸都很大，所有写样式的时候注意缩放。 1. 技术选型 方案
阅读全文
摘要：5.1移动端浏览器 移动端浏览器基本以webkit内核为主，因此只需考虑webkit兼容性问题。 可以放心地使用H5标签和CSS3样式 同时我们浏览器的私有前缀只需要考虑添加webkit即可 5.2 CSS初始化normalize.css 移动端CSS初始化推荐使用normalize.css nor
阅读全文
摘要：4.1移动端主流方案 1. 单独制作移动页面(主流) 京东商城手机版 淘宝触屏版 苏宁易购手机版... 2. 响应式页面兼容移动端(其次) 三星手机官网... 4.2 单独移动端页面（主流） 移动端的页面和PC端的页面是分开的，是不一样的，移动端的页面是单独制作的，通常情况下，网站域名前加m(mob
阅读全文
摘要：3.1 物理像素&物理像素比 物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。是厂商在出场时就设置好的。比如苹果6、7、8是750 1334 我们开发时的1px不是一定等于一个物理像素的 PC端页面，1个px等于1个物理像素的，但是移动端就不尽相同，举例如下： 在移动端iPhone8（宽750
阅读全文
摘要：视口就是浏览器显示页面内容的屏幕区域，视口可以分为：局部视口、视觉视口、理想视口 2.1 布局视口layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期PC端页面在手机上显示的问题 iOS,Android基本都将这个视口分辨率设置为980px, 所以PC上的网页大
阅读全文
摘要：1.1 浏览器现状 浏览器分为PC端浏览器和移动端浏览器 PC端常见的浏览器： 360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。 移动端常见的浏览器： UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360安全浏览器、谷歌浏览器、搜狗浏览器、猎豹浏览器以及其
阅读全文
摘要：1. 属性选择器 例1：直接写属性 例2：属性等于值的方法 例3： 2. 结构伪类选择器 对于nth child(n): n可以是数字、关键字、和公式 n如果是数字，就是选择第几个 n常见的关键字有even（偶数）和odd（奇数） 常见的公式如下（如果n是公式，则从0开始计算） 但是第0个元素或者超
阅读全文
摘要：1.新增语义化标签 注意： 这种语义化的标签主要针对搜索引擎 这些新标签，页面中可以重复使用 在IE9中，需要把这些元素转换为块级元素，否则不可以使用，在IE9中，这些元素都默认是行内元素，给大小是没有用的。 在移动端更喜欢使用这些标签，在PC端很少使用这些标签。 H5还增加了很多其他标签，后面再学
阅读全文
摘要：1. 浏览器私有前缀 浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无需添加 moz ：代表firefox浏览器私有属性 ms ：代表ie浏览器私有属性 webkit ：代表safari、chrome私有属性 o ：代表Opera私有属性
阅读全文
摘要：1. 简单数据类型和复杂数据类型 简单数据类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型 值类型：在存储时变量中存储的是值本身：string number Boolean undefined null,但是null比较特殊，返回的是一个对象 引用类型：在存储时，变量中存储的仅仅是地址，因此
阅读全文
摘要：5. 数组对象 5.1数组的创建 之前提到过数组的创建方式 字面量 new Array() 5.2 检测是否为数组的两种方式 之前提到过翻转数组，如下： 调用函数的时候传入的实参必须是数组的形式，若输入的实参不是数组则会出现错误，因而需要对函数进行优化，判断传入的实参是否为数组。检测是否为数组的方式
阅读全文
摘要：1. 内置对象 js对象分为3种：自定义对象(var obj={})、内置对象、浏览器对象。 前两种对象是js基础内容，属于ECMAScript,第三个浏览器对象是js独有的。讲js API的时候会讲。 内置对象：js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或者最基本而必要的功能
阅读全文
摘要：1. 对象 万物皆对象，但是对象必须是一个具体的事物。例如：“明星”不是对象，“周星驰”是对象；“苹果”不是对象“这个苹果”是对象。Js中，对象是一组无序的相关属性和方法的集合。 对象是由属性和方法组成的 属性：事物的特性，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示(常
阅读全文
摘要：1.预解析 1.1引子 1. Js代码是由浏览器中的js解析器来执行的。js解析器在运行js代码的时候分为两步：预解析和代码执行。 预解析：js引擎会把js里面所有的var、function(这里指函数声明，不包括函数表达式)提升到当前作用域的最前面。 代码执行：按照代码书写的顺序从上往下执行 2.
阅读全文
摘要：1.作用域 一段程序代码中所用到的名字不是总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。目的是为了提高程序的可靠性，更重要的是减少命名冲突。 在es6之前，js的作用域有：全局作用域和局部作用域 全局作用域：整个script标签，或者是一个单独的js文件 局部作用域(函数作
阅读全文
摘要：1.函数的使用 1.1 声明函数和调用函数 案例：利用函数计算1~100之间的累加和 方法2： 案例2：利用函数求数组中的最大值 3.5注意事项 return除了可以返回函数值之外，还可以终止函数，即return之后的代码不会被执行 return只能返回一个值，如果用逗号隔开多个值，以最后一个值为准
阅读全文
摘要：1.数组的概念 数组是指一组数据的集合，其中每个数据被称为元素，在数组中可以存放任意类型的元素 2. 创建数组 创建数组的两种方式： 利用new创建数组 利用数组字面量创建数组（最常用） 2.1 利用new创建数组 2.2 利用数组字面量创建数组[] 数组字面量是[] 3.获取数组中的元素 3.1数
阅读全文
摘要：1. 三维坐标系 x轴：水平向右（右边是正，左边是负） y轴：垂直向下（向下是正，向上是负） z轴：垂直屏幕（向外是正，向里是负） 2. 3D转换 3D转换中最常用的是3D位移和3D旋转。主要知识点如下： 3D位移：transform:translate3d(x,y,z) 3D旋转：rotate3d
阅读全文
摘要：1.循环 在JS中主要有以下三种类型的循环 for循环 while循环 do...while循环 2. for循环 2.1 语法结构如下： 举例：打印100句“你好” 7. break 之前提到break可以跳出整个switch语句，break还可以跳出整个for循环 8. 作业 接收用户输入的用户
阅读全文
摘要：动画是CSS3中具有颠覆性的特征之一，可以通过设置多个节点来精确控制一个或者一组动画，常常用来实现复杂的动画效果。相比较过度，动画可以实现更多变化，更多控制，连续自动(不需要鼠标经过和鼠标离开来控制)播放等效果。 5.1动画的基本使用 先定义动画 再使用（调用）动画 5.1.1用keyframes定
阅读全文
摘要：1.流程控制 就是来控制代码按照何种顺序来执行，流程控制有三种结构：顺序结构、分支结构、循环结构 2.顺序流程控制 程序按照代码先后顺序依次执行 3.分支流程控制 JS中提供两种分支结构语句：if语句、switch语句 3.1 if语句 if语法结构： 案例：进入网吧 弹出一个输入框，要求用户输入年
阅读全文
摘要：1. 运算符(操作符) JavaScript中常用的运算符有： 算数运算符 递增递减运算符 比较运算符 逻辑运算符 赋值运算符 2. 算数运算符 +； ； ； /（10/20=0.5）； %(取余数，取模9%2=1) 2.1浮点数进行算数运算 2.2表达式和返回值 表达式：数字、运算符、变量等以能求
阅读全文
摘要：1.变量的数据 变量用来存储值的所在处，有名字和数据类型。变量的数据类型决定将如何代表这些值的位存储到计算机内存中。JavaScript是一种弱类型或者说是动态语言。不用提前声明变量的类型，在程序运行中变量会被自动确定。 而java\C中是 python中可以 不用声明 JavaScript拥有动态
阅读全文
摘要：transform是css3中具有颠覆性特征之一，可以实现元素的位移、旋转、缩放等效果 1.位移translate 1.1语法 1.2举例子 之前学过几种移动盒子的位置的方法：定位、盒子外边距。 现在又有一种新的方法就是translate,translate最大的优点就是不会影响到其他元素的位置。
阅读全文
摘要：1.变量的使用 变量在使用的时候分两步：1. 声明变量 2. 赋值 1.1声明变量 var是JS的一个关键字，用于声明变量，使用该关键字声明变量后，计算机会自动为变量分配内存空间。 age是程序员字定义的变量名，我们通过变量名来访问内存中分配的空间。 1.2赋值 1.3变量的初始化 声明一个变量并赋
阅读全文
摘要：1.介绍 JavaScript是一种运行在客户端（自己的电脑上）的脚本语言不是在服务器上 脚本语言：不需要编译，运行过程由JS解释器（js引擎）逐行进行解释并执行 JavaScript不仅可以做前端编程还可以做一些服务端的编程(基于Node.js技术) 2. 浏览器执行JS 浏览器分成两部分：渲染引
阅读全文
摘要：学习内容：编程语言、计算机基础 1编程语言 程序员通过编程语言来控制计算机 编程语言：机器语言（计算机只认识机器语言）、汇编语言(直接对硬件操作，指令采用英文缩写的标识符，容易记忆)、高级语言（C\C++\Java\Go\Javascript\PHP...） 编程语言和标记语言的区别 编程语言：有逻
阅读全文
浙公网安备 33010602011771号