摘要: 开篇语 最近接手了一个移动端的项目。个人感觉是自己做得比较快而且比较健壮的一个。。。移动端最主要就是页面要适用不同的手机屏幕,ipad等。下面就分享一些技巧,让你不依赖任何框架高效地搭建自己的项目。 一、样式按组件或板块分文件写再合成 ①设置各种变量 采用scss或者less来写css代码有很多好处 阅读全文
posted @ 2016-06-09 18:05 小蚊 阅读(4046) 评论(14) 推荐(15) 编辑
摘要: 抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习。。。 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的。。。简单说说思路,如有不正确的地方,还望指正^_^ 一、Ajax核心,创建XHR对象 Ajax技术的核心是XMLHttpReq 阅读全文
posted @ 2016-05-02 20:43 小蚊 阅读(3213) 评论(2) 推荐(6) 编辑
摘要: 经常会用到原生JS来写前端。。。但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的。。。 今天下班有点累。。。 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了。。。 ①添加事件方法 ②移除之前添加的事件方法 ③获 阅读全文
posted @ 2016-04-26 21:18 小蚊 阅读(12698) 评论(4) 推荐(10) 编辑
摘要: 一、写在最前面 最近都忙一些杂七杂八的事情,复习软考、研读经典...好像都好久没写过博客了。。。 我自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的,淡入淡出切换的。现在想做一个酷一点的放在博客或者个人网站,到时候可以展示自己的作品。逛了一下慕课网, 阅读全文
posted @ 2016-04-24 21:18 小蚊 阅读(13796) 评论(5) 推荐(6) 编辑
摘要: 前几天写的那个拖拽,自己留下的疑问。。。这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分。。。就再聊聊拖拽吧 一、不要直接操作dom元素 react中使用了虚拟dom的概念,目地就是要尽量避免直接操作dom元素,所以我们在对dom元素进行操作的时候需要注意,我之前为了获取fo 阅读全文
posted @ 2016-04-02 14:44 小蚊 阅读(5586) 评论(3) 推荐(5) 编辑
摘要: 一、起因&思路 不知不觉,已经好几天没写博客了。。。近来除了研究React,还做了公司官网。。。 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨。所以就用react来实现这个拖拽效果。 首先,其实拖拽效果的思路是很简单的。主要就是三个步骤: 1.onmousedown的时候,启动可拖 阅读全文
posted @ 2016-03-29 17:51 小蚊 阅读(16831) 评论(8) 推荐(3) 编辑
摘要: 今天,继续深入学习react.js。 目录: 一、JSX介绍 二、React组件生命周期详解 三、属性、状态的含义和用法 四、React中事件的用法 五、组件的协同使用 六、React中的双向绑定 一、JSX介绍 ①定义 JSX=JavaScript XML,是一种在React组件内部构建标签的类X 阅读全文
posted @ 2016-03-23 17:58 小蚊 阅读(13071) 评论(4) 推荐(9) 编辑
摘要: 首先,React.js是facebook在2013年5月开源的一个前端框架,React不是一个MVC框架,它是构建易于可重复调用的web组件,侧重于UI, 也就是view层, React为了更高超的性能而使用虚拟DOM作为其不同的实现。 它同时也可以由服务端Node.js渲染 - 而不需要过重的浏览 阅读全文
posted @ 2016-03-21 15:10 小蚊 阅读(5240) 评论(9) 推荐(2) 编辑
摘要: 前提引入 前提当然也是要引入Jquery啦。。。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 工具方法 ①获取浏览器的名称与版本信息 在jQuery中,通过$. 阅读全文
posted @ 2016-03-15 19:52 小蚊 阅读(3084) 评论(9) 推荐(4) 编辑
摘要: 前提条件 话说是jquery中的ajax方法,那么前提条件当然是引入jquery啦。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 具体方法 ①load() 使用 阅读全文
posted @ 2016-03-15 12:57 小蚊 阅读(5821) 评论(4) 推荐(7) 编辑
摘要: 今天,就分享一下我自己总结的一些JS的小技巧: ①防止鼠标选中事件 给元素添加了onslectstart=“return false",就可以防止鼠标选中事件。 ②给动态添加的元素绑定事件 1 2 3 4 5 6 $(document).on('click',".large",slide); //第 阅读全文
posted @ 2016-03-15 10:09 小蚊 阅读(764) 评论(1) 推荐(0) 编辑
摘要: 刚开始学习react.js。发现网上的资料,有些是写着react.render,有些写着reactDom.render.觉得很奇怪就查阅了一下资料。解释如下: 这个是react最新版api,也就是0.14版本做出的改变。主要是为了使React能在更多的不同环境下更快、更容易构建。于是把react分成 阅读全文
posted @ 2016-03-14 15:46 小蚊 阅读(8986) 评论(0) 推荐(1) 编辑
摘要: (点击上方的订阅号,可快速关注,关注有惊喜哦^_^)   前不久看到一道JS基础题目,做了一下竟然错了一半。。。在此分享一下: 先把题目放上来,大家可以自己测试一下再看答案哦^_^ ①console.log(1+"2"+"3"); ②console.log(1+ +“2”+"3"); ③consol 阅读全文
posted @ 2016-03-13 20:40 小蚊 阅读(2450) 评论(0) 推荐(1) 编辑
摘要: 大家都知道,css中的position有4种取值,分别是static、fixed、relative、absolute。 详细解释: static:相当于没有定位,元素会出现在正常的文档流中。 fixed:元素框的表现类似于absolute,但是fixed是相对于视窗本身,也就是浏览器窗口而定位的。所 阅读全文
posted @ 2016-03-13 19:59 小蚊 阅读(4896) 评论(0) 推荐(0) 编辑
摘要: 首先,看一个非常不优雅的例子: 看到这段代码,虽然代码很短,但是一眼看上去就不想再看了,也就是没什么可读性。这段代码,没有封装,随意定义一个变量都是全局变量,这样在多人开发或者是大型开发中,极其容易造成所谓的脏读。 那么,该怎样把JS写得优雅一些呢?下面总结了几点供大家参考(如有错误,欢迎指正!): 阅读全文
posted @ 2016-03-13 14:54 小蚊 阅读(3489) 评论(5) 推荐(1) 编辑