随笔分类 -  杂七杂八

小程序实现无限瀑布流
摘要：实现瀑布流 实现效果 有好几种方案 1.用column count属性把页面元素分为俩列或多列来实现 2.用display flex 分列来展示页面 3.比如说用js实现 我今天介绍的就是第三种，因为前两种都会有局限，实现的效果我们希望是左右左右，而不是分成两列去显示，因为如果功能需要列表按照热度显 阅读全文
posted @ 2019-03-18 10:10 kitebear 阅读(948) 评论(1) 推荐(0)
Vue H5 项目模板
摘要：使用了 mint ui sass vue fastclick vue router 一个项目的初始化状态，一个新项目，陆陆续续花了2天时间搭起来的。 里面有mint ui的基本用法 tabbar 还有 vuex的基本用法, scss的初始化代码，还有一些方便的工具包。 Project setup C 阅读全文
posted @ 2019-03-06 15:11 kitebear 阅读(2136) 评论(0) 推荐(0)
前端优化措施
摘要：首先是图片上的 其次是webpack dll js包的分包 代码上的 相同功能 封装组件/函数 nginx 配置 gzip 打包发布的时候 压缩JS、Css、html 这样的话就减少了体积 增加了加载速度 HTML 上的 js 文件的引用，wexin jdk.js 加 async HTML 头的优化 阅读全文
posted @ 2019-01-12 00:06 kitebear 阅读(185) 评论(0) 推荐(0)
面试官小感（写给一些需要面试的人）[前端方向]
摘要：  最近总是在面试别人（前端），从这些人身上我总结了一些经验，80%的人没有充分的为这次状态做准备，30%的人没有面试的状态（表现懒散、随意、无所谓、麻木），50%的人没有get到面试官的点，60%基础知识没打好出来面试，只有5% 10%的人完全合适，到这里一般要面试很久。 下面我们一个个 阅读全文
posted @ 2017-04-29 16:09 kitebear 阅读(956) 评论(8) 推荐(3)
微信H5中的一些坑
摘要：最近在写微信公众号H5页面 遇到了一些坑，在这里记录一下 记录一下signature的计算 // 首先找到hex_sha1的加密算法，ticket 是后端提供的 var url_local = location.href.split('#')[0] var timestamp = parseInt( 阅读全文
posted @ 2017-01-05 22:52 kitebear 阅读(456) 评论(0) 推荐(0)
前端性能优化随笔
摘要：只有10%~20%的最终用户响应时间花在了下载HTML文档上，其余的80%~90%花在了下载页面中的所有组件上，有一部分时间花在解析HTML、脚本、样式表上面。首先整页时间>3s ，延迟1秒的页面加载时间可能导致转换损失7%，减少11%的页面浏览量，并减少16%的客户满意度。如果3秒后，网页还未加载... 阅读全文
posted @ 2015-09-21 20:02 kitebear 阅读(844) 评论(2) 推荐(1)
视察滚动
摘要：需求： 这几天做新网站要用到视察滚动，我起初去鑫大大那找了一个插件parallax ，最后发现不合适，这个只能做一些大图层的变换，而且要将一些小的元素也滚动的话，用parallax特别不方便。 然后再搜，发现一个新的叫SuperScrollorama,但是里面要加载的资源很多，需求是 只需要变化元素 阅读全文
posted @ 2015-07-01 08:25 kitebear 阅读(274) 评论(1) 推荐(0)
前端集合(1)
摘要：“点透”是什么 你可能碰过在列表页面上创建一个弹出框，弹出层有个关闭的按钮，你点击了按钮关闭弹出层后，这个按钮正下方的节点也会被触发（或者打开链接）。 我暂时定义为这是一个“点透”现象 直接在touchend处阻止浏览器默认事件即可 }); 详见叶道友：http://www.cnblogs.com/ 阅读全文
posted @ 2015-07-01 08:22 kitebear 阅读(1233) 评论(2) 推荐(1)
功能实现思路
摘要：模拟弹框模拟滚动条banner的插件模拟弹框就是按照三种confirm、alert、prompt弹框 模拟窗口，实现类似的效果，把具体的可变的实现封装起来，具体的可以看阿当的视频，讲的很好。模拟滚动条定义2个div外层是上下滚动的长条，中间是用户拖动的，然后监听鼠标事件和滚动事件分别是(mousew... 阅读全文
posted @ 2015-07-01 08:03 kitebear 阅读(300) 评论(0) 推荐(0)
读书书籍
摘要：javascript 模式javascript高级程序设计3 (two)你不知道的javascriptjavascript 面向对象精要精通CSS高级标准解决方案CSS那些事javascript犀牛书（读了一小半感觉还是高程好点）javascript模式设计与开发时间（正在攻读） 阅读全文
posted @ 2015-06-28 11:46 kitebear 阅读(92) 评论(0) 推荐(0)
About Me
摘要：职位：前端负责人 年龄：90后 星座：射手座 个人邮箱：xie5721072@163.com 性别男-爱好女 口号：成为幼稚园霸王！ 现阶段想法：呆在家里办公，在有生之年做越来越多更好的选择和有趣的事情！ 个人属于比较励志的那种（纯个人感觉） 花了一些时间，手写皮肤，感觉很不错，将黑白灰风格进行到底 阅读全文
posted @ 2015-06-07 01:39 kitebear 阅读(309) 评论(2) 推荐(0)