随笔分类 - Javascript
Javascript前端问题的一些技术分享
摘要：一直以来，因为团队项目迭代节奏很快，每次发布的更新日志和版本更新都是通过人肉来完成的。有时候实在忙的团团转，对于手动的写这些更新信息就显得力不从心了。对于团队新来的小伙伴，有时候遇到些紧急情况，就更显的乱糟糟，还是得麻烦团队资深的同学。显然这些工作，用自动化工具再适合不过了。 本文是一篇项目自动化方
阅读全文
摘要：背景 我相信很多朋友跟我一样，初次听到什么Flux, Redux， Vuex，状态管理的时候是一脸懵逼的。因为在外面之前前端大部分开发的时候，根本没有那么多的概念。自从ReactJS火爆后，什么Flux, Redux，React全家桶是一套一套接踵而来。搞的很多开发者甚是头大。所谓的ReactJS全
阅读全文
摘要：图片异步加载功能是现在web中非常常见的一个针对web做优化的方法。尤其是在移动端，面对大量的图片列表的时候，如果没有做相应的优化，会直接导致页面滑动和加载的卡顿，而且用户会莫名的发现当前应用占用的流量会很大，因为他可能都没有浏览到很多图片，而程序就自动加载了所以的图片，对于一个流量吃紧的人来讲，这
阅读全文
摘要：最近刚刚做完一个用Cordova开发了一款电子商务的应用。在选用Cordova前，我有考察过，国内的Appcan, Apicloud等等的解决方案。其实Appcan，ApiCloud的混合方案挺完整的，从开发，框架，到打包测试，数据统计都包含了，但是我还是更倾向于开源的Cordova, 我相信开源社
阅读全文
摘要：上拉或者下拉刷新的需求在移动端是非常常见的需求，大部分情况下，实现这个效果都使用网上现有的解决方案，例如有人使用swiper这个插件， 也有人使用iScroll这个滚动插件。本文的示例是利用iscroll实现的下拉刷新效果。 iScroll简介 iScrool是目前最成熟的自定义滚动解决方案之一，在
阅读全文
摘要：之前我写了一篇自定义checkbox的文章，通过css3实现自定义的checkbox，并没有使用当今流行的Reactjs, 或者Vuejs之类的进行组件化。但是很显然，这样封装的checkbox组件复用的时候非常麻烦。如果在新项目中使用的话，可能需要同时拷贝css和html文件进行整合。从html语
阅读全文
摘要：Cordova开发环境的搭建原文地址:http://imziv.com/blog/article/read.htm?id=66Cordova为目前做混合式开发中比较受欢迎的一个解决方案了，并且拥有比较丰富的插件资源。本文介绍了Cordova开发的环境搭建过程。 由于Cordova命令行工具发布在了n...
阅读全文
摘要：GulpGulp是一款项目自动化的构建工具，与Grunt一样可以通过创建任务（Task）来帮助我们自动完成一些工作流的内容。当然，今天我们的内容并不是讨论这二者的区别，仅仅是介绍介绍如何利用Gulp来优化我们的Web项目中前端自动化工作流。引言相信不少人看过百度大牛张云龙的那篇讲解大公司里怎样开发和...
阅读全文
摘要：WebGL，Three.js 实现3D 地球模型
阅读全文
摘要：全屏功能是浏览器很早就支持的一项功能了，可以让你页面中的video, image ,div 等等子元素实现全屏浏览，从而带来更好的视觉体验，来看看怎么使用吧。先来看看有哪些API和事件支持。API// 元素请求全屏显示 element.requestFullscreen()// 检测文档的当前状态...
阅读全文
摘要：// 解决不同浏览器下载文件名称乱码var userAgent = (req.headers['user-agent']||'').toLowerCase();res.set('Content-Type', 'application/octet-stream;charset=utf-8');if(u...
阅读全文
摘要：最近1，2个月一直都尝试开发一款Hybird app，遇到了很多问题，谈谈自己的体会。Hybird app (混合模式移动应用），它利用例如安卓端webview组件+HTML5内嵌的方式混合的方式开发的移动应用，好处显而易见，由于内嵌的是Html5, 所以跨平台，扩展性，开发成本都是很不错的优势。H...
阅读全文
摘要：其实在大部分互联网web产品中，我们通常会用百度统计或者谷歌统计分析系统，通过在程序中引入特定的JS脚本，然后便可以在这些统计系统中看到自己网站页面具体的访问情况。但是有些时候，由于一些特殊情况，我们需要自己来设计统计系统。由于前段时间公司的业务需求，我也是自己尝试了下，本文提供的是一个基本思路...
阅读全文
摘要：利用HTML5的新特点做文件异步上传非常简单方便，本文主要展示JS部分，html结构。下面的代码并未使用第三发库，如果有参照，请注意一些未展现出来的代码片段。我这边的效果预览：1.文件未选择 2.文件已选择HTML代码部分： 思路：下面代码中我利用css的z-index属性将input="f...
阅读全文
摘要：经常在一些大神博客里面看到非常好看的高亮代码，有sublime风格，GitHub风格等等。毫无疑问，好的高亮代码插件可以不仅仅让你的博文显得更高大上，更重要的是舒适的阅读体验。经过我在网上的一番搜罗，终于找到了一款非常赞的高亮插件，先来看看效果吧!1.Javascript 效果//检测URLf...
阅读全文
摘要：理解IO IO（Input/Output）通常是指计算机线程进行慈磁盘读写或者网络通信时的一种行为。同步式（Synchronous)IO和异步式(Asynchronous )IO 同步式：当计算机调度线程进行I/O操作命令后，由于文件的读写或者网络通信需要较长的操作时间，操作系统为了充分利用cp...
阅读全文
摘要：最近经常回在群里面看到有些朋友问如下这样的js写法该如何理解的的问题,虽然可能对匿名函数有些理解，但是有时候看到JQuery源码或者其他JS库中同样的写法时，就有点不理解了，今天再次分享下这方面的知识点。(function(){})(JQuery);对以上写法的理解： 上面的这种写法通常叫做“块级作用域”，块级作用域的好处就是可以将匿名方法内部的变量进行私有化，当程序运行结束之后便将一些变量自动销毁。第一个（）号表示次函数为一个函数表达式，其中包含了一个匿名函数，后面的一个（）则表示执行这个函数表达式中的匿名方法，而JQuery则作为这个匿名函数的一个参数。匿名函数 通常声明一个匿名函数的..
阅读全文
摘要：说明： 本方法采用了Jquery库，暂时检测兼容IE8版本。本示例的2种颜色的星星都是放入了一张png图片当中，当然还有其他的一些实现思路。本示例展示的情况是当前页面只有一个星级评价的情况。思路： 通过对星级显示元素的，mouseenter,mouseout,click 三个事件的监听，从而星星显示的个数。其中我用了2个变量（temp_value,choice_value）来存放当前选定星级的值和当前临时的星级值； temp_value : 临时的星级值； choice_value : 选择的星级值； mouseenter : 鼠标移入，获取当前所在的星星级别赋予temp_va...
阅读全文
摘要：前几日在利用JQuery做菜单滑动标记这个效果的时候，最后发现滑动条在我用鼠标快速滑动的时候，会出现滑动条延迟滑动，并且有卡顿的现象,相当影响体验感受。不完美～在几番询问下，得到了一个延时处理的解决方案，完美解决了这个问题。思路： 在鼠标移入目标元素的时候，启用定时操作，我目前设置的为1/10秒，也就是说，当鼠标如果在目标元素区域停留了满足我预设值的时间范围内的话，我就执行动画效果，否则没有达到预设值的时间范围便移出来目标元素的话，便取消延时执行的操作。简单的说，满足定时条件执行，否则取消操作。具体代码：HTML 部分： 1: 2: menu1 3: menu2 ...
阅读全文
摘要：由于平时对元素样式的控制基本上只是3，4个，所以一般用Jquery的时候直接使用$(element).css();这个方法，或者使用$(element).addClass()方法完成样式操作。对于小范围元素的操作来说，这是非常方便的。但是当针对众多元素同时进行操作的时候呢，这2个方法让代码看起来就比较重量级了，代码的可读性也比较小。 过程起初，我先尝试了一种方式，就是在JS代码中动态插入link标签，引入新的样式文，但是很遗憾的是根本就不起作用，因为那个时候浏览器已经把样式渲染到页面元素了，新引入的样式文件根本就不会被浏览器执行渲染。所以我选择了另外一种方式，就是把2个样式文件同时先加载...
阅读全文
浙公网安备 33010602011771号