02JavaScript基础语法部分
包装类型 在JavaScript语言中,原始类型与包装类型创建的数据在使用上没有任何差异 定义变量的两种方式 // 直接/字面量 量方式定义 var bool = true; //构造函数方式 var Bool = new Boolean(true); 创建对象的语法格式 new 构造函数(); 例如var Bool = new Boolean(true);表示创建一个值为true的变量Bool 三种包装类型分别是 布尔类型、数字类型、字符串类类型 var Bool = new Boolean(true); var Num = new Number(100); var Str = new String("this is message"); 判断包装类型不能使用typeof而是使用instanceof 。语法结构变量名/对象名 instanceof 构造函数/数据类型 console.log(Str instanceof String); 特殊类型 undefined 得到undefined这个值的情况 声明变量但未初始化值时。 var msg; console.log( ...
01安装nvm及js基础语法
nvm的安装(Windows) 下载地址:https://github.com/coreybutler/nvm-windows/releases nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置 nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。 下载完成(安装版)后双击就可以进行安装了。 安装-同意协议 选择nvm安装的路径(路径最好不要出现中文字符) 选择nodejs路径 确认安装即可。 打开cmd,输入命令nvm则可看到信息。 【此项为可选】设置淘宝镜像源 因为nvm默认实在官方去下载,而官方在国外 因此会导致国内经常下载不了等问题。因此这一步我们将默认源改为淘宝的。 在安装(nvm)目录下找到一个叫settings.txt文件,打开后加上下面两行内容即可。 node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm ...
片刻网项目
片刻网项目 复习回顾——页面布局 如图,需要实现的布局为经典的三列布局(logo、导航、登录注册按钮)。 对于这种情况首先想到的应该是这样的。 也就是说在一个大的容器中,我们在写入一个容器(红色)作为存放绿色容器、蓝色容器、紫色容器 。那么实现起来就很简单了。 <!-- 黑色的大容器 --> <header class="head"> <!-- 红色部分 --> <div class="container"> <!-- 绿色部分 --> <div class="logo"></div> <!-- 蓝色部分 --> <div class="nav"></div> <!-- 紫色部分 --> <div class="login"></div> </div> </header> 第一步需要做的就是黑色的容器的宽度设置为100%,这是为了给里边的元素实现居中。 .head ...
Hexo利用coding持续集成实现双部署
Hexo利用coding的持续集成完成coding+GitHub双部署;Hexo实现双线部署。
小康的代码仓库汇总
这里是小康的代码仓库及笔记的索引哦!
一些常用网址推荐
一些常用网址推荐
typora自动图片自动上传到图床
配置Typora编辑器将图片自动同步到图床。自动上传至GitHub、阿里、七牛、又拍、sm等图床。
css实现动态效果
css实现动态效果 个人头像悬停特效 效果图: 代码示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .img { width: 150px; height: 150px; margin: 100px auto; background: lightcoral; border-radius: 50%; } .img img { width: 100%; border-radius: 50%; transform: scale(1); transition: all ...
前端课程——弹性盒子模型
弹性盒子模型 什么是弹性盒子模型 CSS3 新增了弹性盒子模型(Flexible Box 或 FlexBox),是一种新的用于在 HTML 页面实现布局的方式。使得当 HTML 页面适应不同尺寸的屏幕和不同的设备时,元素是可预测地运行。 弹性盒子模型实现 HTML 页面布局是与方向无关的。不类似于块级布局侧重垂直方向,内联布局侧重水平方向。 弹性盒子模型主要适用于HTML页面的组件以及小规模的布局,而并不适用于大规模的布局,否则会影响 HTML 页面性能。 伸缩容器(flex container):包裹伸缩项目的父元素。 伸缩项目(flex item):伸缩容器的每个子元素。 轴(axis):每个弹性盒子模型拥有两个轴。 主轴(main axis):伸缩项目沿其一次排列的轴被称为主轴。 侧轴(cross axis):垂直于主轴的轴被称为侧轴。 方向(direction):伸缩容器的主轴由主轴起点和主轴终点,侧轴由侧轴起点和侧轴终点描述伸缩项目排列的方向。 尺寸(dimension):根据伸缩容器的主轴和侧轴,伸缩项目的宽度和高度。 对应主轴的称为主轴尺寸 ...












