自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端学习日记

本博客记录了本人从技术小白不断学习,不断成长的经历!

  • 博客(37)
  • 资源 (6)
  • 论坛 (1)
  • 收藏
  • 关注

原创 React生命周期

学习react已经有一段时间了 当然这里说的是用react来编写页面而不是有服务器有后端的那种react-native总结下react开发:知识储备:1.react核心思想:虚拟DOM react关乎的是数据 而不是样式 所以其主要在于绑定每个组件的数据而页面中最耗时的是DOM操作 js代码执行的速度远大于js操作DOM的速度所以react开发了虚拟DOM

2016-06-28 12:08:02 613

原创 JS各种循环语句/条件语句的性能

循环语句JS中常见的循环函数有forwhiledo whilefor inforEachfor in 一般是用在对象属性名的遍历上的,由于每次迭代操作会同时搜索实例本身的属性以及原型链上的属性,所以效率肯定低下而forEach是基于函数的迭代(需要特别注意的是所有版本的ie都不支持,如果需要可以用JQuery等库),对每个数组项调用外部方法所带来的开

2016-06-26 14:42:50 4782

原创 Promise规范

Promise的出现就是为了解决冗长的callback造成的不便如: loadImg('a.jpg', function() { loadImg('b.jpg', function() { loadImg('c.jpg', function() { console.log('all done!'); }); })

2016-04-24 22:46:32 3380

转载 Mongoose使用操作

一般我们不直接用MongoDB的函数来操作MongoDB数据库 Mongose就是一套操作MongoDB数据库的接口.连接数据库// mongoose 链接var mongoose = require('mongoose');var db       = mongoose.createConnection('mongodb://127.0.0.1:27017/N

2016-04-21 19:03:16 15716 1

原创 H5游戏开发代码总结

1.移动端页面布局,使用相对的数值,不要使用绝对数值,推荐使用%,vw,vh,rem,em布局的时候,如果一个元素你想让他的宽高保持一定比例,而不随屏幕变化,宽高设置的时候,使用同一个单位都是CSS3的单位,低版本不兼容2.兼容性:苹果设备微信强制使用的是os的浏览器safar,页面访问的体验远大于安卓;安卓情况比较乱套:知乎上有人说是微信6.0.2以上是强制使用的QQ的X

2016-03-06 20:00:22 4281 1

原创 尺寸单位em,rem,vh,vw

这几天做demo,看了网上教程有用到尺寸单位vh,vw, 这些单位不是很熟悉,所以上网上找了些资料来认识了这些不认识的单位1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小*1.5但是当div进行嵌套的时候,em始终是按照当前div继承的字体大小来缩放,参照

2016-02-12 14:21:21 8012

原创 仿iPhone的switch开关

看到很多iPhone上的滑动开关效果的button,今天终于有时间搞一下其实很简单,也不难就是大量用到了CSS3的属性,不需要引入图片,但是要一点JS来控制贴上效果图:开启的时候关闭的效果代码在这里: anmiation .switch-bg { width: 150px;

2016-01-28 10:55:39 938

原创 微信自定义分享JS-SDK制作

微信分享现在越来越多的人喜欢分享一些东西给微信好友,所以我们最近需求要自定义分享微信内容,上网找了些资料,终于搞定了,下面来分享些经验。·       1.需要自定义分享的设置,需要绑定一个微信公众号。首先要在公众号的设置-功能设置里设置JS安全域名,这样微信会检查被分享的链接是否在安全域名内,不在的话,将无法自定义分享。·       2. 在开发者中心中获取你的AppI

2016-01-25 15:14:03 3152

原创 js控制radio选中

经常会遇到js控制radio选中和切换的问题之前一直使用的是checked属性来完成的但是现在发现这个属性有个大问题今天就是用js给选中radio的赋值,使用的$().attr("checked",true);当切换的时候,把name相同的radio的attr("checked",false),再把要选中的radio.attr("checked",true);但是问题来了,每个

2015-12-16 21:43:45 25628 1

原创 分享一个前端验证插件

好久没有更博了年底了 项目太忙分享一个最近在写的插件前端验证表单,验证不通过报错写的时间仓促,可能会有bug。。。恳请指正,已加完善页面中的的dom结构为 姓名: 搭配css.rows { width: 400px; overflow: hidden;

2015-12-14 22:01:07 1280

原创 关于前端写代码之前应该做到的事情

我发现每次直到提交测试的时候,总会出现一大堆问题,我仔细分析了一下出在自己身上的问题,觉得自己写的代码还是很少,而且做项目的经验不足,下面就是总结的一些在写代码之前应该做到的事情,这些事情做好了,可以少写很多代码和bug:1.  接手项目的时候,先不要开始做,一定要仔细研究需求,知道产品的每个细节,而不是大概什么样子。2.  向产品人员讲述这个项目应该是什么样子,如果有不同,去探讨究竟是什

2015-11-29 23:26:17 1652

原创 关于float的一些理解

Float是否脱离文档流,一个父元素不设置overflow的话,子元素float,就不会把父元素撑开,换句话说,他就不会有高度,但是做个demo:父元素overflow:hidden; 子元素前两个float,第三个不float,结果是第三个没有clear浮动的元素,跟float的元素出现在同一个位置,前提是这三个元素都是块元素。如果是行内元素的话,浮动元素则会跟行内元素争抢空间。总结一下:

2015-11-29 23:20:42 1275

原创 inline-block默认间距的处理方法

前几天写代码的时候,写到这样一段代码 1 2 3由于给每个a标签写了样式,使得每个a都是一个红色的inline-block但是问题来了,每个block默认都有一段间距,后来仔细量了量,发现大概是3到4px,不同浏览器距离不同。上网查了很多资料,发现确实有这个问题,导致这个问题的原因令我大吃一惊:是由于写代码的时候强制换行导致的。可能听不太懂,

2015-11-22 15:27:10 2113

原创 分享一个自己做的图片轮播的插件

现在的网站经常会有一些图片轮播效果,网上也有很多各式各样的图片轮播插件,什么样的效果都有,这里分享一个我自己写的图片轮播效果这个Lightbox有一个窗口容器,容器里面有一个长的容器,横向包住了所有图片,通过改变他的margin-left来实现左右效果的。图片下方有图片个数对应的黑方块,点击黑方块也可以跳到对应的图片上去;这个插件的最大的特点是可以根据里面的图片个数来实现切换,而且当滑

2015-11-15 22:40:45 3704 2

原创 CSS3实现Bootstrap的tooltip动画提示效果

这几天做项目,经常用到bootstrap中的tooltip,他一插件的形式在项目中出现,样式改起来比较麻烦,索性自己做了个玩玩。Demo来源与网上的教程,自己琢磨改进Html如下 tooltip Home

2015-11-05 23:21:26 3667

转载 jQuery插件DataTable删除行后的页面更新利

应用Jquery的DataTable进行数据表处理非常方便,常遇到的一个问题就是删除一行后页面必须进行更新,怎么样才能保证再删除当前页的行之后还能保留在当前页,而且,当删除该页仅剩的一条记录时,能够自动转到上一页的数据显示???初始化dataTable中添加字段: 'bStateSave': true, 这个必须设置,这样就可以在删除返回时,保留在同一页上;functi

2015-11-02 18:08:47 2734

原创 北京前端实习面试总结2015

来北京一周了,总体感受:北京很大,节奏很快,压力很大。这一周也没闲着,一直在网上投简历,去面试,回来再投简历。先说下我自己:前端小白,大学做的更多的偏向java后台,觉得算法数据结构是硬伤,于是打算做前端。本科,现在大四,没有实习经验,第一次外出实习就来北京闯一闯。现在面试一周了,差不多面试了13次,面试了10家公司,拿了4个offer。总体来说,还是乐观的,这里面大公司也有,

2015-10-17 15:50:06 1291

原创 [持续更新]HTML5学习笔记(五)简单Ajax实现

1. Ajaxajax现在已经广泛的应用在我们日常生活中,因为他可以实现不刷新页面,只替换文档中的一部分或多个部分。这大大的提升了用户体验和减少了页面显示不必要的内容。不过他也使浏览器的后退键时效,是一门有争议但是仍然广泛应用的技术。也是前端开发人员和后台开发人员都必须掌握的技术。Ajax在网站中有大量的应用:一开始Google在他的搜索框中使用ajax匹配跟用户输入相似搜索结果而引起轰动

2015-09-18 16:38:01 4211 1

原创 百度面试题--盒子凸起一个角效果实现的讨论

今天联系百度面试题的时候,看到了一道题:请用CSS实现如下图的样式,相关尺寸如图示,其中dom结构为:我很感兴趣,想了一下就做出来了,不过我做的效果大致上一样,只是数据上对不上,只好记录下我的思路。给的答案如下:思路就是先用:before在目的位置做出一个黑色大三角形,然后用:after在该位置做出一个小白色三角形,白色三角形比黑色三角形小,这样留出的宽度就看起来就像b

2015-09-11 16:19:13 1882

原创 [持续更新]CSS3学习笔记(三)弹性盒子

1.  弹性盒子弹性盒子用于页面布局。之前面试经常会问到:写一个三列布局,左右两个定宽,中间的宽度自动伸缩门。解决方法有很多种,可以设置三列浮动,左右定宽,中间宽度自动。下面要说的是一种利用CSS布局来结局的比较好的方案。使用box-flex属性告诉浏览器如何分配元素之间的未使用的空间。看个例子: box-flex* { padding: 0px

2015-09-09 15:33:39 411

原创 [持续更新]CSS3学习笔记(二)渐变&圆角&阴影&变换&动画

1.  颜色模式在网页中常见的颜色模式有:RGB,HSLA。RGB 大家不陌生,分别代表red,green,blue。使用6位16进制数表示。#00FF00;RGBA 就说多了一个Aplha透明通道。这个数值用0~1的数字来表示。rbga(255,255,255,0.3);HSLA 分别代表色调Hue,饱和度Saturation,亮度Light,透明度Alpha。但是在实际应用

2015-09-07 16:29:23 822

原创 [持续更新]CSS3学习笔记(一)伪类选择器&自定义字体&背景图片

CSS3学习笔记1.  伪类选择器CSS3之前的伪类共有::hover,:active, :visited, :link, :first-child, :lang这六种。CSS3新增了许多选择器,下面列出常见的几种。1.  :nth-child(n) 某个父元素的第n个子元素。(CSS3)2.  :nth-child(2n) 选择偶数项。(CSS3)3.  :nth-c

2015-09-06 21:30:49 1389

原创 Javascript中的事件绑定

1.  事件绑定js的事件绑定是前端基础知识点。我们经常会习惯这样添加一个事件:JS事件机制bottonvar btn = document.getElementById("btn");btn.onclick = function(){ alert("1");}btn.onclick = function(){ alert("2");} 

2015-09-05 20:29:58 611

原创 [持续更新]HTML5学习笔记(四)

1.  零散的知识点hgroup 样式display:block;但是它具有语义上的作用。例如,要用脚本把文档中的h1-h6标题提出来做提纲,h1是主标题,h2是章标题。现在h1主标题有副标题h2,这样按照正常的逻辑脚本会把副标题h2也当成章标题,不符合要求。使用hgroup标签将主副标题包含在内,语义上他们是一组,并且语义上遵照hgroup的第一个子元素,其他副标题在语义上都相对隐藏,这

2015-09-02 21:21:11 570

原创 [持续更新]HTML5学习笔记(三)

1.  HTML文档下面全面介绍几个HTML常见的文档,你肯定会有新的认识。1.  base元素用来设定一个基准URL,让HTML文档中的相对连接在此基础上进行解析。例如base定义:链接:test1其完整地址为:http://www.auszby.com/test/content/test1.html2.  meta元素用名值定义元数据给出几个常见

2015-09-01 19:30:11 563

原创 [持续更新]HTML5学习笔记(二)

1.  元素分类元数据元素(metadata element):由此可见主要是元素中的事情了,向浏览器提供信息和指示;流元素(flow element):听名字怪异,但是其实是规定这些元素可以成为父元素;短语元素(phrasing element):和流元素呼应,规定这些元素可以成为子元素。元数据还好理解,就是流元素和短语元素好奇怪,举个例子,div既可以是流元素也可以是短语元素,

2015-09-01 13:03:10 2585

原创 [持续更新]HTML5学习笔记(一)

HTML学习笔记1.  DOCTYPE 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中, 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。HTML5 不基于 SGML,所

2015-08-31 16:38:56 527

原创 [持续更新]JavaScript学习笔记(八)

1.匿名函数在JavaScript中是很常见的,也算是个零碎的知识点,值得记录。匿名函数顾名思义就是没有名字的函数,这种函数在JavaScript中的写法也很多,我参考了书本以及网上的别人的博客,总结出以下几种://常见写法(function() { alert('water'); })(); //带参数写法(function(o) { alert(o); })('water

2015-08-27 21:15:33 390

原创 [持续更新]JavaScript学习笔记(七)

1.this的用法看了一些网上的博客,总结下自己对this的看法。对于初学者来说,this还是比较抽象的;掌握一段时间后,最熟悉的还是this指代当前对象;但是归根结底一句话:this指调用函数的那个对象;1.函数调用function aa(){ this.a = 1;}aa();//1aa函数内定义了this.a;在这里this.a=1;相当于a=1;还

2015-08-22 22:13:28 273

原创 [持续更新]JavaScript学习笔记(六)

1.DOM节点操作文档对象模型(DOM)是表示和操作HTML和XML文档内容的基础API 1.选取文档元素1)document.getElementById()根据id选取元素返回对象2)document.getElementsByName()根据name选取元素返回NodeList3)document.getElementsByTagName()根据tag选取元素返回HT

2015-08-21 21:53:54 331

原创 [持续更新]JavaScript学习笔记(五)

1.闭包(closure)这个是js中很重要的一个概念,也是比较难理解的一个概念,也是用的比较多的一个概念。我的认识也有限,经验尚少,简单谈一谈我的理解。在说闭包之前,应该了解变量作用域(scope)这个概念,简单说就是在一个嵌套的函数内,子函数的变量对父函数不可见,父函数以及父函数的父函数的变量对子函数可见;当子函数要一个变量时,先从自身找,若没有,则去父函数的变量中找,以此类推。我

2015-08-17 21:05:03 330

原创 [持续更新]JavaScript学习笔记(四)

1.Call&&apply这两个方法非常相似。本节知识点参考http://www.cnblogs.com/huyong/p/4139875.htmlcall方法: 语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明: call 方法可以用来代替另一个对象调用一

2015-08-14 21:47:55 332

原创 [持续更新]JavaScript学习笔记(三)

1.__proto__&&prototype这两个东西我理解了好久,看了好多书的介绍以及别人的博客,这里写写我的理解。百度的面试中就问到了,可是我没回答出来。看一个例子  function F1(y){ this.y = y ; } F1.prototype.x = 10; F1.prototype.calculate = function(z){

2015-08-13 21:40:06 460

原创 [持续更新]JavaScript学习笔记(二)

1.变量作用域这个是个重点,也是前端考察的要点。一个变量的作用域(scope):是程序员代码中定义这个变量的区域。这是JavaScript权威指南第六版中对作用域的定义。简单的来说:一个变量定义在全局,就是全局变量,具有全局作用域(在代码中的任何地方都有定义);一个变量定义在函数内部,就是局部变量,只在函数内部有定义;参数也是局部变量,只再函数体内有定义。a.全局变量与局部变量

2015-08-12 22:11:55 566

原创 [持续更新]JavaScript学习笔记(一)

我的JavaScript学习的笔记,每天将所学的内容发布,本题目将持续更新,希望大家指正错误,一起进步,谢谢!

2015-08-11 22:13:43 401

原创 使用Hibernate多对一关联表出现的小问题

今天在写程序的时候出现了一个问题两张表 User 用户表 Article 文章表 一个用户对应多个文章 一个文章只对应一个用户下面是代码:User.javapackage ssh.entity;import java.util.Date;import javax.persistence.Entity;import javax.persistence.Generated

2015-04-05 22:14:16 345 2

原创 简单php登陆注册模块

php 简单登陆注册模块 适合新手学习

2015-01-08 14:41:31 8716

前端常见面试考点2015

总结了77个常见面试考点,并且附有哪个公司考得,供大家面试学习准备。

2015-10-17

简单Ajax前台后台实例

简单Ajax实例,实现超市收银台功能,根据不同的数量,返回不同的值。

2015-09-18

简单Ajax实例AjaxSample

一个简单的Ajax例子,点击不同按钮,页面中显示不同内容。

2015-09-18

bootstrap-2.3.2

bootstrap-2.3.2 包含了常用的js插件 js源码 常用图标 官网的文档 less源码 供大家开发使用

2015-04-07

ssh的小型博客网站

基于SSH的小型的博客网站 实现博客的基本功能 供新手学习使用 实现登录 注册 发表博客 等基本功能

2015-04-06

基于SSH的简单实例网站

这是一个基于SSH的简单网站 适用于刚刚学习ssh的新手们 主要实现管理员登陆 管理员管理用户的添加修改删除等操作 适合大家学习将三个框架做整合的练习

2015-03-31

php新手求助

发表于 2014-10-21 最后回复 2014-10-22

空空如也

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

TA关注的人 TA的粉丝

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