小蚊

摘要： 开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕，ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。 一、样式按组件或板块分文件写再合成 ①设置各种变量 采用scss或者less来写css代码有很多好处 阅读全文

摘要： 抛出一个问题，其实所谓的熟悉原生JS，怎样的程度才是熟悉呢？ 最近都在做原生JS熟悉的练习。。。 用原生Js封装了一个Ajax插件，引入一般的项目，传传数据，感觉还是可行的。。。简单说说思路，如有不正确的地方，还望指正^_^ 一、Ajax核心，创建XHR对象 Ajax技术的核心是XMLHttpReq 阅读全文

摘要： 经常会用到原生JS来写前端。。。但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的。。。 今天下班有点累。。。 就来总结一下简单的东西吧…… 备注：一下的方法都是包裹在一个EventUtil对象里面的，直接采用对象字面量定义方法了。。。 ①添加事件方法 ②移除之前添加的事件方法 ③获 阅读全文

摘要： 一、写在最前面 最近都忙一些杂七杂八的事情，复习软考、研读经典...好像都好久没写过博客了。。。 我自己写过三个图片轮播，一个是简单的原生JS实现的，没有什么动画效果的，一个是结合JQuery实现的，淡入淡出切换的。现在想做一个酷一点的放在博客或者个人网站，到时候可以展示自己的作品。逛了一下慕课网， 阅读全文

摘要： 前几天写的那个拖拽，自己留下的疑问。。。这次在热心博友的提示下又修正了一些小小的bug，也加了拖拽的边缘检测部分。。。就再聊聊拖拽吧 一、不要直接操作dom元素 react中使用了虚拟dom的概念，目地就是要尽量避免直接操作dom元素，所以我们在对dom元素进行操作的时候需要注意，我之前为了获取fo 阅读全文

摘要： 一、起因&思路 不知不觉，已经好几天没写博客了。。。近来除了研究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写得优雅一些呢？下面总结了几点供大家参考（如有错误，欢迎指正！）： 阅读全文