摘要:项目专题页需要有一个红包的动画,就做了一个最简单的放大缩小的动画效果,主要用到的就是 CSS3 的 keyframe 动画和 transform、transition 属性。为了使动画看起来更舒适,我把动画时长设置成4S,而实际运动的时长只有1S左右,来达到增加动画间隔的效果。 代码如下: 阅读全文
posted @ 2018-09-12 11:05 下小朋友 阅读(202) 评论(0) 推荐(0) 编辑
摘要:第一种:根元素为100px,再按照750设计稿转化成vw单位,这样只要按照设计稿的单位/2即可。如果是小程序,不需要除以2。 第二种:媒体查询 按照750设计稿,根元素是100px,兼容性比较好。 阅读全文
posted @ 2018-08-16 17:32 下小朋友 阅读(277) 评论(0) 推荐(0) 编辑
摘要:html部分: js部分: $('.star box').on('click','.star',function(){ var _parent = $(this).parent(); var _item = _parent.find('span'); var _index = $(this).ind 阅读全文
posted @ 2018-08-15 11:51 下小朋友 阅读(81) 评论(0) 推荐(0) 编辑
摘要:html 部分: js 部分: 阅读全文
posted @ 2018-08-13 17:34 下小朋友 阅读(4096) 评论(0) 推荐(0) 编辑
摘要:先这么用着,还需要进一步优化。 阅读全文
posted @ 2018-08-10 16:35 下小朋友 阅读(405) 评论(0) 推荐(0) 编辑
摘要:当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题。在textarea 里面,空格和换行会被保存为 和`/n`,如果我们前台输入和前台显示的文字都是在 textarea 里面,其实并不需要做任何处理,你在 textarea 里面编写的样式会按 阅读全文
posted @ 2018-08-06 15:47 下小朋友 阅读(59195) 评论(5) 推荐(2) 编辑
摘要:防抖和节流是在js性能优化方面非常重要的一环,它们主要针对的是一些短时间内会被频繁触发的事件,比如监听输入框的输入事件来验证表单,监听页面的滚动事件来实现列表的加载,窗口的 resize 事件等等,这类事件都有触发频次高,间隔时间很短的特点,如果这个事件的回调函数涉及到很多计算以及DOM的重绘的话, 阅读全文
posted @ 2018-07-18 16:40 下小朋友 阅读(3370) 评论(0) 推荐(0) 编辑
摘要:一、 There are multiple modules with names that only differ in casing. 这个情况是如果多出引用的组件 有一个地方的引用地址的大小写肯定是写错了 检查一下 二、vue渲染iconfont vue渲染iconfont的时候,用unicod 阅读全文
posted @ 2018-07-18 00:18 下小朋友 阅读(661) 评论(0) 推荐(0) 编辑
摘要:什么是微信 微信 是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过调用微信 的api,来高效的实现拍照、选图、语音、位置等调用原生手机系统的功能,同时可以直接使用微信分享、扫一扫等微信特有的能力。 微信 的引入和使用 直接使用 引入文件,点击下载。引入之后,可以通过 来调用api 阅读全文
posted @ 2018-07-18 00:16 下小朋友 阅读(112) 评论(0) 推荐(0) 编辑
摘要:原理:监听 事件,获取到元素和元素的 和`scrollTop`,动态改变。 代码: 阅读全文
posted @ 2018-04-16 14:34 下小朋友 阅读(145) 评论(0) 推荐(0) 编辑
摘要:一、用webpack配置es6的编译环境 http://blog.csdn.net/xiaozhuxmen/article/details/51597923 二、es6可以导入本地的json文件 先安装json-loader ,然后在config loader里面设置 { test: /\.json 阅读全文
posted @ 2017-11-24 14:11 下小朋友 阅读(260) 评论(0) 推荐(0) 编辑
摘要:果然还是要买一个好一点的vpn啊,百度上千篇一律的答案,写了N多行,stackoverflow上一查就非常简单,但是不支持ie,应该用百度上面的添加iframe方法可以实现,但是我目前还没试过,等我试了再更新吧!最近要学frameword7咯~~ 代码如下: function downloadImg 阅读全文
posted @ 2017-05-10 00:26 下小朋友 阅读(405) 评论(0) 推荐(0) 编辑
摘要:在网上百度了很久,都是一样的答案,而且根本执行不了~~~每次都会报错,最后总算找到一个对的....不容易啊! 重点1:方法要写在iframe onload里面,加载完成再执行 重点2:用id获取iframe元素,contentWindow获取文档对象 方法如下: var iFrame=documen 阅读全文
posted @ 2017-05-08 23:58 下小朋友 阅读(2733) 评论(0) 推荐(1) 编辑
摘要:如果table元素的高如果不设置,是根据内容撑开的,根据这个规则,可以用js控制默认状态下table-cell的宽度,并将这一列的table-cell设置为dispaly:block,这样多出来的内容就会被隐藏掉,添加点击事件,把table-cell的display在block和table-cell 阅读全文
posted @ 2017-04-10 00:22 下小朋友 阅读(3090) 评论(0) 推荐(0) 编辑