关闭
当前搜索:

fetch与传统的ajax

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

页面规范

为了更好的编写可读性高,性能高的前端代码,有一顶的页面规范是很重要的一层,下面是总结出的几种规范类型。一、文件规范 文件分类: 通用类(base,lib,ui…),业务类(album,artist,toplist…) 文件引入: 行内样式(不推荐),外联引入,内联引入,避免在css中使用@import, 文件本身: 文件名(由小写字母、数字、中划线组成),编码(utf-8)。 二、注释规范 块...
阅读(141) 评论(0)

页面优化

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

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

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

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

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

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

1.input元素设置type为hidden、reset、button时将不做表单验证2.button元素设置type为reset、button时不会做表单验证3.input或textarea设置readonly属性时将不会做表单验证4.datalist的子孙元素的可验证元素将不会做表单验证5.设置了disabled的元素将不会做表单验证6.在标签中添加novalidate属性来禁止验证7.利用in...
阅读(210) 评论(0)

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

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

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

1.因为谷歌只会自动填充第一个和它之前的,所以可以添加以下代码://添加在form元素的最上边,2.最好的解决是给autocomplete设置其他值(除on或off)<input type="tex...
阅读(783) 评论(0)

canvas基本操作画圆

用canvas画一个圆     在一个300*300的canvas(id为“myCanvas“)上,以坐标点(150, 150)为圆心,100为半径,画一个边框色为#4d4e53,填充色为#6a83ff的圆。 canvas画圆 <meta charset="utf-8" description=...
阅读(482) 评论(0)

Ajax请求GET/POST方法的封装

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

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

element.dataset获取自定义属性时(element.dataset.id),在一些低版本的IE浏览器下不兼容,兼容解决性代码。 dataset li{cursor: default;line-heig...
阅读(559) 评论(0)

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

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

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

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

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

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

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

js中虽然没有类的概念,但可以通过构造函数加原型链的方式实现类的继承。下面是一道简单的题目     请使用Js代码写出一个类继承的模型,需包含以下实现:     定义父类和子类,并创建父类和子类的属性和方法     子类继承父类的属性和方法     在创建子类对象时,调用父类构造函数//父类构造函数 function Person(name,cardid){ //父类属性 t...
阅读(392) 评论(0)
46条 共4页1 2 3 4 下一页 尾页
    个人资料
    • 访问:34744次
    • 积分:768
    • 等级:
    • 排名:千里之外
    • 原创:45篇
    • 转载:1篇
    • 译文:0篇
    • 评论:5条
    最新评论