自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 资源 (3)
  • 收藏
  • 关注

原创 js常用效果代码封装

1、时间格式化 Date.prototype.Format = function(format) { //对所有时间对象加上原型操作 format ? format : format = "yyyy-MM-dd hh:mm:ss"; //不传则默认format(最后一个format可以删掉) var o = { //this并不在对象的内

2016-10-29 22:50:28 610

原创 ECMAScript6知识点概要

1. let、const 和 block 作用域let 允许创建块级作用域,ES6 推荐在函数中使用 let 定义变量,而非 var:vara = 2;{  leta = 3;  console.log(a);// 3}console.log(a);// 2同

2016-10-19 22:47:42 289

转载 js事件详解

一、监听事件绑定事件,ie有attachEvent,w3c有addEventListener,解除绑定,ie有detachEvent,w3c有removeEventListenerjQuery做了很好的封装,api也比较多,bind,live,delegate,on等等,其不同api也所区别,由于版本问题,个别api也有所区别。我个人一般都用同一个,要么用bind,要么用on。

2016-10-19 18:40:10 449

原创 垂直水平居中的方法总结和适用场景

这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大堆。但是方法虽多,却有很多适用的限制,并没有一种可以随意通用的。所以想来自己做一下总结,方便查找交流。 效果图都为这个:方法一:position加margin /**html**/class="wrap"> class="center">/**

2016-10-18 21:24:14 350

转载 javaScript基础知识点总结

第一课时 入门基础1、window作用域只要在script标签中定义的变量,默认就在window的作用域之下默认就是window这个对象里面写代码2、数据类型如何判断js中的数据类型:typeof、instanceof、 constructor、 prototype方法比较如何判断js中的类型呢,先举几个例子:

2016-10-15 18:14:47 605

原创 css基础图形绘制

效果预览:http://tortoise.applinzi.com/css.html话不多说,直接上代码      div{  margin: 100px auto;}/*Square(正方形)*/#square {    width: 100px;    height: 100px;    ba

2016-10-06 22:42:00 282

原创 不用看了,赶紧跟着敲一遍!

一、元素查找//1.Node节点document.getElementById(id);document.querySelector(selector);document.doctype;document.documentElement;document.head;document.title;document.body;//2.NodeList,节点数组document.

2016-10-04 19:19:41 293

原创 webpack学习笔记

一、安装webpack我们通过 npm 全局安装 webpack:npm install webpack -g安装完成后,我们可以使用 webpack 命令,执行webpack --help能够查看 webpack 提供的所有命令。这样就表示你已经安装成功了。二、初始化项目#安装好 webp

2016-10-03 21:15:03 2485 2

原创 初级前端自学react-native,必备知识点(ES6+ReactJS+flexbox)

我们在学会搭建react-native环境之后,打开项目根目录,看到很多个文件,但是最起眼的应该就是那俩js兄弟文件了我们一看那名字就知道,我们接下来的任务就是要弄它们:我们用编辑器打开项目根目录下的index.android.js文件,可以看到有这么个东西:那么我们先测试一下,在手机上跑起来。不知道大家还记不记得步骤:第一步:在项目根目录下

2016-09-30 23:26:49 742

原创 如何打造一份简历,让所有的hr看了都会眼前一亮

众所周知,现在前端培训机构如雨后春笋,他们的面试也都有自己的一套。有些单位知道,其实有一定经验的前端和刚培训出来的前端没有太大差别。那么我们如何在这样的局势下保证自己的地位不被动摇、如何保证自己不会败倒在培训生的廉价竞争手段上是我们必须要思考的问题。当然,第一步是最关键的,那就是拿到面试机会,所以我们要从简历做起。第一个内容:个人信息正所谓英雄不问出身,

2016-09-29 20:36:05 927

原创 针对前端初级学者,如何在windows下搭建react-native环境详细教程

我也是自学react-native,当年到处找教程,然而最难的一步却是环境的搭建,虽然网上有很多关于环境配置的文章,但是都不够详细所以我也是踩着坑过来的,毕竟我也只是个前端初级学者,所以我想写一篇让我自己也能看得懂的教程,让大家共勉。作为一名学端学者,我的顺序可能跟别人的不一样。比如说node和git基本上是必备。1、安装node基于js的,node.j

2016-09-27 21:17:37 506

原创 关于移动端适配的几个方法,快速构建响应式网站必备知识

随着移动端的发展,手机端的页面应用越来越广泛,所以我们现在更多的是做移动端的页面。但是我们同样要维持pc端,因此难免会遇到许多麻烦。而且现在做移动端适配的方法也有好多种,针对不同的网站我们需要合理的判断,选择全适的方法;第一种方法:整个页面宽高用px写死,让宽度自适应这是最蠢的一个办法,但是实际上我们用得也挺多,它适用于一些页面结构比较复杂的网站。我们只需要在头

2016-09-26 22:42:00 8131

转载 教大家写几个可能用得上的css3简单动画

例子1:菊花状的Loading效果第一步画出静态的小菊花。sk-fading-circle { width: 40px; height: 40px; position: relative;}.sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute;

2016-09-26 22:22:19 2749

原创 最简单的混合开发教程:APICloud.

现在react-native越来越火了,阿里也推出了weex,微信的应用号也开始内测了,未来的世界将会是混合开发的天下。所以现在还没有接触过混合开发的前端朋友们就要看过来了,这是个最简单的混合开发框架 。那些已经在做混合开发的朋友们,也欢迎你们来吐吐口水。首先我们看到的是APICloud的官网:http://docs.apicloud.com/所以你

2016-09-25 23:54:28 7979 1

转载 html默认样式总结

我们都知道,一些html标签通常都带有默认css样式,我们在写网页时,这些默认的样式就会时不时的跳出来捣一下乱,搞得我们很是无奈。所以成手在写css样式时,一般都会在开头写一段初始化程序,来去掉这些默认样式,最简单的方法就是使用*{margin:0;padding:0;}。但是通常我们很少使用这种方法,因为通配符*的效率极低。所以我们要先熟悉标签的默认样式,再来研究怎么对付他们。

2016-09-25 22:58:39 749

空空如也

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

TA关注的人

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