03 2016 档案
摘要：一、起因&思路 不知不觉，已经好几天没写博客了。。。近来除了研究React，还做了公司官网。。。 一直想写一个原生js拖拽效果，又加上近来学react学得比较嗨。所以就用react来实现这个拖拽效果。 首先，其实拖拽效果的思路是很简单的。主要就是三个步骤： 1.onmousedown的时候，启动可拖
阅读全文
摘要：今天，继续深入学习react.js。 目录： 一、JSX介绍 二、React组件生命周期详解 三、属性、状态的含义和用法 四、React中事件的用法 五、组件的协同使用 六、React中的双向绑定 一、JSX介绍 ①定义 JSX=JavaScript XML，是一种在React组件内部构建标签的类X
阅读全文
摘要：首先，React.js是facebook在2013年5月开源的一个前端框架，React不是一个MVC框架，它是构建易于可重复调用的web组件，侧重于UI, 也就是view层， React为了更高超的性能而使用虚拟DOM作为其不同的实现。 它同时也可以由服务端Node.js渲染 － 而不需要过重的浏览
阅读全文
摘要：前提引入 前提当然也是要引入Jquery啦。。。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 工具方法 ①获取浏览器的名称与版本信息 在jQuery中，通过$.
阅读全文
摘要：前提条件 话说是jquery中的ajax方法，那么前提条件当然是引入jquery啦。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 具体方法 ①load() 使用
阅读全文
摘要：今天，就分享一下我自己总结的一些JS的小技巧： ①防止鼠标选中事件 给元素添加了onslectstart=“return false",就可以防止鼠标选中事件。 ②给动态添加的元素绑定事件 1 2 3 4 5 6 $(document).on('click',".large",slide); //第
阅读全文
摘要：刚开始学习react.js。发现网上的资料，有些是写着react.render，有些写着reactDom.render.觉得很奇怪就查阅了一下资料。解释如下： 这个是react最新版api，也就是0.14版本做出的改变。主要是为了使React能在更多的不同环境下更快、更容易构建。于是把react分成
阅读全文
摘要：（点击上方的订阅号，可快速关注，关注有惊喜哦^_^） 前不久看到一道JS基础题目，做了一下竟然错了一半。。。在此分享一下： 先把题目放上来，大家可以自己测试一下再看答案哦^_^ ①console.log(1+"2"+"3"); ②console.log(1+ +“2”+"3"); ③consol
阅读全文
摘要：大家都知道，css中的position有4种取值，分别是static、fixed、relative、absolute。 详细解释： static：相当于没有定位，元素会出现在正常的文档流中。 fixed：元素框的表现类似于absolute，但是fixed是相对于视窗本身，也就是浏览器窗口而定位的。所
阅读全文
摘要：首先，看一个非常不优雅的例子： 看到这段代码，虽然代码很短，但是一眼看上去就不想再看了，也就是没什么可读性。这段代码，没有封装，随意定义一个变量都是全局变量，这样在多人开发或者是大型开发中，极其容易造成所谓的脏读。 那么，该怎样把JS写得优雅一些呢？下面总结了几点供大家参考（如有错误，欢迎指正！）：
阅读全文
摘要：今天在看忍者秘籍的时候，看到一个断言方法。查阅了一下资料，原来javascript中的console也包含这个方法。具体用法如下： 输出结果： 简单的断言是很有利于javascript调试的。
阅读全文
摘要：Less是什么？ LESS CSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法为CSS赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。 Less编译器：笔者推荐Koala，官方下载链接为：http://koala-app.com/index-zh
阅读全文
摘要：首先，来看看完成之后的效果图： 实现原理 ①曲线阴影实现： 多个阴影重叠，就是正常阴影+曲线阴影 正常情况下，有个矩形有正常的阴影，作为主投影，这时候再定义一个有一定弧度圆角的圆角矩形，然后放在正常矩形的下面，并露出一点点底部有弧度的阴影，这样的话就可以形成曲线投影的效果。例如下面这个样子： 主要代
阅读全文
摘要：五、数组 数组是数据的有序列表，每个元素在数组中都有数字位置编号，也就是索引。JS中的数组是弱类型，每一项都可以保存任何类型的数据。 创建数组 ①使用Array构造函数 var arr=new Array(); var array=new Array("red","green","blue"); /
阅读全文
摘要：首先，我们看一下DOM级别和兼容性： 之前好像在某本上看到说DOM有0级，实际上，DOM0级标准是不存在的。DOM有1、2、3三个级别。DOM1级由两个模块组成（DOM Core和DOM HTML），其中，DOM核心规定的是如何映射基于XML的文档结构，以便简化对文档中任意部分的访问和操作。DOM
阅读全文
