javascript
文章平均质量分 72
qq_19891827
暂无
展开
-
【自制】简易轻量化前端树菜单插件(基于jquery制作)
出于项目管理架构的需求,需要用到一个树菜单的功能,要求以树的形式分级展示具有明确上下级(祖先与后代)的内容,网络上有很多独立的或者基于jquery的树菜单插件,但由于插件过于复杂臃肿、使用起来相对复杂,学习成本高等原因,本人决定制作一个简易的轻量化易使用易学习的树菜单插件。欢迎前端coder使用,后附插件源码及下载链接,由于第一次制作基于jquery的插件,对插件机制及面向对象方面有很多不足之处,原创 2016-07-13 11:44:29 · 1562 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(9)——错误处理
一.定义 (1)错误:程序执行过程中,发生的导致程序无法继续执行的状态 (2)错误处理:即使程序出错,也要保证程序不退出的机制。 (3)Error对象:在错误发生时,自动创建的封装错误信息的对象二.错误类型 (1)SyntaxError:语法错误,一般js语法书写错误时 (2)ReferenceError:引用错误,找不到对象或变量时。 (3)TypeErr原创 2016-12-12 09:29:42 · 565 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(7)——Math
一.Math:封装了数学计算的常量值和方法,它没有构造函数,不能进行实例化 1.Math类常用API: (1)向上取整:var num = Math.ceil(数字); //返回取整后的数字 (2)向下取整: var num = Math.floor(数字); //返回取整后的数字 (3)四舍五入取整:var num = Math.round(数字);原创 2016-11-18 10:08:22 · 363 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(5)——字符串API
一.字符串API:所有字符串API都无法直接修改原字符串,一定返回新字符串。 1.大小写转换: (1)var newStr = str.toLowerCase(); //字符串str中所有英文字母全部转为小写 (2)var newStr = str.toUpperCase(); //字符串str中所有英文字母全部转为大写 2.获取指定位置的字符或unicode码:原创 2016-10-21 09:51:30 · 364 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(4)——条件和循环语句
一.switch-case分支结构:专门判断等值比较的条件分支结构(由于不带隐式转换,switch-case分支结构执行效率,较其他分支结构高一些) 1)语法:switch(表达式){ case 值1:( 表达式的结果===值1,才执行的代码段;) break;(如有default语句直接其中语句,否则跳过switch-case其余全部语句) case 值2:(表原创 2016-09-30 17:46:38 · 406 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(3)——函数
一.函数:封装一项任务的步骤清单的代码段,再起一个任务名 1)函数是一个引用类型的对象 2)对象:内存中同时存储多个值得空间 3)声明函数法1:function 任务名([参数变量列表]){ 步骤清单代码段 [return 返回值] }//整体(函数名+函数定义)提前原创 2016-09-21 14:28:35 · 399 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(2)——数据类型转换和运算符
一.数据类型转换:(js是弱类型编程语言); 1.声明变量时,不用考虑变量中将要存储的数据类型; 2. 赋值时,由系统自动动态判断数据的类型;(注:因为是动态判断同一个变量,先后可保存不同类型的数据。) 3. 运算时,js会根据自己的需要,动态转换数据类型。二.数据类型转换分类: 1.隐式转换:无需程序员干预,而由系统自动完成的转换; 算数运算中的隐原创 2016-09-12 09:49:45 · 569 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(1)——变量和数据类型
一.变量:内存中存储一个数据的存储空间,再起一个名字。 何时使用:程序中反复使用的数据,都要先保存在变量中,再参与运算。 使用过程:声明 -> 赋值 -> 取值1. 声明:在内存中创建一个新变量 如何声明:var 变量名;(注:仅声明,但暂未赋值,默认值为undefined) 变量命名规则: 1)不能以数字开头,仅能包含字母,数字原创 2016-08-30 08:56:47 · 519 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(6)——正则表达式
一.正则表达式:不是js独有的,很多其他语言中都引用正则表达式的规则,通常被用来检索、替换那些符合某个模式(规则)的文本. 1.使用: (1)在js中通常用于验证字符串格式、模糊查找、替换/格式化字符串、切割字符串 2.语法: (1)最简单的正则:关键词原文 (2)[备选字符集]:某一位可用的备选字符列表,一个中括号只能匹配一位 (3)-:连原创 2016-11-09 14:39:16 · 465 阅读 · 0 评论 -
【知识整理】javascript基础语法总结(5)——数组
一.数组:连续保存多个数据的引用类型的对象 1.数组的分类: (1)关联数组:可自定义下标的数组(hash算的是字符串的code) (2)索引数组:自动分配下标的数组二.索引数组 1.创建数组 (1)创建空数组:var 数组名=[]; (2)创建数组同时,初始化数组: var 数组名=[值1,值2,值3,...]; (3)原创 2016-10-10 17:52:17 · 856 阅读 · 0 评论 -
【自制】前端html代码格式化小工具
前言:当前端html代码进行大幅度调整后经常会出现代码缩进错乱的问题,或者在javascript中进行大段的html代码的字符串拼接时为了更方便的看出html的结构,出于以上两点原因,我们需要对html代码进行格式化操作,手工格式化容易出错,费时费力,于是本人自制了一个为html代码自动进行格式化的小工具,功能如图所示。具体源代码(附带说明注释)写在下面。注:代码中js部分涉及jq原创 2016-07-06 12:39:22 · 2884 阅读 · 1 评论 -
【自制】javascript模拟数据库查询及格式化操作
为更好地理解数据库查询的底层操作,本人创建了一个js方法模拟数据库的查询操作,同时模拟对查询到的数据进行格式化的过程1.模拟数据库查询语句 select * from tablename where * order by *2.模拟格式化(血型)bloodtype : 0,1,2,3 对应O, A, B, AB具体代码如下: Docum原创 2016-04-14 12:11:04 · 1563 阅读 · 0 评论 -
【知识整理】利用history.replaceState及location.hash记录滚动条位置
最近有用户反映公司官网微信端页面在体验上的小问题:当当前页面刷新或者跳转到另一个页面又退回到当前页面后无法还原之前查看内容的位置,而是要从头拉动滚动条寻找之前看到的位置,用户觉得很麻烦。于是这个问题就落到了我的头上.我的思路是这样的:当用户离开当前页面时记录当前页面的滚动条位置,当用户重新加载这个页面时取出记录的滚动条位置,通过js设置到页面上就可以了。这看似很简单啊,灵光一闪想到了2个解决办原创 2016-04-07 09:37:21 · 2090 阅读 · 0 评论 -
【自制】js广告轮显效果(兼容ie6)
注意事项:1.依赖于jquery2.图片父元素id值必须设置为'cont-img-box',最后一张图片要求和第一张图片相同;3.选择控制色块的父元素id值必须设置为'cont-btn-box',并与图片父元素为兄弟元素4.图片默认间隔时间为5000毫秒,允许重置间隔时间,用var time='间隔毫秒数';5.图片的个数不限,但要求第一张图片和最后一张图片为同一张图片。h原创 2016-03-15 15:07:15 · 888 阅读 · 0 评论 -
【自制】ul、li模拟select效果
利用ul、li结合javascript模拟出selec的t效果,相比较html提供的原始select标签有以下好处:1.使下拉选择框的可控性请更高,你尽可以按你想要的样式、大小随意制作出满足你需求的下拉选择框,而不是原始那种硬邦邦又难看的select。2.如果有对select下的option添加事件的需求,那就极力推荐使用ul、li模拟select了,因为原始select下的option对原创 2016-03-10 15:35:59 · 13012 阅读 · 4 评论 -
【知识整理】javascript基础语法总结(8)——Date
一.Date (1)封装了1970年1月1日0点至今的毫秒数,只要在程序中保存日期或者时间就需要用到Date对象。二.Date相关API (1)创建日期对象,同时获得客户端当前时间:var now=new Date(); (2)自定义任意时间点(年/月/日 [时:分:秒]):var date=new Date("xxxx/xx/xx[ xx:xx:xx]"); 例: va原创 2016-11-28 16:30:05 · 358 阅读 · 0 评论