- 博客(15)
- 收藏
- 关注
RSS订阅原创 【CSS3】模拟太阳系八大行星运行轨迹
TipsSafari 浏览器需设置 -webkit- 前缀，Chrome 倒是都可以；-webkit- 的渐变角度进行需要换算： 90 - 原角度 = 需设角度：background-image: linear-gradient(135deg, red, yellow);background-image: -webkit-linear-gradient(-45deg, red, yellow);-webkit- 径向渐变属性为百分号，"shape size at position 不适用：backg
2020-07-30 19:51:15
2002
1
原创 【CSS3】2D/3D 转换函数
文章目录2D 转换函数translate() 位移scale() 缩放skew() 倾斜rotate() 旋转3D 转换函数translate3d() 位移scale3d() 缩放rotate3d() 旋转2D 转换函数translate() 位移<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <style type="t
2020-07-28 17:28:30
365
原创 【CSS3】rotate3d() 中的参数是什么意思？
文章目录CSS3中的3D旋转函数rotate3d()什么是矢量（向量）？向量的坐标表示二维坐标系（平面直角坐标系）三维坐标系（空间直角坐标系）注意！Web坐标系与数学/物理学中坐标系的不同常用 rotate3d() 参数CSS3中的3D旋转函数rotate3d()很多人跟我刚开始一样，搞不懂 rotate3d(x, y, z, angle) 中的 xyz 参数究竟是什么鬼意思，只知道，xyz代表矢量（向量）。在 MDN 中是这样介绍的：那么究竟个什么鬼是向量？什么是矢量（向量）？物理学
2020-07-26 21:52:24
5523
原创 【CSS3】渐变背景
文章目录一、线性渐变1. 渐变方向2. 节点分布3. 重复线性渐变二、径向渐变1. 可选属性【shape size at position】2. 节点分布3. 重复径向渐变一、线性渐变1. 渐变方向 可设值 值 描述 to top 从下 向上 渐变 to bottom 从上 向下 渐变 to left 从右 向左 渐变 to right 从左 向右 渐变 to top left（顺序可换） 从右下 向左上对角
2020-07-22 00:00:19
315
原创 【CSS3】边角 border-radius
1. border-radius 是一个复合（简写）属性边类型样式都有上右下左边之分，唯独边角不同，它以左上、右上、右下、左下之分；换句话说，即，代表着边的两端。border 是 border-top、border–right、border-bottom、border-left 的简写；border-radius 则为 border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left
2020-07-20 23:31:18
1773
原创 【HTML5】Web SQL Database【已废弃】（可能是最全详解，含各种参数介绍，以及一些SQL语句）
在阅读本篇文章之前，请先注意以下几点声明： 1. 原文： Beware. This specification is no longer in active maintenance and the Web Applications Working Group does not intend to maintain it further. 译文： 注意。此规范不再处于主动维护中，Web应用程序工作组不打算进一步维护它。 2. 原文： This document was on th
2020-07-16 03:35:42
2808
原创 【HTML5 + API】 地理定位（Geolocation）之【Google 地图 API 用不了？不如换国内地图 API ！！】
文章目录前提百度地图 API （简单教程）1. 获取经纬度2. 处理错误和拒绝3. 在地图中显示结果注意！！！！！前提 这几天在菜鸟学习 HTML5 教程，学到地理定位，发现一个很严重的问题，Google 地理位置服务早已不提供给我国，然，各大教程的代码和方法，都是由 Google 服务支持的，那不就不可用了么？ 菜鸟教程：HTML5 Geolocation（地理定位） 我的学习方法是必须照着敲一遍，然后再各大浏览器运行测试一遍，若都可兼容运行那我才会去消化掉这些知识。所以，我把代码放去 E
2020-07-11 10:00:01
1857
转载 【JavaScript】localStorage 相关知识
localStorage 与 sessionStorage localStorage 与 sessionStorage 的唯一区别就是 localStorage 属于永久性存储，而 sessionStorage 属于当会话结束的时候，sessionStorage 中的键值对会被清空。文章目录localStorage 的优势localStorage 的局限localStorage 的优势localStorage 拓展了 Cookie 的 4k 限制；localStorage 可以将第一次请求
2020-07-07 01:08:09
1155
转载 为何 navigator.appName 的值都是 netscape?
来源：https://developer.mozilla.org/zh-CN/docs/Web/API/NavigatorID/appName英文： The NavigatorID.appName property returns the name of the browser. The HTML5 specification also allows any browser to return "Netscape" here, for compatibility reasons. Note: Do.
2020-07-07 00:15:05
1238
原创 【JavaScript String对象方法】字符串片段提取：slice()、substring()、substr()
当参数相同时，返回结果是否相同 slice() substring() substr() 单正参 ✅ ✅ ✅ 单负参 ✅ ❌（负参转换为 0，返回全字符串） ✅ 双正参 ✅ ✅ ❌ 双负参 ✅ null（负参转换为 0，返回空字符串） null（第二参不能为负参，转换为 0，返回空字符串） 左正右负 ✅ ❌（负参转换为 0） null（第二参不能为负参，转换为 0..
2020-07-04 02:43:03
615
原创 【JavaScript 面向对象编程——《原型继承》】计数器例子
相关文章导航 【JavaScript 面向对象编程——《深浅拷贝》】计数器例子 【JavaScript 面向对象编程——《设计模式》】计数器例子 ????【JavaScript 面向对象编程——《原型继承》】计数器例子????文章目录...
2020-07-01 22:45:38
215
原创 【JavaScript 面向对象编程——《设计模式》】计数器例子
相关文章导航 【JavaScript 面向对象编程——《深浅拷贝》】计数器例子 ????【JavaScript 面向对象编程——《设计模式》】计数器例子???? 【JavaScript 面向对象编程——《原型继承》】计数器例子文章目录一、模块模式优缺点二、工厂模式优缺点三、构造函数模式优缺点四、原型模式优缺点五、混合模式（构造函数模式 + 原型模式）优缺点一、模块模式&
2020-07-01 22:36:54
240
1
原创 【JavaScript 面向对象编程——《深浅拷贝》】计数器例子
相关文章导航 ????【JavaScript 面向对象编程——《深浅拷贝》】计数器例子???? 【JavaScript 面向对象编程——《设计模式》】计数器例子 【JavaScript 面向对象编程——《原型继承》】计数器例子关于深浅拷贝：【JavaScript 浅拷贝】Object.create()、Object.assign()、扩展运算符【JavaScript 深拷
2020-07-01 22:16:19
159
原创 【JavaScript 深拷贝】$.extend() 方法、自封装函数（进来拿代码套用啦！）
搜集来源：（代码中的同类变量已被我修改优化为同名变量）【JS】深拷贝与浅拷贝的区别，实现深拷贝的几种方法（递归一）js实现深拷贝（递归二、树广度一）JS实现深拷贝（递归一、树深度一）深度优先遍历，广度优先遍历实现对象的深拷贝（树深度二、树广度二）关于赋值、浅拷贝、深拷贝的区别文章目录【jQuery】extend()方法递归函数（一）递归函数（二）【DFS】树深度优先遍历（一）【DFS】树深度优先遍历（二）【BFS】树广度优先遍历（一）【BFS】树广度优先遍历（二）【jQuery】e
2020-07-01 21:01:04
601
原创 【JavaScript 浅拷贝】Object.create()、Object.assign()、扩展运算符
文章目录【ES5】Object.create() 方法【ES6】Object.assign() 方法【ES6】对象展开运算符 "..."【ES5】Object.create() 方法第一层嵌套层原对象未被修改，而第二层开始，原对象被影响（计数器例子只有一层）【ES6】Object.assign() 方法第一层嵌套层原对象未被修改，而第二层开始，原对象被影响【ES6】对象展开运算符 “…”第一层嵌套层原对象未被修改，而第二层开始，原对象被影响...
2020-07-01 19:39:54
642
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人