WEB前端
秀能
专注于WEB前端研究
展开
-
MacOS上Excel上传获取到的file type为空
偶然发现部分同事网页上传Excel获取到的file type为空,苦查无果,偶然安装WPS,发现自己的电脑的网页上传Excel的时候获取到的file type也为空。原因不知,只能切换校验方式,通过后缀校验。原创 2020-10-28 20:39:31 · 707 阅读 · 0 评论 -
css兼容性坑记录
1 firefox中的a标签点击后,周围有一圈原创 2014-08-14 16:32:55 · 470 阅读 · 0 评论 -
一个js构造树的函数
进来需要将服务器返回的数组转化成树,所以写了这个函数function create_tree(data,pid){ pid = pid || 0; var list = []; data.map(function(item){ if(item.pid == pid){ item.children = create_tree(data,item.id); list.push原创 2014-09-01 22:59:37 · 2038 阅读 · 0 评论 -
angularjs坑记录
我用模板生成了如下一段代码原创 2014-08-12 13:23:59 · 821 阅读 · 0 评论 -
js中substr和substirng的区别
subtr(arg1, arg2) arg1表示起始位置,arg2表示要截取的字符串的长度subtring(arg1, arg2) arg1表示起始位置,arg2表示要截取字符串的结束位置原创 2015-03-17 11:25:17 · 4775 阅读 · 0 评论 -
javascript以及jquery诡异问题全记录(持续更新)
1 attr("checked","checked") 2.0以后的版本使用该函数改变checkbox的状态不会生效(或者只会生效一次)解决办法有两种,1) 使用prop方法,2)使用this.checked="checked"2 removeProp("checked") 使用该函数并不能改变checkbox的状态,解决办法有1)removeAttr("checked"), prop("c原创 2013-07-01 19:38:21 · 936 阅读 · 0 评论 -
移动端web开发坑
p,div高度问题。在移动端开发的时候一般会重设font-size, 类似于html{font-size:!00px},使用p,div, li之类的标签之后,发现占用了一大块位置。查看margin,padding发现设置成0了。最后追查原因,原来是这些标签的高度会默认设置成1rem,也就是100px。解决办法,重设font-size, 如p,div,li{font-size:0.14rem;}原创 2015-05-08 13:06:41 · 600 阅读 · 0 评论 -
Javascript的Object探究
Object.keys(object)获取一个对象的所有keyvar obj = {a:1, b:2, 'hello':'world'};var keys = Object.keys(obj); //['a','b','hello']Object.is(value1, value2)比较两个对象或者值是否是同一个, 和===等价Object.is(1,1); //trueObject.is(1,原创 2016-05-24 11:35:20 · 453 阅读 · 0 评论 -
css小技巧
给除了最后一个之外的元素添加下划线li:not(:last-child){ border-bottom:1px solid #dd;}原创 2016-06-14 19:12:08 · 576 阅读 · 0 评论 -
有趣的JS之JS小技巧
有趣的JS之JS小技巧求数组中的最大值和最小值var max = Math.max.apply(Array, [1, 5, 2, 3]);var min = Math.min.apply(Array, [4,2,8,1] );获得一个从数字 N到M的连续数组var arr = Array.apply(null, {length: M}).map(Number.call, Number).slic原创 2016-04-16 09:55:55 · 1260 阅读 · 0 评论 -
web开发的几个概念
1 文档类型每种文档/文件都有类型格式(doctype),类型一般由 */*表示, 第一个*表示的是类型,第二个*表示格式,比如网页的doctype是 text/html, text表示是文本类型, html表示超文本标记语言格式, 再如png图片,他的doctype是image/png, 表明他是图片,他是png格式的图片。搞清楚了这个概念,对于我们理解有为什么图片用记事本打开没法看,htm原创 2014-04-12 10:17:38 · 763 阅读 · 0 评论 -
最全的JS数组函数方法介绍
1、数组尾部追加 push2、数组尾部删除 pop3、数组头部原创 2014-09-05 15:47:37 · 1819 阅读 · 0 评论 -
SVG学习要点
SVG简介SVG 有一些预定义的形状元素,可被开发者使用和操作:画布矩形 圆形 椭圆 线 折线 多边形 路径 组,图片描述, 文本SVG绘制基本图形 width="100%" height="180px" version="1.1"xmlns="http://www.w3.org/2000/svg"> x="10"原创 2014-02-28 16:11:45 · 1751 阅读 · 0 评论 -
jQuery下ajax发起jsonp请求过程
最近要把知识系统的一些文档页面迁移到自己的系统里,作为技术人员的我想的第一件事儿就是怎么用技术实现,直接用get请求把页面拉取下来就涉及到跨域请求问题,用script或者img标签的话,页面拿过来了,但是不能处理。最后,我想到了jsonp,之前没怎么听过jsonp,平时用都是用的jquery里面的,于是研究了一下jquery的ajax的源码,发现jsonp这玩意让我大跌眼镜。JSONP的核原创 2014-03-04 13:44:36 · 918 阅读 · 0 评论 -
瀑布流布局的三种实现方式
随着读图时代的到来,页面使用瀑布流布局越来越流行。那么,瀑布流有那些实现方式呢?1 绝对定位,计算每个块的位置2 固定列数,float布局3 多列css原创 2014-03-11 21:21:44 · 1538 阅读 · 0 评论 -
css滑动门实现
在css2.0时代,有很多效果没法用用css直接实现,比如圆角导航栏。为了实现这个效果,人们用到了滑动门。我们使用a和span两个标签来说明滑动门。 Tab我们有两张图片,a.png是左上角是圆角,其他角是直角,b.png是右上角是圆角,其他角是直角。则css如下:a{background:url(a.png) left top;background-repeat:no-原创 2014-03-11 21:54:38 · 701 阅读 · 0 评论 -
jquery中bind,live,delegate和on的区别
我们试图绑定一些事件到DOM元素上的时候,我相信上面这4个方法是最常用的。而它们之间到底有什么不同呢?在什么场合下用什么方法是最有效的呢?1.准备知识当我们在开始的时候,有些知识是必须具备的:1).DOM树下图仅仅是一个示例,这是一个在browser环境下的一棵模拟DOM树,在下面的代码中仅起到演示的作用: 2).Event bubbling (ak转载 2014-03-06 12:05:42 · 1165 阅读 · 0 评论 -
web开发几种常见的安全问题
XSSxss是跨站脚本攻击(cross site script)的简称, jian原创 2014-04-09 15:33:56 · 1168 阅读 · 0 评论 -
text-overflow:ellipsis怎样设置才有效
以下必不可少:原创 2014-07-28 10:44:43 · 1074 阅读 · 0 评论 -
一个js的分页函数
如上原创 2014-08-20 23:36:07 · 575 阅读 · 0 评论 -
IE诡异bug记录
IE是个黑洞,吞噬了无数前端工程师的梦想,一边工作一边记录诡异的问题,让大家少走弯路class="append" 使用class=“append”时,有相同class的会聚集到一起,修改就好原创 2013-07-29 16:36:34 · 789 阅读 · 0 评论