JS动态创建SVG元素不生效问题

今天遇到一个问题,创建SVG Path的时候,path的属性怎么都不生效,导致耗费很多时间。 虽然创建了DOM,但是特性不生效的代码如下: const pathEl = document.createElement('path'); 后来发现是没有弄清一个最基础的原理问题: »

让input有更好的体验

最近做了一个类似这样的功能,在移动端上,数字可增可减。其中,能改变数字的触发点有: "-"号 "+"号 点击数字区块,唤起数字键盘。 这里,我直接用input来实现这个数字区块。 1. type="number"还是"tel"? 对比一下两张图,就能很快知道结论。 type="n »

由“最近访客”引起的xss血案

最近在首页粗糙地做了一个“最近访客”功能。 然后我的首页就出现了各种有趣的家伙: 还有: 作为一名专业的前端,我居然被xss攻击了。 在首页弹这个框,我真是: 原因 在拼接“最近访客”的时候,我没有对多说返回的字段进行处理。 不是不知道会有XSS问题,而是没有重视起来; 我可 »

CSS outline实现意想不到的效果

今天在微博看见@zhangxinxu召集各种实现了十字功能的方法。@大地Dudy和@灵感_idea都想到了用outline-offset这个方法,大开眼界。我就开始关注起了这个css属性。 这个属性其实很简单,就4种类型: outline-width outline-style »

多行文字溢出超过限定宽度,自动添加省略号

常会有“文字溢出自动添加省略号”的需求: 单行文字省略 或者,需要指定更多行数再添加省略号: 单行文字省略 开始实现吧: 单行文字添加省略号 css核心代码: overflow: hidden; /* 内容被剪裁,其余内容不可见 */ text-overflo »

“战主播迎话费页面”总结

又写了一个页面。老习惯,写总结。 这次做的和之前的大同小异。除了,字体在这里特殊一些。 先说说引用非主流字体的方式: 引用非主流字体的方式 Geogle API 但是现在都墙的厉害,放弃治疗。而且,GEOGLE支持的字体也是有限的。 文字做成图片 这个网站显然不行,因为很多文字 »

简易播放器实现

做了个简易音乐播放器。 演示代码:http://codepen.io/makaiqian/pen/eybvq 基本功能: 1.播放、暂停 2.上一首、下一首 简单说下它的核心代码: 1. 定义 var $music = $(‘#js-music’)[0]; 定义的时候是$( »

“中秋”项目总结

继第一次接触活动项目黄金星期三、充值活动之后,感觉顺手起来,速度也变快了N倍,嘿嘿嘿~特别是在和PHP的交互上,也有一些自己的概念。 像以前一样,总结下收获吧,这次主要一些新学的东西和技巧: 1. 有见过script的这个type吗? <script type="text/ »

CSS3 Animals - Sparrow

最近很流行做CSS 3的卡通人物或者动物,作为小麻雀,我也来体验一把。 虽然自我感觉UI不是特别的萌萌,但是我的“小麻雀”还是实现咯! 喳喳喳~请叫我小麻雀!嘿! 观赏地址:小麻雀 »