- 博客(15)
- 收藏
- 关注
RSS订阅原创 Network knowledge
网络基础名词解释：IP地址：internet protocal:互联网协议地址，具有唯一性任何一台接入互联网的计算机都必须有一个IP地址，在互联网中，只有通过ip地址才能找到另一台计算机其实IP地址就是一些很简单的数字，0.0.0.0 - 255.255.255.255。比如：127.0.0.1 192.168.0.107 11000110.10101000.00000000.01101011 1TB = 1024GB 1GB = 1024MB 1MB = 1024K
2020-07-18 09:14:46
160
原创 常见的css图形绘制合集
正方形实时渲染效果如下：代码如下：<style> .box { width: 100px; height: 100px; background-color: red; }</style>长方形实时渲染效果如下：代码如下：<style> .box { width: 200px; height: 100px; background-co
2020-07-16 22:36:55
102
原创 撩撩this指向
一、什么是this？定义：this解析器在调用函数时传递给函数的一个参数,this指向的是一个对象,这个对象我们称为函数指向的上下文对象，根据函数的调用方式不同(跟创建方式无关)，this会指向不同的对象。二、this的指向函数的不同调用方式决定了this 的指向不同1、普通函数function foo(){ console.log(this);//Window}foo();结论：普通函数中this指向window2、对象var o = { sayHi: function()
2020-07-01 19:48:04
121
原创 谈一谈js中的预编译
预编译javascript是一个解析型语言。作为解析型语言，它的运行过程主要分为三步：1、语法分析；2、预编译；3、解释执行。一、语法分析作用：全局检查是否有语法错误。js会对全部的脚本代码进行解析，通过js引擎检查你的代码是否存在错误，若存在错误就会抛出一个错误；或者语言分析完成。学会这个可以在调试代码的时候，更快地帮助我们找到错误。在浏览器控制台输出红色的错误信息，就是语言分析完成的。二、预编译GO对象1、创建GO对象。2、全局var 声明的变量提升(只有var声明的变量才会提升；省略va
2020-06-29 20:56:00
178
原创 JavaScript内置对象撩一撩
内置对象概述：JavaScript 中的所有事物都是对象，JavaScript 提供多个内建对象，比如 String、Date、Array、Math等等，使用对象前需要事先定义。一、布尔对象1、创建布尔对象与转换布尔值布尔对象的属性：constructor(返回对创建此对象的Boolean函数的引用)，使用‘new Boolean()’构造函数将参数转换成一个布尔值，并创建一个布尔对象，而使用‘Boolean()’转变函数只是将一个值转换为布尔类型的数据a、如果参数为0、null、NaN、fals
2020-06-23 10:57:40
103
原创 动画的世界animation
animation1、什么是动画？动画是 CSS3 中最具颠覆性的特征之一，可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果。2、动画的基本使用先定义动画在调用定义好的动画3、语法格式(定义动画)示例：@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px }}4、语法格式(使用动画)示例：div { /* 调用动画 */
2020-06-20 17:34:28
126
原创 你不知道的2D和3D
2D和3DCSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。一、移动：translate概述2D 转换是改变标签在二维平面上的位置和形状。其中包括：移动： translate；旋转：rotate； 缩放： scale。语法x 就是 x 轴上水平移动y 就是 y 轴上水平移动transform: translate(x, y)transform: translateX(n)transfrom: translateY(n)小注意2D 的移动主要是指 水平、垂直方向上的移动
2020-06-20 17:02:36
244
原创 弹、弹、弹—flex布局
flex布局1、概述弹性盒子是CSS3的一种新布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。2、原理flex 是 flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。flex布局又
2020-06-20 15:56:19
146
原创 推箱子（盒子模型）
盒子模型（Box Model）1、概述所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。2、说明Margin(外边距) - 清除边框外的区域，外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域，内边距是透明的。Content
2020-06-20 15:24:03
260
原创 js中的数据类型(简单数据类型)
数据类型1、数据类型简介为什么需要数据类型？1、在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。2、简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。变量的数据类型变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序
2020-06-20 11:55:04
445
原创 js中的运算符(操作符)
运算符(操作符)运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。运算符的分类JavaScript中常用的运算符有：算术运算符递增和递减运算符比较运算符逻辑运算符赋值运算符1、算术运算符算术运算符概述概念：算术运算使用的符号，用于执行两个变量或值的算术运算。浮点数的精度问题浮点数值的最高精度是 17 位小数，但在进行算术计算时其精确度远远不如整数。var result = 0.1 + 0.2; // 结果不是 0.3，
2020-06-20 10:34:24
272
原创 js流程控制说一说
流程控制概念：在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解：流程控制就是来控制代码按照一定结构顺序来执行。流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，代表三种代码执行的顺序。1、顺序流程控制顺序结构是程序中最简单、最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺序，依次执行，程序中大多数的代码都是这样执行的。2、分支流程控制分支结构由上到下执行代码的过程
2020-06-20 09:56:54
155
转载 网页适配 iPhoneX
前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：适配之前需要了解的几个新知识安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不
2020-06-13 16:35:41
108
原创 管理软件包npm发布基本流程
一、Node.js介绍：JavaScript是一种脚本语言，本身并不能编译执行。最早时期只是作为浏览器脚本，只能够在浏览器中执行（JavaScript必须依赖一个运行环境作为载体才能够执行）。Node.js 是一个JavaScript 运行环境，是一个基于 Chrome V8 引擎的 ，独立于浏览器的，所以能够实现让JS脱离浏览器单独执行，也就从技术上实现了用JS开发桌面软件。Node.js提供了文件系统、网络系统等其他操作系统API，可以用于服务器开发。但是Node.js没有提供图形界面API，所以
2020-06-13 11:18:14
158
原创 分布式版本控制系统Git的使用
Git——分布式版本控制系统概念：Git是一个开源的分布式版本控制系统，用以有效、高速的处理从很小到非常大的项目版本管理。Git 是Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件一、Git的特点１、分支更快、更容易。２、支持离线工作；本地提交可以稍后提交到服务器上。３、Git 提交都是原子的，且是整个项目范围的，而不像 CVS 中一样是对每个文件的。４、Git 中的每个工作树都包含一个具有完整项目历史的仓库。５、没有哪一个 Git 仓库会天
2020-06-11 21:38:20
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人