7 Aus0049

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 7w+

React生命周期

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

2016-06-28 12:08:02

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

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

2016-06-26 14:42:50

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

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

H5游戏开发代码总结

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

2016-03-06 20:00:22

尺寸单位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

仿iPhone的switch开关

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

2016-01-28 10:55:39

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

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

2016-01-25 15:14:03

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

分享一个前端验证插件

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

2015-12-14 22:01:07

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

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

2015-11-29 23:26:17

关于float的一些理解

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

2015-11-29 23:20:42

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

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

2015-11-22 15:27:10

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

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

2015-11-15 22:40:45

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

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

2015-11-05 23:21:26

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

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

2015-11-02 18:08:47

北京前端实习面试总结2015

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

2015-10-17 15:50:06

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

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

2015-09-18 16:38:01

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

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

2015-09-11 16:19:13

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

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

2015-09-09 15:33:39

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!