摘要:
X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架,只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具,致力于提升开发效率,减小开发难度。它可以让你在没有任何构建工具(例如 grunt 、 gulp 或 webpack 等工具)配置 阅读全文
摘要:
Texture Merger 可将零散纹理拼合为整图,同时也可以解析SWF、GIF动画,制作Egret位图文本,导出可供Egret使用的配置文件,其纹理集制作功能在小游戏开发中可以起到降低小游戏包体的作用,是开发者们最为喜欢的靠谱软件开发工具之一。 下面就为大家介绍Texture Merger的使用 阅读全文
摘要:
一个vue阅读器项目,目前已升级到2.0,阅读器支持横向分页并滑动翻页(没有动画,需要动画的可以自己设置,增加transitionDuration即可) 技术栈 vue全家桶+mint-ui github Fakin-Reader 部署 # install dependencies npm inst 阅读全文
摘要:
1. 游戏访问连接 点击跳转 2. 九宫格拼图原理 图例原理: 上图的九宫格图例,每个格子都有一个(x,y)的坐标,假如格子9是空白格子,怎么知道6和8是它的直接相邻格子呢。这时候就体现出格子坐标(x,y)的作用了, 使用公式:|(x6 - x9)| + |(y6 - y9)| = 1,将空白格子9 阅读全文
摘要:
react 移动端 兼容性问题和一些小细节 使用 ES6 的浏览器兼容性问题 react 对低版本的安卓webview 兼容性 iOS下 fixed与软键盘的问题 onClick 阻止冒泡 meta对于移动端的一些特殊属性 页面禁止复制、选中文本 1.使用 ES6 的浏览器兼容性问题 由于 Babe 阅读全文
摘要:
一直觉得网易云音乐的用户体验是很不错的,很早就注意到了里面的鲸鱼音效,如下图,就是一个环形的跟着音乐节拍跳动的特效。 gif动图可能效果不太理想,可以直接在手机上体验 身为前端凭着本能的好奇心和探索心当然会研究一番,如何在页面上实现该效果? 1.AudioContext 其实这类动效原理并不复杂,你 阅读全文
摘要:
1.什么是跨域? 浏览器对于javascript的同源策略的限制,例如a.com下面的js不能调用b.com中的js,对象或数据(因为a.com和b.com是不同域),所以跨域就出现了。同域的概念又是什么呢?所谓的同源是指,域名、协议、端口均为相同。 2.如何解决跨域? JSONP:JSONP 是一 阅读全文
摘要:
这可能是个别人写过很多次的话题,但貌似由于兼容性的原因?图标的显示还是用着 Iconfont 或者 CSS Sprite 的形式?希望通过自己新瓶装旧酒的方式能重新引导一下问题。 SVG vs Image 比方说现在要做下图这样的视觉效果: 分析:可能需要三张图片 鼠标移入时的背景图 渐变色前景图 阅读全文
摘要:
起因 h5的输入框引起键盘导致体验不好,目前就算微信、知乎、百度等产品也没有很好的技术方案实现,尤其底部固定位置的输入框各种方案都用的前提下体验也并没有很好,这个问题也是老大难问题了。目前在准备一套与native协议 来解决这个问题,目前项目中的解决方案还是有值得借鉴的地方的,分享一下 业务场景 固 阅读全文
摘要:
效果图: 样式使用scss和flex布局 这也是制作IM系统的最后一个界面了!在制作之前参考了qq和千牛 需要注意的点 qq将滚动条美化了 而且在无操作的情况下是不会显示的 滚动条美化 ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚 阅读全文