2020年06月_忘尘丶莫负

原创【06】移动端布局：01-流式布局、视口、meta标签、二倍图、像素、background-size、box-sizing、移动端公共样式normalize.css

移动web开发流式布局1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基于Android修改开发的一样。总结：兼容移动端主流浏览器，处理Web

2020-06-29 23:10:29 1291

原创力扣（LeetCode）：#3-无重复字符的最长子串

文章目录力扣（LeetCode）：#3-无重复字符的最长子串题目描述：题解：方法一：滑动窗口力扣（LeetCode）：#3-无重复字符的最长子串题目描述：题解：方法一：滑动窗口C++class Solution {public: int lengthOfLongestSubstring(string s) { // 哈希集合，记录每个字符是否出现过 unordered_set<char> occ; int n = s.s

2020-06-16 00:59:01 265

原创力扣（LeetCode）：#2-两数相加

文章目录力扣（LeetCode）：#2-两数相加题目描述：题解：方法：初等数学力扣（LeetCode）：#2-两数相加题目描述：题解：方法：初等数学Java/** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */class Solution {

2020-06-15 11:07:35 189

原创力扣（LeetCode）：#1-两数之和

力扣（LeetCode）：#1-两数之和题目描述题解方法一：暴力法class Solution { public int[] twoSum(int[] nums, int target) { for (int i = 0; i < nums.length; i++) { for (int j = i + 1; j < nums.length; j++) { if (nums[j] == target -

2020-06-14 22:17:29 337

原创【16】Vue：01-指令、v-cloak、v-text、v-html、v-pre、v-once、双向数据绑定、v-model、mvvm、v-on、事件修饰符、按键修饰符、v-bind

文章目录day01Vue 是什么？使用Vue将helloworld 渲染到页面上指令v-cloakv-textv-htmlv-prev-once双向数据绑定v-modelmvvmv-onv-on事件函数中传入参数事件修饰符按键修饰符自定义按键修饰符别名v-bind绑定对象绑定class绑定对象和绑定数组的区别绑定style分支结构v-if 使用场景v-show 和 v-if的区别循环结构v-for案例选项卡1、 HTML 结构2、提供的数据3、把数据渲染到页面4、给每一个tab栏添加事件,并让选中

2020-06-14 21:24:51 356

原创【07】JavaScript：13-触屏事件、移动端特效、classList属性、click延时解决方案、移动端开发插件、移动端开发框架、本地存储、Swiper、zy.media、Bootstrap

文章目录day07 - Web APIs1.1. 触屏事件1.1.1 触屏事件概述1.1.2 触摸事件对象（TouchEvent）1.1.3 移动端拖动元素1.2. 移动端常见特效1.2.1 案例: 移动轮播图1.2.2. 案例分析:1.2.3 classList 属性1.2.4. 案例分析1.3.1. 案例：返回顶部1.3.2.案例分析1.4. click 延时解决方案1.5. 移动端常用开发插件1.5.1. 什么是插件1.5.2. 插件的使用1.5.3. Swiper 插件的使用1.5.4. 其他移动

2020-06-11 11:38:03 1321 1

原创【07】JavaScript：12-动画函数封装、常见网页特效案例、触屏事件、轮播图、节流阀

文章目录day06 - Web APIs1.1. 动画函数封装1.1.1 缓动效果原理1.1.2 动画函数多个目标值之间移动1.1.3 动函数添加回调函数1.1.4 动画完整版代码:1.2. 常见网页特效案例1.2.1 案例：网页轮播图1.2.2. 节流阀1.2.3. 案例：返回顶部1.2.4. 案例：筋头云案例1.3. 触屏事件1.3.1. 触屏事件概述1.3.2. 触摸事件对象（TouchEvent）1.3.3.案例：移动端拖动元素day06 - Web APIs学习目标:能够封装简单动画函

2020-06-11 11:14:36 334

原创【07】JavaScript：11-元素偏移量 offset 系列、元素可视区 client 系列、元素滚动 scroll 系列、动画函数封装

day05 - Web APIs学习目标:能够说出常见 offset 系列属性的作用能够说出常见 client 系列属性的作用能够说出常见 scroll 系列属性的作用能够封装简单动画函数1.1.元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量，我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意：返回的数值都不带单位1.1

2020-06-10 23:19:21 1190

原创【07】JavaScript：10-常用键盘事件、BOM、JS执行机制、定时器、location对象、navigator对象、history对象、同步、异步

day04 - Web APIs学习目标：能够说出常用的3-5个键盘事件能够知道如何获取当前键盘按下的是哪个键能够知道浏览器的顶级对象window能够使用window.onload事件能够使用window.onresize事件能够说出两种定时器的区别能够使用location对象的href属性完成页面之间的跳转能够使用location对象获取url中的参数部分能够使用history提供的方法实现页面刷新1.1. 常用的键盘事件1.1.1 键盘事件<body>

2020-06-10 17:44:02 420

原创【07】JavaScript：09-节点操作、DOM核心总结、事件高级、常用鼠标事件

文章目录day03 - Web APIs1.1. 节点操作1.1.1 删除节点1.1.2 案例：删除留言1.1.3 复制（克隆）节点1.1.4 案例：动态生成表格1.1.5 创建元素的三种方式1.1.6 innerTHML和createElement效率对比1.2. DOM的核心总结1.2.1. 创建1.2.2. 增加1.2.3. 删1.2.4. 改1.2.5. 查1.2.6. 属性操作1.2.7. 事件操作（重点）1.3. 事件高级1.3.1. 注册事件（2种方式）1.3.2 事件监听addEventLi

2020-06-10 17:00:26 562 3

原创【07】JavaScript：08-排他操作、自定义属性操作、节点操作

文章目录day02 - Web APIs1.1. 排他操作1.1.1 排他思想1.2 案例：百度换肤1.3 案例：表格隔行变色1.4 案例：全选1.5. 自定义属性操作1.5.1 获取属性值1.5.2. 设置属性值1.5.3. 移出属性1.5.4. 案例：tab栏1.5.5. H5自定义属性1.6. 节点操作1.6.1. 节点概述1.6.2. 节点层级1.6.3. 父级节点1.6.4. 子节点1.6.5. 案例：新浪下拉菜单1.6.6. 兄弟节点1.6.7. 创建节点1.6.8. 添加节点1.6.9. 案例

2020-06-09 20:58:18 1870

原创【07】JavaScript：07-Web API介绍、DOM介绍、获取元素、事件基础、操作元素

文章目录day01 - Web APIs1.1. Web API介绍1.1.1 API的概念1.1.2 Web API的概念1.1.3 API 和 Web API 总结1.2. DOM 介绍1.2.1 什么是DOM1.2.2. DOM树1.3. 获取元素1.3.1. 根据ID获取1.3.2. 根据标签名获取元素1.3.3. H5新增获取元素方式1.3.4 获取特殊元素（body，html）1.4. 事件基础1.4.1. 事件概述1.4.2. 事件三要素1.4.3. 执行事件的步骤1.4.4. 常见的鼠标

2020-06-09 01:03:25 1133

原创【07】JavaScript：06-内置对象(Math、日期、数组、字符串)、数据类型

文章目录JavaScript基础第06天笔记1 - 内置对象1.1 内置对象1.2 查文档1.3 Math对象1.4 日期对象1.5 数组对象创建数组的两种方式检测是否为数组添加删除数组元素的方法数组排序数组索引方法数组转换为字符串其他方法1.6 字符串对象基本包装类型字符串的不可变根据字符返回位置根据位置返回字符字符串操作方法replace()方法split()方法2 - 简单数据类型和复杂数据类型2.1 简单数据类型2.2 复杂数据类型2.3 堆栈2.4 简单类型传参2.5 复杂数据类型传参JavaS

2020-06-08 00:45:52 370

原创【07】JavaScript：05-作用域、变量的作用域、作用域链、预解析、对象

文章目录JavaScript基础第05天笔记1 - 作用域1.1 作用域概述1.2 全局作用域1.3 局部作用域1.4 JS没有块级作用域2 - 变量的作用域3 - 作用域链4 - 预解析5 - 对象5.1 对象的相关概念5.2 创建对象的三种方式**使用对象字面量创建对象**：5.3 遍历对象JavaScript基础第05天笔记1 - 作用域1.1 作用域概述通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的

2020-06-08 00:30:25 442

原创【07】JavaScript：04-数组、函数

文章目录JavaScript基础第04天笔记1 - 数组1.1 数组的概念1.2 创建数组1.3 获取数组中的元素1.4 遍历数组1.5 数组中新增元素2 - 函数2.1 函数的概念2.2 函数的使用声明函数调用函数函数的封装2.3 函数的参数函数参数语法函数形参和实参数量不匹配时2.4 函数的返回值return 语句break ,continue ,return 的区别2.5 arguments的使用2.6 函数案例2.7 函数的两种声明方式JavaScript基础第04天笔记1 - 数组1.1 数

2020-06-08 00:07:23 221

原创【07】JavaScript：03-循环、代码规范

文章目录JavaScript基础第03天笔记1 - 循环1.1 for循环1.2 双重for循环1.3 while循环1.4 do-while循环1.5 continue、break2 - 代码规范2.1 标识符命名规范2.2 操作符规范2.3 单行注释规范2.4 其他规范JavaScript基础第03天笔记1 - 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}名称作用初始化变量通常被用于初始化一个计数器，该

2020-06-07 23:50:15 176

原创【07】JavaScript：02-运算符、流程控制

JavaScript基础第02天1 - 运算符（操作符）1.1 运算符的分类运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1.2 算数运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。var result

2020-06-04 00:51:21 668

原创【07】JavaScript：01-注释、输入输出、变量、数据类型、关键字、保留字

文章目录JavaScript基础第01天1 - 编程语言1.1 编程1.2 计算机语言1.3 编程语言1.4 翻译器1.5 编程语言和标记语言区别总结2 - 计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行3 - 初始JavaScript3.1 JavaScript 是什么3.2 JavaScript的作用3.3 HTML/CSS/JS 的关系3.4 浏览器执行 JS 简介3.5 JS 的组成**ECMAScript****DOM——文档对象模型****BOM——浏览器对象模

2020-06-04 00:18:19 362

原创【04】HTML5+CSS3：03-3D转换

文章目录`cHTML5 ` 第三天一、认识 `3D` 转换二、`3D` 转换三、透视 `perspective`四、 `translateZ`五、`3D` 旋转`rotateX`六、`3D` 旋转 `rotateY`七、 `3D` 旋转 `rotateZ`八、`3D` 呈现 `transform-style`cHTML5 第三天一、认识 3D 转换3D 的特点近大远小物体和面遮挡不可见三维坐标系x 轴：水平向右 – 注意：x 轴右边是正值，左边是负值y 轴：垂直

2020-06-03 02:10:24 190

原创【04】HTML5+CSS3：02-旋转、图片放大缩小、动画

文章目录HTML5 第二天一、rotate二、三角二、设置元素旋转中心点(transform-origin)三、旋转中心案例四、`2D` 转换之 `scale`五、图片放大案例六、分页按钮案例七、 `2D` 转换综合写法以及顺序问题八、动画(animation)九、动画序列十、动画常见属性十一、动画简写方式十二、速度曲线细节十三、奔跑的熊大HTML5 第二天一、rotate2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤：给元素添加转换属性 transform属性值为

2020-06-02 23:42:27 4151

原创【04】HTML5+CSS3：01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换

文章目录HTML5 第一天一、什么是 `HTML5`二、`HTML5 ` 新增标签三、多媒体音频标签四、多媒体视频标签五、新增 input 标签六、新增表单属性七、`CSS3 ` 属性选择器(上)八、`CSS3 ` 属性选择器(下)九、结构伪类选择器十、`nth-child` 参数详解十一、`nth-child` 和 `nt-of-type` 的区别十二、伪元素选择器十三、伪元素的案例十四、`2D` 转换之 `translate`十五、让一个盒子水平垂直居中十六、`2D 转换 rotate`HTML5

2020-06-02 23:27:57 1005

忘尘丶莫负的博客