sokoooo的博客

web移动端相关知识点

CSS ——一、元素1. 元素显示模式1.1 元素标签以什么方式进行显示；1.2 HTML元素：块元素、行内元素；2. 块元素2.1 常见的块元素：<h1>~<h6>、<p>、<div>、<ol>、<ul>、<li>等；2.2 块元素特点：2.3 注意点：3. 行内元素3.1 常见的行内元素：<a>、<strong>、<b...

CSS简单练习案例目录CSS简单练习案例1. 新闻2. 小米侧边栏（简易）3. 五彩导航栏4. 产品模块5. 新浪导航栏6. 排行榜7. 模块#END（素材源于pink老师分享）1. 新闻1.1 css代码： body { font: 16px/28px 'Microsoft YaHei'; } h1 { font-weight: 400; ..

CSS —— 样式表、复合选择器目录CSS —— 样式表、复合选择器一、样式表1. 行内样式表（内联样式表）（行内式引入）2. 内部样式表（内嵌样式表）（嵌入式引入）3. 外部样式表（）（链接式引入）二、复合选择器1. 概述2. 后代选择器（包含选择器）3. 子选择器4. 并集选择器5. 伪类选择器链接伪类选择器：:focus伪类选择器#END（部分截图源b站pink老师）一、样式表样式表分为：行内样式表（行内式）、内部样式表（嵌入式）、.

CSS —— 新特性一、新增选择器1. 属性选择器1.1 属性选择器：可根据元素特定属性的选择元素；1.2 选择符：1.3① E[att] ： input[value] { color: skyblue; }② E[att="val"] ： input[type=text] { color: red; } <div c...

CSS ——一、CSS简单知识点1.CSS语法规范： 选择器 {一条或多条声明 }；2. CSS：一种标记语言，设置HTML页面中的文本内容、图片外形、版面布局和外观显示样式；3. CSS的选择器分为基础选择器和复合选择器；二、基础选择器1. 概述1.1 基础选择器：单个选择器组成；1.2 基础选择器分类：标签选择器、类选择器、id选择器、通配符选择器；2. 选择器2.1 标签选择器：HTML标签名作为选择器，能把某一类标签全部选择...

CSS —— 阴影、浮动一、阴影1. 盒子阴影1.1 box-shadow：为盒子设置阴影；1.2 语法格式：box-shadow : h-shadow v-shadow blur spread color inset; div { width: 200px; height: 200px; background-color: skyblue; bo...

CSS —— 定位一、定位的概述1. 定位组成：1.1 定位：将盒子定在某一个位置，按照定位的方式移动盒子；1.2 组成：定位 = 定位模式 + 边偏移；1.3 定位模式：指定一个元素在文档中的定位方式；1.4 边偏移：决定该元素的最终位置；2. 定位模式和边偏移2.1 定位模式：通过 position 属性进行设置；2.2 边偏移：二、几种定位1. 相对定位1.1 相对定位：（relative）是元素相对于原来...

CSS —— 字体图标、三角形、鼠标一、字体图标1. 下载1.1 icomoon 字库（http://icomoon.io）1.1 阿里 iconfont 字库 （http://www.iconfont.cn/）2. 引入2.1 通过如上链接下载后将下载包里的 fonts 文件夹放入页面根目录下；2.2 字体声明：在CSS样式中全局声明字体；注：在使用字体图标时，一定要有font-family 且要和字体声明中的一致；/* 字体声明 */ ...

CSS —— 特性、盒子一、三大特性1. 层叠性1.1 层叠性：相同选择器设置相同的样式，此时一个样式就会层叠另一个冲突的样式；1.2 原则：① 样式冲突，遵循就近原则；② 样式不冲突，则不会层叠； div { width: 200px; height: 200px; background-color: skyblue; } div { back.

CSS —— 隐藏、一、隐藏1. display 属性1.1 display属性：设置一个元素应该如何显示；1.2 语法格式：display : none;display : block;① none：隐藏对象；② block：显示元素，同时将元素转换为块级元素； <style> div { width: 200px; height: 200px; ba..

CSS一、1. 解决图片底部默认空白缝隙1.1 产生原因：行内块元素和文字的基线对齐；1.2 解决方法：① 给图片添加 vertical-align : middle | top | bottom 等；② 将图片转换为块级元素；2. 单行文本溢出显示省略号2.1 满足条件：① 强制一行内显示文本；② 超出部分隐藏；③ 文字用省略号替代超出的部分；① white-space : nowrap; ② overflow : hidden;...

JavaScript 03目录JavaScript 03一、DOM、事件简单知识1. DOM简单知识2. 事件简单知识二、BOM1. BOM概述2. Window：窗口对象3. Location：地址栏对象；4.History：历史记录对象#END一、DOM、事件简单知识1. DOM简单知识1.1 功能：控制HTML文档的内容；1.2 Element：获取页面标签（元素）对象；document.getElementByI...

JavaScript 05一、核心DOM（接上篇）3. Node：节点对象3.1 Node对象：代表文档树中的一个节点，是其他五个对象的父对象；3.2 特点：所以DOM对象都可以被认为是一个节点；3.2 方法：CRUD（增删查改）DOM树① appendChild()：向节点的子节点列表的结尾添加新的子节点；② removeChild()：删除并返回当前节点的指定子节点；③ replaceChild()：用新节点替换一个子节点； &lt...

JavaScript ——一、JavaScript概述1. 概述1.1 JavaScript概念：一门客户端脚本语言；1.2 存在位置：运行在客户端浏览器中，每一个浏览器都有JavaScript的解析引擎；1.3 脚本语言：不需要进行编译，能直接被浏览器解析执行；1.4 功能：增强用户和HTML页面的交互过程，可以用于控制HTML元素，是页面有一些动态的效果，增强用户的体验；1.5 实质：JavaScript = ECMAScript + JavaScript特有的...

JavaScript 04目录JavaScript 04一、DOM1. 概述2.W3C DOM标准分类二、核心DOM1. Document：文档对象#END一、DOM1. 概述1.1 DOM：W3C（万维网联盟）的标准；1.2 作用：定义了访问HTML和XML文档的标准；1.3 DOM概念：是Document Object Model（文档对象模型缩写）；1.4 DOM将标记语言文档的各个组成部分，封装为对象，可以使用这些对象对标记语言文档进行..

JavaScript 02一、流程控制语句1. switch 语句1.1 switch语句：于java的用法相同；1.2 使用： <script> var a = 1; switch (a) { case 1: alert("number"); break; case "abc": alert("st...

HTML5 —— 新特性一、语义化标签、新增多媒体标签1. 语义化标签1.1 语义化标签：<header>：头部标签； <nav>：导航标签； <article>：内容标签； <section>：定义文档某个区域； <aside>：侧边栏标签； <footer>：尾部标签；1.2 注意：语义化标签主要针对于搜索引擎； 在页面中可以使用多次； 在IE9中需要转换为块级元素；...

HTML —— 简单知识点一、网页1. 什么是网页1.1 网站：使用HTML等制作的用于展示特定内容相关的网页集合；1.2 网页：网站中的一“页”，用HTML语言创建，通常是HTML格式的文件，通过浏览器阅读；1.3 网站和网页的关系：网页是构成网站的基本元素，网页通常以 .htm 或者 .html后缀结尾的文件1.4网页的组成：图片、文字、链接、声音、视频等；2. 什么是HTML2.1 HTML：超文本标记语言，用来描述网页的一种语言（标记语言）；2.2 标记语言：一.

HTML简单练习案例目录HTML简单练习案例1. 圣诞节2. 注册表单3. 小说排行榜#END（素材源于b站pink老师分享）1. 圣诞节1.1 代码：<body> <h1>圣诞节的那些事</h1> 1.圣诞是怎样由来的 <br> 2.<a href="#oldman">圣诞老人的由来</a> <br> 3.<a href="#tree"..

HTML —— 简单知识点2一、HTML常用标签（接上部分）https://blog.youkuaiyun.com/Sokoooo/article/details/1133911641. 文本格式化标签1.1 标签语义：突出其重要性；1.2 文本格式化标签：包含设置粗体、斜体、下划线、删除线等效果；1.31.4 代码：<strong> 加粗 </strong> <b> 加粗 </b><em> 倾斜 </em&gt.

HTML —— 简单知识点3一、表格标签1. 表格标签的作用、基本格式、属性1.1 作用：用于显示、展示数据；1.2 基本格式：<table> <tr> <td>文字</td> <td>文字</td> ... </tr> ...</table>1.3 具体解释：① <table></.

目录一、Vue简介二、Vue基本知识（一）简单知识（二）本地应用（指令）三、axios与Vue四、案例（一）本地应用-计算机案例（二）本地应用-图片切换案例（三）本地应用-记事本案例（四）网络应用-天气查询案例#END（具体可观看b站黑马vue入门版）一、Vue简介1.JavaScript框架2.简化Dom操作3.响应式数据驱动4.Vue实例的作用范围是什么？Vue会管理el选项命中的元素及其内部的子元素5.是否可以使用其他的选择器？.

一、基本知识1. 特点1）在浏览器端能发送ajax请求；2）能在node.js中发送http请求；3）支持promise的相关操作（API）；4）请求和响应的拦截器（能在请求之前做一些准备工作，在响应回来后对响应的结果做一些处理）；5）对请求和响应的数据做转换；6）取消请求；7）自动将结果转换成json格式数据；8）保护作用阻止XSRF攻击2. 安装1）使用npm（包管理工具）最后通过打包工具引入（项目使用）$ npm install axios2）使用b

一、基本知识1.promise的状态改变：promise状态是实例对象中的一个属性-PromiseState（内置的）1）Promise状态：pending（pending？Pendding） 未决定的、resolved/fullfilled 成功、rejected 失败2）状态的改变只存在两种情况：从 pending -> resolved 或者 从 pending -> rejected3）一个promise对象只能改变一次状态4）成功的结果数据一般称为value、失败的

一、XML1. XML（可扩展标记语言）：被设计用来传输和存储数据；2. XML：支持自定义标签，无预定义标签。3. HTML和XML的区别1）HTML：超文本标记语言，用于显示数据，不区分大小写； XML：可扩展标记语言，用于传输数据，区分大小写；2）HTML：预定义标记；XML：自定义标记。二、AJAX特点1. 优点：1）可以直接与服务器端进行通信，而不需要刷新页面；2）允许根据用户事件来更新部分内容页面；2. 缺点：1）没有...