当前搜索:

fetch与传统的ajax

最近做了一个项目用到了fetch,fetch与传统ajax相比有什么优点和缺点,各种主流浏览器对fetch的支持,推荐一个博客地址,讲的不错, (https://github.com/camsong/blog/issues/2)
阅读(214) 评论(0)

页面规范

为了更好的编写可读性高,性能高的前端代码,有一顶的页面规范是很重要的一层,下面是总结出的几种规范类型。一、文件规范 文件分类: 通用类(base,lib,ui…),业务类(album,artist,toplist…) 文件引入: 行内样式(不推荐),外联引入,内联引入,避免在css中使用@im...
阅读(181) 评论(0)

页面优化

为什么需要页面优化? 1. 提升网页的响应速度; 2. 对搜索引擎,屏幕阅读器良好; 3. 提高可读性和可维护性(方便开发人员)。 如何优化? 1. 减少请求 (1)图片合并(多个图片合并); (2)css文件合并(多个css文件合并为一个,如果样式较少可...
阅读(109) 评论(0)

DOM实践学习笔记1--组件的实现流程

1.什么是组件?     经历前期的模块搭建,开发时期主要是对组件的开发,并将它们有机的组建到一起来完成业务需求。那么什么是组件呢?在用户界面开发领域,它是一种面对用户的、独立的可复用交互元素的封装。针对前端开发,它是html(结构)+js(逻辑)+css(样式);html用来控制组件的结构,j...
阅读(231) 评论(0)

利用iframe实现表单的无刷新提交

表单的无刷新提交,除了使用ajax实现,利用iframe也可实现表单的无刷新提交(其关键在于设置iframe的name与表单的target值相同)。     下面代码利用iframe实现表单的无刷新提交兼容到主流浏览器(IE6+,Firefox最新,Chrome最新)<!DOCTYPE h...
阅读(599) 评论(0)

用来禁止指定的可验证元素的验证方法

1.input元素设置type为hidden、reset、button时将不做表单验证2.button元素设置type为reset、button时不会做表单验证3.input或textarea设置readonly属性时将不会做表单验证4.datalist的子孙元素的可验证元素将不会做表单验证5.设...
阅读(254) 评论(0)

封装一个输入框通用的光标操作接口

封装一个输入框通用的光标操作接口,使得在传入输入框和光标的起始、结束位置后,可以将输入框中从起始位置到结束位置的内容选中(选中位置高亮),如function selection(input,start,end){ // input为输入框,如input、textarea // st...
阅读(265) 评论(0)

如何处理由于浏览器设置导致的autocomplete="off"失效的问题

1.因为谷歌只会自动填充第一个<input type="password">和它之前的<input>,所以可以添加以下代码:<input style="display:none"><input type="...
阅读(1026) 评论(0)

canvas基本操作画圆

用canvas画一个圆     在一个300*300的canvas(id为“myCanvas“)上,以坐标点(150, 150)为圆心,100为半径,画一个边框色为#4d4e53,填充色为#6a83ff的圆。<!DOCTYPE html> <html> <head&...
阅读(562) 评论(0)

Ajax请求GET/POST方法的封装

Ajax请求GET方法的封装,网易微专业上的一道GET方法封装练习题,下面是我的设计实现。 方法:get(url, options, callback) 参数 url {String} 请求资源的url options {Object} 请求的查询参...
阅读(1037) 评论(0)

实现浏览器兼容版的element.dataset

element.dataset获取自定义属性时(element.dataset.id),在一些低版本的IE浏览器下不兼容,兼容解决性代码。<!DOCTYPE html> <html> <head> <meta charset="UTF-8...
阅读(740) 评论(0)

实现浏览器兼容版的window.getComputedStyle

为实现浏览器兼容版的获取元素的实际样式,可以封装一个函数,下面是网易微专业上的一道练习题,后面是我写的代码封装函数。 getStyle函数用于获取元素的实际样式,语法如下:     var cssPropertyValue = getStyle (element, cssPropertyNam...
阅读(927) 评论(0)

如何实现浏览器兼容版的element.children

element.children这个获取节点子节点的方法支持ie9及以上版本,为了能够兼容低版本的ie,可参考一下的代码实现兼容,具体的参考资料是MDN上的实现方法:// Overwrites native 'children' prototype. // Adds Document & ...
阅读(559) 评论(0)

js实现类型判断,二分查找与日期格式化

1.类型判断函数myType用于根据输入参数返回相应的    类型信息。 语法如下:     var str = myType (param); 使用范例如下:     myType (1); 返回值: “number”     myType (false); ...
阅读(363) 评论(0)

js原型链的形式实现类继承

js中虽然没有类的概念,但可以通过构造函数加原型链的方式实现类的继承。下面是一道简单的题目     请使用Js代码写出一个类继承的模型,需包含以下实现:     定义父类和子类,并创建父类和子类的属性和方法     子类继承父类的属性和方法     在创建子类对象时,调用父类构造函数//父...
阅读(532) 评论(0)

js实现排序算法(冒泡排序,直接插入排序)

冒泡排序的算法时间复杂度为o(n^2),稳定性比较高,n个数需要n-1次排序,每次排序选出最大的数冒泡,冒泡排序JS代码: var arr=[2,1,3,4,2,6,3,2,5,4,8,7,3,4,9,32,2,1,1,2,434,5,6,8,2,3,9,10,13,24]; var t; f...
阅读(324) 评论(0)

解决JS双击事件dblclick触发时,同时会执行click事件中的语句

双击dblclick事件,同时会执行click事件中的语句,当需要为一个元素同时添加这两个事件时,显然这不是我们想要的结果,举个实例,在最近做的canvas开发中使用鼠标画区域,鼠标单击一下开始画,鼠标双击时结束,并保存当前所画的区域,这时候就碰到了这个问题。解决的方法,,可以参考下面的代码,用延...
阅读(2916) 评论(0)

在变量作用域方面,函数声明和函数表达式有什么区别?

函数声明提升,在函数声明时定义好作用域; 函数表达式,只是变量名提升,随着变量的改变,作用域也改变。 词法环境with,和try…catch…不会影响函数声明的变量作用域,但会影响函数表达式的变量作用域
阅读(289) 评论(0)

js闭包中this的指向问题及三种解决方法

下面是一个问题,对象方法中定义的子函数,子函数执行时this指向哪里? 三个问题:     (1)以下代码中打印的this是个什么对象?     (2)这段代码能否实现使myNumber.value加1的功能?     (3)在不放弃helper函数的前提下,有哪些修改方法可以实现正确的功...
阅读(1352) 评论(0)

js哪些情况会出现隐式类型转换

1. 数字运算:​“+”:将表达式的值转换为String(仅当有一个是String类型); ​“-”:将表达式的值转换为Number; 2. ​“.”   被隐式转换为对象;3. “if语句”   判断的条件表达式会被隐式转换为Boolean类型4. “==”JS的非严格匹配时,会进行...
阅读(527) 评论(0)
    个人资料
    持之以恒
    等级:
    访问量: 5万+
    积分: 865
    排名: 5万+
    最新评论