2016年12月
-
快速搭建一个本地服务器
我们都知道,有些情况本地直接点开HTML文件是不行的,需要在服务器环境才能正常访问。我们可以通过搭建本地服务器进行访问,比如我们用的fis本身内置了这个,这次介绍node的一个小模块http-server,可以快速地搭建一个本地服务器。 安装 npm install http-server -g 使用 使用非常简单,进入当前目录,输入http-server 即可,还可以加上其他的一些参数,比如http-server -p 3000 -o,-p指定端口,-o启动服务后自动打开浏览器,更多参数,请查看文档 小结 这个是我平时有些时候会使用到的一个小东西,非常便捷。比如做个小d......
-
使用swiper组件,小注意项总结
1、swiper切换,html代码不可见情况下,就执行swiper组件脚本,切换有bug。 swiper切换, html代码display:none;情况下,就已经执行了swiper组件脚本,当显示时,进行切换操作时有bug,bug表现为,鼠标拖动多少像素,swiper-wrapper的transform:translate3d(xxxpx, 0px, 0px)就移动多少像素。 常见为弹层情况 解决方法:swiper html代码显示后,再执行swiper组件脚本。 2、swiper组件 参数loop:true时,initialSlide指定的slide索引,与mySwi......
-
uc浏览器某元素消失了
先对比上面两张图,显而易见,第一张图 预约按钮上面的输入框不见了,但是在其他浏览器都正常显示。到底它在UC浏览器都经历了些什么,找来测试机子本地调试,但本地调试显示正常,这就尴尬了,给找出问题所在增加了阻碍。 嗯,那为什么我说在uc浏览器某元素消失了而不是说输入框消失了,可见uc玩消失的不是针对输入框,而是被某些属性或什么影响到了。 先看看在uc其他输入框能正常的页面,对比一下,少了value属性,type属性也不一样,那改成一样试试,结果不尽人意,接着就剩class类名不一样了,万万没想到真的是用名不慎。还是组长机智! 怎么回事呢?这里是一个输入电话号码的输入框,类名便简单为p......
-
FEG Snippets - Sublime Plugin
20170116更新 目前最新版本是v1.0.6,新增了cms新闻系统的常用代码块。可以敲fegcms开头,就会快速找到cms相关代码片段。 cms html代码片段 fegcms-keywordInfos:新闻内页关键字列表 fegcms-kindTraceInfos:新闻内页面包线 fegcms-list:新闻列表 fegcms-news:新闻详情 fegcms-pages:新闻分页 fegcms-reNewsInfos:新闻内页相关新闻 fegcms-resourceInfos:新闻内页图片或者视频列表 fegcms-list-old:新闻列表(旧版) fegcms-news......
-
关于数据整理和海外分享的总结
制作页面经常遇到编辑丢一份表格或者word文档过来,这时就需要我们整理数据,为了方便后续的修改,整理成以下数据: var arr = { 'my': { 'name':'【回合】', 'example':'我的回合,我的回合,时间是一条不能倒流的河。', 'from':'《梦幻西游》手游' }, 'dtws':{ 'name':'【PK】', 'example':'物资pk:为团而生,为团而死。, 'from':'《大唐无双零》' }, 'dty......
-
JS学习笔记——实用的 JS 小技巧2
5. 找到数组中的最大最小值 内部函数Math.max() 和 Math.min() 可以从参数中找到最大值和最小值: Math.max(1, 2, 3, 4); // 4 Math.min(1, 2, 3, 4); // 1 如果要在数组中找最大最小值可以这样用: var numbers = [1, 2, 3, 4]; Math.max.apply(null, numbers) // 4 Math.min.apply(null, numbers) // 1 透过 ES6 的展开运算符来完成: var numbers = [1, 2, 3, 4]; Math.max(...nu......
-
判断iframe是否加载完成小结
在做大话西游经典版新闻内页,有个功能是滚动条下拉到一定位置,自动加载下一篇新闻,由于编码问题,采用了不同的加载下一篇新闻的方式。 页面效果:http://xy2.163.com/news/news/20161129/15205_658163.html 关于编码引起的问题 页面最终显示的编码是有一下四个因素共同决定的: 1)HTTP Header中的"Content-Type"项,服务器端返回编码设置 2)html代码中的meta标签 3)页面文件的保存编码 4)请求服务器设置的编码 HTTP Header中的"Content-Type"......