js/jquery/jqueryUi/jqueryEaseyUI/extjs/angulrJs/react/es6/grunt/zepto/raphael
文章平均质量分 54
tao_wei162
这个作者很懒,什么都没留下…
展开
-
JavaScript面试题
1、使用 typeof bar === "object" 判断 bar 是不是一个对象有神马潜在的弊端?如何避免这种弊端?使用 typeof 的弊端是显而易见的(这种弊端同使用 instanceof):?123456let obj = {};let arr = []; console.log(typeof obj =...原创 2017-03-11 13:56:04 · 246 阅读 · 0 评论 -
微信网页用什么前端框架?
用过Angular,想必肯定了解些React,我用React做过一个公众号,适配或兼容问题暂时没有发现,React的组件确实很好用,数据流也很清晰,用了虚拟DOM,所以性能还不错。整体框架用的React+director+Zepto+SUI。如果有电商,应该还有支付一类,再引入微信的JS SDK就可以了。 我觉得应该花更多精力去解决你说的angular适配问题,angular已经很主流了...原创 2017-04-06 23:18:03 · 1503 阅读 · 0 评论 -
为什么js文件的名字像MD5运算过的一样?
这个过程叫做 revision。如果你有一个名字是 main.js 的脚本,且有 cache 头,浏览器就会对他进行缓存,下次再访问时文件如果尚在缓存期内就直接读取缓存,而非再次从网络加载,提升页面的访问速度。问题来了,如果这时你对这个文件进行任何修改,可能是加新功能,也可能是修正了某个导致非常严重问题的 bug,即使你更新了服务器上的 main.js,用户浏览器也是不会更新的,因为尚在缓存期内...原创 2017-04-07 00:24:11 · 261 阅读 · 1 评论 -
阿里g2图表
1.百度的EchartECharts,缩写来自Enterprise Charts,是百度推出的一款开源的,商业级数据图表,它最初是为了满足百度公司商业体系里各种业务系统(如凤巢、广告管家等等)的报表需求。2.Highcharts中文网站:http://www.hcharts.cn/Highcharts是国外的一款功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库。...原创 2017-04-11 12:22:52 · 1552 阅读 · 0 评论 -
用JavaScript实现使用鼠标画线的示例代码
JavaScript客户端脚本语言Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。 用JavaScript实现用鼠标画线,具体步骤是首先是画点,在根据两点坐标画直线,最后是获取鼠标位置,需要的朋友可以参...原创 2016-12-06 10:05:37 · 1702 阅读 · 0 评论 -
Angularjs 实例
Angularjs 实例http://www.kancloud.cn/digest/angularjs-sunny1989/122847原创 2016-12-15 10:29:28 · 105 阅读 · 0 评论 -
EXTJS的组件
EXTJS的组件体系中有进40种组件,而这些组件又可以大致分成三大类,即基本组件、工具栏组件、表单及元素组件。 基本组件是构成Web UI的主体组件,因为这些组件在其他开发体系中也都有部分存在。这些组件丰富了传统Web UI 的表现,是EXTJS改善Web UI 的重要体现。 EXIJS的基本组件: xtype Class ...原创 2016-01-26 12:46:21 · 157 阅读 · 0 评论 -
Zepto.js
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。 学习文档:http://www.css88.com/doc/zeptojs_api/ 文档声明:Zepto.js (1.1.6)文档请移步http://www.css88.com/doc/zeptojs-1.1.6_...原创 2017-05-26 15:58:19 · 81 阅读 · 0 评论 -
gRaphael——JavaScript 矢量图表库
gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库,基于强大的 Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。 gRaphael 使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,是跨浏览器的矢量图形库,目前支持的浏览器包括: Firefox 3.0+,Safari 3.0+,Chr...原创 2017-06-12 17:34:28 · 288 阅读 · 0 评论 -
各浏览器Cookie大小、个数限制
今天在测试Ticket时,发现原来保存的Cookie莫名其妙的就被清除了,自己没有做过任何的改动。经开发人员Allon推断,应该是Cookie数量达到了浏览器的限制。网上查找出来的结果是: 一、浏览器允许每个域名所包含的cookie数: Microsoft指出InternetExplorer8增加cookie限制为每个域名50个,但IE7似乎也允许每个域名50个cookie。...原创 2016-12-01 10:28:53 · 869 阅读 · 0 评论 -
AngularJS常用插件与指令收集
使用AngularJS有差不多一年时间了,前前后后也用了不少库和指令,整理了一下,分成四大类列出。有demo地址的,就直接连接到demo地址,其它的直接链到github托管库中。图片视频类angular-maxonry 图片墙效果插件,可以将图片组织成类似于瀑布流的效果,依赖于jQuery、imageloaded和Masonryangular-deckgrid 另一个照片瀑...原创 2016-11-30 10:04:06 · 111 阅读 · 0 评论 -
React.js 中文文档
中文文档地址 http://reactjs.cn74.3KGitHub地址 https://github.com/reactjs-cn/react-docs8.5K阮一峰的 "React 入门实例教程" http://www.ruanyifeng.com/blog/2015/03/react.html11.4K极客学院整理的文档 http://wiki.jikexueyuan.com/...原创 2016-10-08 11:15:08 · 176 阅读 · 0 评论 -
web层弹出层和框的js插件layer
layer是一款近年来口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验1.实例http://layer.layui.com/2.APIhttp://layer.layui.com/api.html#shade...原创 2015-11-15 00:08:01 · 127 阅读 · 0 评论 -
js的框架
jquery ui 是jquery开发团队 开发,适用于网站式的页面。jquery easyui 是第三方基于jquery开发,适用于应用程序式的页面。两者的方法调用也略有不同:jquery ui 是:$("#divTabs").tabs("remove" , index);jquery easyui 是:$("#divTabs").tabs("close" , t...原创 2015-11-22 02:37:54 · 100 阅读 · 0 评论 -
AngularJS开发人员最常犯的10个错误
简介AngularJS是目前最为活跃的Javascript框架之一,AngularJS的目标之一是简化开发过程,这使得AngularJS非常善于构建小型app原型,但AngularJS对于全功能的客户端应用程序同样强大,它结合了开发简便,特性广泛和出众的性能,使其被广泛使用。然而,大量使用也会产生诸多误区。以下这份列表摘取了常见的一些AngularJS的错误用法,尤其是在app开发过程中。...原创 2016-11-14 10:21:44 · 130 阅读 · 0 评论 -
angularjs的基本功能介绍
带你走近AngularJS系列:带你走近AngularJS - 基本功能介绍带你走近AngularJS - 体验指令实例带你走近AngularJS - 创建自定义指令------------------------------------------------------------------------------------------------Angular...原创 2016-11-14 10:22:03 · 112 阅读 · 0 评论 -
JSP的上传获得不到filepath
input[type=file]真的没有办法获取所选文件的绝对路径吗?是的 安全考虑 浏览器无法获取 文件绝对地址但改良的方法但不万能如何获取该标签选中的文件的绝对路径?1. var getFullPath = function(obj) { 2. if (obj) { 3. if (window.navi...原创 2015-12-03 01:10:46 · 302 阅读 · 0 评论 -
angular
1.angular学习http://www.apjs.net/2.AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。 通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足: 类库 - 类库是一些函...原创 2015-12-04 01:28:51 · 91 阅读 · 0 评论 -
AngularJS基于树的控制组件
查看演示 website 立即下载插件描述:Angular JS Tree基于树的控制组件AngularJS基于树的控制组件树控件可以作为一个DOM元素或属性。复制脚本和CSS为你的项目添加一个脚本和链接到你的页面。<script type="text/javascript" src="/angular-tree-control.js">...原创 2016-11-30 10:03:46 · 563 阅读 · 0 评论 -
Raphael.js简易教程
Raphael.js 的教程非常简单,仅首页一段代码,然后就是 Reference。但作者在 Reference 部分也惜墨如金,不肯多费几句。所以有这一篇中文,对如何使用 Raphael.js 做个简单介绍。 调用 Raphael.js 首先在 HTML 页面调用 raphael.js: <script src="http://www.zfanw.co...原创 2017-06-12 17:35:42 · 635 阅读 · 0 评论 -
JS 跨域原因及其解决方案
产生跨域问题的原因跨域问题是浏览器同源策略限制,当前域名的js只能读取同域下的窗口属性。跨域问题产生的场景当要在在页面中使用js获取其他网站的数据时,就会产生跨域问题,比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时以及hybrid app中请求数据,浏览器就会提示以下错误。这种场景下就要解决js的跨域问题。 XMLHttpRequest cannot lo...原创 2017-08-18 10:57:22 · 461 阅读 · 0 评论 -
js 判断数组中是否包含
可以使用数组的indexOf()方法,如果返回值为-1则说明不存在,如果返回值为大于-1的整数,则说明存在。例如:var arr = [1,2,3];arr.indexOf(1); // 返回0arr.indexOf(5); // 返回-1附:返回值为数组中的最靠前元素在数组的位置...原创 2017-09-15 19:35:13 · 1909 阅读 · 0 评论 -
bootstrap-datetimepicker 日期控件的开始日期
今天做日期控件,需求要求设置一个时间范围限制,选择从今天开始的日期才可以选择,今天以前都不可以选择主要体现在bootstrap-datetimepicker控件下面的2个日期参数weekStart: 1, startDate:new Date(日期),引用的基础库有<script type="text/javascript" src="./jquery/...原创 2017-09-22 00:59:48 · 186 阅读 · 0 评论 -
js的匿名函数
Query片段:view plaincopy to clipboardprint?(function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊...原创 2017-02-10 10:13:37 · 69 阅读 · 0 评论 -
AngularJS ng-show 指令
http://www.runoob.com/angularjs/angularjs-directives.htmlAngularJS 实例<divng-app=""ng-init="person={firstName:'John',lastName:'Doe'}"><p>姓为 {{ person.lastName }}</p></di...原创 2017-09-26 09:50:58 · 145 阅读 · 0 评论 -
laypage分页
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"> </span><span style="font-family: Arial, Helvetica, sans-serif; font-size: 18px; b...原创 2017-02-22 12:19:16 · 142 阅读 · 0 评论 -
JS解析json数据(如何将json字符串转化为数组)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"&原创 2018-01-11 09:56:47 · 1375 阅读 · 0 评论 -
bootstrap+jq+underscore+ionic+react+angularjs
几年前就有人说javascript是最被低估一种编程语言,自从nodejs出来后,全端(All Stack/Full Stack)概念日渐兴起,现在恐怕没人再敢低估它了。javascrip是一种类C的语言,有C语言基础就能大体理解javascript的代码,但是作为一种脚本语言,javascript的灵活性是C所远远不及的,这也会造成学习上的一些困难,本文主要记录我在学习underscore.j...原创 2017-03-03 19:21:37 · 202 阅读 · 0 评论 -
react-navite 开发工具
接触一门新的语言,第一是看开发文档,第二自然就是开发工具啦。但是RN是facebook开源的一个框架,要用什么来编写我们的代码才能觉得爽呢。NO1:当然是目前世界非常流行的脚本编辑器Sublime sublime3我们在开发RN之前需要为sublime加载几个插件。1、package controller操作:使用快捷键 ctrl+` 或者是 View>...原创 2017-03-10 09:36:48 · 151 阅读 · 0 评论 -
jquery中html()、text()、val()的区别
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使用在表单元素上...原创 2017-09-13 16:02:40 · 72 阅读 · 0 评论 -
grunt nodejs npm的关系是什么样的?
昨天自己鼓捣grunt,开始的时候不大明白,现在好像有种模糊的概念,不知道对不对,希望得到指点,我先抛砖引玉,把这三者的关系说一下,大家看看有什么不对的地方吗 ?为什么安装grunt需要先有nodejs?因为grunt需要npm包管理器。为什么是nodejs?因为nodejs开发的时候会涉及模块开发,会用到很多 第三方插件或者模块,这样方便下载,所以在下载nodejs时直接下载了npm并一同安装...原创 2017-09-11 15:03:02 · 339 阅读 · 0 评论 -
angularJS页面加载完成后调用,循环结束后调用
angularJS页面加载完成后调用,代码如下// 页面加载完成后调用$scope.$watch('$viewContentLoaded', function() { // 你的代码 ........ }); 循环结束后调用首先,需要添加指令.directive('onFinishRenderFilters', f...原创 2017-08-31 19:19:02 · 2148 阅读 · 0 评论 -
Javascript异步编程的4种方法
你可能知道,Javascript语言的执行环境是"单线程"(single thread)。<!-- /div --> <!-- div id="more" class="asset-more" -->所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比原创 2017-09-01 12:19:37 · 73 阅读 · 0 评论 -
JS异步加载的三种方式
一:同步加载我们平时使用的最多的一种方式。<script src="http://yourdomain.com/script.js"></script><script src="http://yourdomain.com/script.js"></script>同步模式,又称阻塞模式,会阻止浏览器的后续处理,停止后续的解...原创 2017-09-01 12:19:48 · 123 阅读 · 0 评论 -
AngularJS 实现按需异步加载实例代码
AngularJS 通过路由支持多视图应用, 可以根据路由动态加载所需的视图, 在 AngularJS 的文档中有详细的介绍, 网上也有不少教程, 就不用介绍了!随着视图的不断增加,js文件会越来越多,而 AngularJS 默认需要把全部的js都一次性加载,使用起来非常不便, 因此按需加载模块的需求会越来越强,不过,AngularJS 并没有实现按需加载。习惯了 seajs 的异步加...原创 2017-09-01 12:19:58 · 340 阅读 · 0 评论 -
JSON数据的删除某个元素
有一组JSON数据: var tempJSON = [{id:1,Name:"peter"},{id:2,Name:"James"},{id:3,Name:"Other"}]; 当传入ids为[1,2]的值是,JS如何删除掉tempJSON数组中id为1,2的数据,最后结果为: tempJSON=[{id:3,Name:"Other"}]解决方法如下:var tempJSON = ...原创 2017-09-07 16:39:32 · 5376 阅读 · 0 评论 -
浅谈 Flash/Flex/HTML5 技术选型
在HTML5发布以前,RIA领域的技术解决方案一直相都是各展所长,并无争议。Adobe体系中,Flash做不了的事情,Flex可以做到;.Net系决策者在选用RIA解决方案时,Silverlight是不二之选。曾经我对Flex的迷恋到了欲罢不能的地步,与我有相同想法的人亦不在少数,Flex也大有“一统江湖”的趋势。然而,随着HTML 5横空出世,Flex“易主”,Silverlight被“雪...原创 2017-09-11 11:09:35 · 204 阅读 · 0 评论 -
NPM是随同NodeJS一起安装的包管理工具
NPM 使用介绍NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。由于新版的nodejs已经集成了npm,所以之前npm也一并安...原创 2017-09-11 14:22:54 · 541 阅读 · 0 评论 -
grunt安装及使用
Grunt是什么?Grunt是一个基于JavaScript上的一个很强大的前端自动化工具(task runner)基于NodeJS用于自动化构建、测试、生成文档的项目管理工具。 1.安装nodejs Grunt和所有grunt插件都是基于nodejs来运行的,如果本机中没有安装nodejs,点击该 https://nodejs.org/ 链接, 如下图点击安装安装...原创 2017-09-11 14:54:59 · 246 阅读 · 0 评论 -
grunt
快速入门Grunt和 Grunt 插件是通过 npm 安装并管理的,npm是 Node.js 的包管理器。Grunt 0.4.x 必须配合Node.js >= 0.8.0版本使用。;奇数版本号的 Node.js 被认为是不稳定的开发版。在安装 Grunt 前,请确保当前环境中所安装的 npm 已经是最新版本,执行 npm update -g npm 指令进行升级(在某些系统中...原创 2016-09-30 15:16:02 · 64 阅读 · 0 评论