自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 原生 JS 实现轮播图

先来看最终完成效果图 : 一、搭建 HTML 静态页面<!-- 外层父容器 --><div id="container"> <!-- 图片容器 --> <div id="list"> <img src="imgs/slide_bg1.jpg" alt=""> <img src="imgs/slide_bg2.jpg" alt="">

2018-05-06 14:24:22 256

原创 圣杯布局

圣杯布局是一种经典的三栏分布式布局,它的特点是,两边固定宽度,中间一栏宽度随着浏览器页面缩放而自适应地改变。

2018-01-24 19:02:17 252

原创 CSS 元素居中显示(完整版)

一、水平1.内联元素块级别的父元素中水平放置内联元素,只需在父元素设置 text-align: center div> span> this is a paragraph. span>div>div { text-align: center;}这将适用于内联,内联块,内联表,内联flex等。2.块级元素(1)单个块元素对于确定 wi

2018-01-23 22:57:56 536

转载 CSS选择器

一、上下文选择器子选择器 我们可以用DOM中的父子元素关系来选择,也就是子选择器,两个元素中间用“>”来连接,如代码所示:style> article>p { font-size: 12px; }style>同胞选择器 我们也可以通过同胞关系来选择,叫做同胞选择器或者是兄弟选择器,这就意味着选择器的标签元素需要具有同一个父元素,它们之间用“+”来连接,例子:

2018-01-22 15:24:00 171

原创 CSS水平居中、垂直居中及一些常见问题

CSS居中及其他常见问题

2017-12-29 23:08:47 187

原创 如何利用D3.js绘制一个简单的散点图

首先保证你的包中引入了d3.js文件,我这里用的是d3.v3.js这个版本 接下来可以开始写你的程序了要在网页上绘制散点图,我们需要用到SVG(不清楚SVG概念的请点击 这里 学习)1.定义画布//这里我们随意定义一些散点坐标var dataset = [[5,10],[10,8],[15,18],[20,11],[25,15],[30,20]];//设定画布宽度var

2017-12-05 22:53:56 4037

原创 JS对多维数组排序

现有data数组如下:var data = [[1,2,2],[3,3,1],[2,1,3]];对data数组按照数组第三维数值进行排序data.sort(function(x,y){ return x[2] - y[2];});其实是数组依次将数组元素复制给x,y,比如首先将arr[0]赋给x,arr[1]赋给y,然后用x[0] – y[0],根据返回的值, 如果

2017-12-05 22:46:44 2941

原创 React属性与事件

一、State属性state 属性对模块来说属于自身属性初始化 state react中每个类都有一个构造函数 constructor(),初始化可放在构造函数中,通过 JSon 语法初始化 stateconstructor(){ super(); //调用基类所有的初始化方法 this.state = {username : "Jaakko"

2017-11-17 15:07:41 389

原创 React组件

注意事项: 1. 组件的return函数返回的HTML节点必须是一个 2. 可以给外部使用的组件定义 export default 3. 入口的定义

2017-11-10 16:21:03 166

原创 Windows下react环境的配置与项目的新建

在Windows下配置react需要进行如下几步:1. nodejs的安装下载并安装nodejs(为使用其包管理工具npm) 安装完成后在命令行输入如下指令:node -vnpm -v若安装成功,则显示其版本信息2.配置npm淘宝镜像在命令行输入如下命令$ npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成后,在命令

2017-11-07 19:52:48 4269

原创 用python搭建一个最简单的Web服务器

用python搭建一个最简单的Web服务器首先要保证python安装及环境配置完成,然后通过DOS命令找到html文件的位置, 在命令行输入如下:python -m http.server 8888----------(8888为端口号,也可设置为其它)这样,一个简单的Web服务器就搭建完成,在浏览器中输入localhost:8888便可实现通过IP地址访问

2017-09-26 21:42:03 6105

转载 windows下vue.js的安装与配置

windows下vue.js的安装与配置 下载及安装1.1、node的安装及配置使用vue.js开发web前端时,需要用到node的包管理工具npm,所以需要先安装node。这里贴出node官网,下载完成后安装即可。安装完成后,在命令行(CMD命令行)中打出node -v,如果显示node的版本号则安装成功。node -v接下来在命令行中打出npm -v ,检查npm是否正常安装,npm是no

2017-09-26 20:55:22 1306

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除