摘要:
es6介绍: 阮一峰 https://es6.ruanyifeng.com/ 基本用法 ES6 允许使用“箭头”(=>)定义函数。 var f = v => v; // 等同于 var f = function (v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆 阅读全文
随笔分类 - web---JavaScript
JavaScript ES6中 module , import和export
2024-01-24 21:54 by youxin, 282 阅读, 收藏, 编辑
摘要:
假如你想直接在 html 的 script 里面使用 import,你会遇到以下这两个问题: 需要给 script 标签添加 type='module' 属性 会遇到跨域问题,不单独启用一个服务器无法解决 如果不启动一个 server,访问 js 用的协议是 file,不在浏览器跨域允许的协议中。因 阅读全文
uniapp教程
2024-01-24 16:06 by youxin, 157 阅读, 收藏, 编辑
摘要:
官网:https://zh.uniapp.dcloud.io/quickstart-hx.html uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。 uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件和API示例,还有一个重要模板是 u 阅读全文
网页前端 webpack使用
2020-08-31 04:16 by youxin, 286 阅读, 收藏, 编辑
摘要:
Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 特性 打包 CommonJs 和 AMD 模块(以及绑定) 可创建单个或多个按需加载的块,以减少初始加载时间 在编译期间会解决依赖关系,减少了运行时的大小 加载器可以在 阅读全文
Chrome console命令整理
2016-12-07 20:39 by youxin, 654 阅读, 收藏, 编辑
摘要:
console.dir (这个方法是我经常使用的 可不知道比for in方便了多少) 直接将该DOM结点以DOM树的结构进行输出,可以详细查对象的方法发展等等 在页面右击选择 审查元素 ,然后在弹出来的DOM结点树上面随便点选,这些被点过的节点会被记录下来,而 $0 会返回最近一次点选的DOM结点, 阅读全文
javascript精确计算
2014-10-10 17:28 by youxin, 1051 阅读, 收藏, 编辑
摘要:
一篇文章:4 个用于执行高级数学计算的 JavaScript 库numbers.jsNumeric Javascriptaccounting.jsTangle有时只需要加减乘法能精确,没必要用到库。首先看下js浮点运算问题。JS里做小数的乘法运算时会出现浮点错误,具体可以测试一下: 结果是251.8... 阅读全文
javascript正则表达式控制input只能输入数字
2014-10-09 19:46 by youxin, 3254 阅读, 收藏, 编辑
摘要:
不能输入中文只能输入 数字和下划线只能输入 数字和小数点只允许输入汉字其一,只允许输入数字和小数点。其二,判断的更详细一些,甚至22..2这样不算数字也判断得出来其三,只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。结语,其实style="ime-mode:Disabled这句是比较实... 阅读全文
javascript grunt安装和使用
2014-09-12 19:32 by youxin, 548 阅读, 收藏, 编辑
摘要:
grunt是javascript世界的构建工具。 为何要用构建工具? 一句话:自动化。对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting等。自动化工具可以减轻你的劳动,简化你的工作。当你正确配置好了任务,任务运行器就会帮你自动完成大部分无聊的工作。 为什么要 阅读全文
关于JavaScript中的setTimeout()链式调用和setInterval()探索
2014-08-28 23:06 by youxin, 1401 阅读, 收藏, 编辑
摘要:
http://www.cnblogs.com/Wenwang/archive/2012/01/06/2314283.htmlhttp://www.cnblogs.com/yangjunhua/archive/2012/04/12/2444106.html下面的参考:http://evantre.it... 阅读全文
js团购倒计时
2014-08-28 22:42 by youxin, 401 阅读, 收藏, 编辑
摘要:
客户端代码可以看:http://www.zhangxinxu.com/wordpress/2010/07/%E5%9B%A2%E8%B4%AD%E7%B1%BB%E7%BD%91%E7%AB%99%E5%80%92%E8%AE%A1%E6%97%B6%E7%9A%84js%E5%AE%9E%E7%8... 阅读全文
html元素elem.style.top.left始终为空
2014-08-28 20:32 by youxin, 1110 阅读, 收藏, 编辑
摘要:
有如下元素:div1#div1{ width:100px; height:100px; position:absolute; left:0; top:0; background: red;}js获取: var xpos=parseInt(elem.style.le... 阅读全文
js setTimeout深度递归后完成回调
2014-08-28 18:50 by youxin, 2794 阅读, 收藏, 编辑
摘要:
setTimout原型: iTimerID = window.setTimeout(vCode, iMilliSeconds [, sLanguage]) setTimeout有两种形式 setTimeout(code,interval) setTimeout(func,interval,args)... 阅读全文
javascript模板引擎Mustache
2014-08-08 22:17 by youxin, 1098 阅读, 收藏, 编辑
摘要:
Mustache(英文本意:触须,胡须)是基于JavaScript实现的模版引擎,类似于JQuery Template,但是这个模版更加的轻量级,语法更加的简单易用,很容易上手。下载:https://github.com/janl/mustache.jsmustache主要特点是logic less... 阅读全文
jquery checkbox获取多个选项
2014-07-22 22:59 by youxin, 284 阅读, 收藏, 编辑
摘要:
http://www.jb51.net/article/27186.htmhttp://www.cnblogs.com/libingql/archive/2011/11/07/2238663.htmlhttp://wangyj0898.blog.51cto.com/1519857/404615 阅读全文
js 中var that=this
2014-07-17 21:12 by youxin, 1575 阅读, 收藏, 编辑
摘要:
js中经常出现var that=this,为什么这么做?http://stackoverflow.com/questions/4886632/what-does-var-that-this-mean-in-javascript问题,回答:一个回答:$('#element').click(functi... 阅读全文
Aptana Studio 安装
2014-07-16 19:56 by youxin, 242 阅读, 收藏, 编辑
摘要:
Aptana Studio 是一个集成式的Web应用程序开发环境,它不仅可以作为独立的程序运行,而且还可以作为Eclipse插件使用。AptanaStudio是一个基于Eclipse的集成式Web开发环境,其最广为人知的是它非常强悍的JavaScript编辑器和调试器。AptanaStudio可以支... 阅读全文
highchart使用
2014-07-14 21:38 by youxin, 249 阅读, 收藏, 编辑
摘要:
http://www.helloweba.com/view-blog-159.htmlhttp://www.tuicool.com/articles/aiay22 阅读全文
Js树型控件Dtree使用
2014-02-18 21:09 by youxin, 6031 阅读, 收藏, 编辑
摘要:
dtree地址:http://destroydrop.com/javascripts/tree/Key featuresUnlimited number of levels 无限级Can be used with or without framesRemembers the state of the tree between pagesPossible to have as many trees as you like on a pageAll major browsers suportedInternet Explorer 5+Netscape 6+Opera 7+MozillaGenera 阅读全文
如何判断Javascript对象是否存在
2013-11-07 01:14 by youxin, 311 阅读, 收藏, 编辑
摘要:
Javascript语言的设计不够严谨,很多地方一不小心就会出错。举例来说,请考虑以下情况。现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明。用自然语言描述的算法如下: if (myObj不存在){ 声明myObj; }你可能会觉得,写出这段代码很容易。但是实际上,它涉及的语法问题,远比我们想象的复杂。Juriy Zaytsev指出,判断一个Javascript对象是否存在,有超过50种写法。只有对Javascript语言的实现细节非常清楚,才可能分得清它们的区别。第一种写法根据直觉,你可能觉得可以这样写: if (!myObj) { myObj =... 阅读全文
javascript链式调用实现方式总结
2013-11-06 11:41 by youxin, 5827 阅读, 收藏, 编辑
摘要:
方法链一般适合对一个对象进行连续操作(集中在一句代码)。一定程度上可以减少代码量,缺点是它占用了函数的返回值。一、方法体内返回对象实例自身(this)function ClassA(){ this.prop1 = null; this.prop2 = null; this.prop3 = null;}ClassA.prototype = { method1 : function(p1){ this.prop1 = p1; return this; }, method2 : function(p2){ this.pro... 阅读全文