- 博客(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
原创 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
原创 如何利用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关注的人