摘要: React中Ref 的使用 React v16.6.3 在典型的React数据流中,props是父组件与其子组件交互的唯一方式。要修改子项,请使用new props 重新呈现它。但是,在某些情况下,需要在典型数据流之外强制修改子项。要修改的子项可以是React组件的实例,也可以是DOM元素。对于这两 阅读全文
posted @ 2020-04-20 23:26 热爱前端知识 阅读(1583) 评论(0) 推荐(0) 编辑
摘要: X-BUILD一套基于Webpack(v4.21.0)快速搭建H5场景开发环境的脚手架,只需要几分钟的时间就可以运行起来。X-BUILD是针对H5开发的一套自动化构建工具,致力于提升开发效率,减小开发难度。它可以让你在没有任何构建工具(例如 grunt 、 gulp 或 webpack 等工具)配置 阅读全文
posted @ 2020-04-20 22:39 热爱前端知识 阅读(138) 评论(0) 推荐(0) 编辑
摘要: Texture Merger 可将零散纹理拼合为整图,同时也可以解析SWF、GIF动画,制作Egret位图文本,导出可供Egret使用的配置文件,其纹理集制作功能在小游戏开发中可以起到降低小游戏包体的作用,是开发者们最为喜欢的靠谱软件开发工具之一。 下面就为大家介绍Texture Merger的使用 阅读全文
posted @ 2020-04-20 21:56 热爱前端知识 阅读(596) 评论(0) 推荐(0) 编辑
摘要: 一个vue阅读器项目,目前已升级到2.0,阅读器支持横向分页并滑动翻页(没有动画,需要动画的可以自己设置,增加transitionDuration即可) 技术栈 vue全家桶+mint-ui github Fakin-Reader 部署 # install dependencies npm inst 阅读全文
posted @ 2020-04-20 21:15 热爱前端知识 阅读(2598) 评论(0) 推荐(0) 编辑
摘要: 1. 游戏访问连接 点击跳转 2. 九宫格拼图原理 图例原理: 上图的九宫格图例,每个格子都有一个(x,y)的坐标,假如格子9是空白格子,怎么知道6和8是它的直接相邻格子呢。这时候就体现出格子坐标(x,y)的作用了, 使用公式:|(x6 - x9)| + |(y6 - y9)| = 1,将空白格子9 阅读全文
posted @ 2020-04-20 20:34 热爱前端知识 阅读(813) 评论(0) 推荐(0) 编辑
摘要: react 移动端 兼容性问题和一些小细节 使用 ES6 的浏览器兼容性问题 react 对低版本的安卓webview 兼容性 iOS下 fixed与软键盘的问题 onClick 阻止冒泡 meta对于移动端的一些特殊属性 页面禁止复制、选中文本 1.使用 ES6 的浏览器兼容性问题 由于 Babe 阅读全文
posted @ 2020-04-20 19:46 热爱前端知识 阅读(1736) 评论(0) 推荐(0) 编辑
摘要: 一直觉得网易云音乐的用户体验是很不错的,很早就注意到了里面的鲸鱼音效,如下图,就是一个环形的跟着音乐节拍跳动的特效。 gif动图可能效果不太理想,可以直接在手机上体验 身为前端凭着本能的好奇心和探索心当然会研究一番,如何在页面上实现该效果? 1.AudioContext 其实这类动效原理并不复杂,你 阅读全文
posted @ 2020-04-20 19:05 热爱前端知识 阅读(866) 评论(1) 推荐(0) 编辑
摘要: 1.什么是跨域? 浏览器对于javascript的同源策略的限制,例如a.com下面的js不能调用b.com中的js,对象或数据(因为a.com和b.com是不同域),所以跨域就出现了。同域的概念又是什么呢?所谓的同源是指,域名、协议、端口均为相同。 2.如何解决跨域? JSONP:JSONP 是一 阅读全文
posted @ 2020-04-20 18:08 热爱前端知识 阅读(2925) 评论(0) 推荐(0) 编辑
摘要: 这可能是个别人写过很多次的话题,但貌似由于兼容性的原因?图标的显示还是用着 Iconfont 或者 CSS Sprite 的形式?希望通过自己新瓶装旧酒的方式能重新引导一下问题。 SVG vs Image 比方说现在要做下图这样的视觉效果: 分析:可能需要三张图片 鼠标移入时的背景图 渐变色前景图 阅读全文
posted @ 2020-04-20 17:09 热爱前端知识 阅读(648) 评论(0) 推荐(0) 编辑
摘要: 起因 h5的输入框引起键盘导致体验不好,目前就算微信、知乎、百度等产品也没有很好的技术方案实现,尤其底部固定位置的输入框各种方案都用的前提下体验也并没有很好,这个问题也是老大难问题了。目前在准备一套与native协议 来解决这个问题,目前项目中的解决方案还是有值得借鉴的地方的,分享一下 业务场景 固 阅读全文
posted @ 2020-04-20 16:11 热爱前端知识 阅读(621) 评论(0) 推荐(0) 编辑
摘要: 效果图: 样式使用scss和flex布局 这也是制作IM系统的最后一个界面了!在制作之前参考了qq和千牛 需要注意的点 qq将滚动条美化了 而且在无操作的情况下是不会显示的 滚动条美化 ::-webkit-scrollbar { /*滚动条整体样式*/ width: 5px; /*高宽分别对应横竖滚 阅读全文
posted @ 2020-04-20 15:21 热爱前端知识 阅读(1746) 评论(0) 推荐(0) 编辑
摘要: 拼多多:成立三年,获客三亿,月订单成交额达到恐怖的400亿,成功上市! 糕妈优选:营销活动推送1小时,订单超过10000+,商品成功刷屏朋友圈! 寻慢:一场活动净增7000+粉丝,付款转化率高达71%.! ……. 这些赚足眼球的成绩,始终吸引着传统商家想一探究竟。他们究竟是靠什么取得了这些令人惊叹的 阅读全文
posted @ 2020-04-20 14:40 热爱前端知识 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 图片被压缩了 看起来很难看 主进程代码 import {BrowserWindow, app, ipcMain} from 'electron' createWindow(); ipcMain.on('quitApp', () => { app.quit(); }); function create 阅读全文
posted @ 2020-04-20 13:52 热爱前端知识 阅读(544) 评论(0) 推荐(0) 编辑
摘要: [TOC] 引言 一直以来总是对 unicode, UTF-8 等编码知识懵懵懂懂的,尤其是在做项目过程中只要涉及到几个编码之间的转换,都得到网上搜索一番,根据别人的经验照葫芦画瓢,才能解决问题,但是私底下却完全不懂在做什么。 我再也不愿意重复这种状态了,于是就花了一个上午的时间,将这些知识整理了一 阅读全文
posted @ 2020-04-20 13:07 热爱前端知识 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 这是一个从 印记中文 | react官方文档 提取总结的,算是帮自己理清并且强化记忆React的生命周期,以便以后编写组件的时候能够有更清晰的思路。本文如有纰漏,欢迎指正 整体上来讲,React生命周期分为了 挂载(装配) 、 更新 、 卸载 以及 捕错 四个状态阶段。每种状态里需要执行若干个生命周 阅读全文
posted @ 2020-04-20 11:56 热爱前端知识 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 最近HTTP-over-QUIC 协议被正式命名为 HTTP/3,协议带来的最大改变是协议底层将采用UDP协议,而不再是TCP协议,这样的好处吗,就是更低时延,更好的拥塞控制,更精确的RTT时间,更高效率的多路复用...谷歌万岁,要知道现有的http/2(spdy)协议也是源于谷歌。 这么多的好处, 阅读全文
posted @ 2020-04-20 11:06 热爱前端知识 阅读(489) 评论(0) 推荐(0) 编辑
摘要: 易文档是我用过最好用的在线接口文档管理工具,支持在线接口调试,支持http,tcp,markdown,富文本多种编辑器。编写体验很好,预览效果很漂亮。支持常用参数预定义,模板功能,无限层级目录结构,自参数,功能多且强大。 看云只支持markdown编辑模式,写接口文档比较麻烦。不过支持文档打赏和评论 阅读全文
posted @ 2020-04-20 10:23 热爱前端知识 阅读(1585) 评论(1) 推荐(0) 编辑
摘要: 本文是学习了2018年新鲜出炉的React Hooks提案之后,针对异步请求数据写的一个案例。注意,本文假设了:1.你已经初步了解hooks的含义了,如果不了解还请移步官方文档。(其实有过翻译的想法,不过印记中文一直在翻译,就是比较慢啦)2.你使用Redux实现过异步Action(非必需,只是本文不 阅读全文
posted @ 2020-04-20 09:39 热爱前端知识 阅读(1301) 评论(0) 推荐(1) 编辑
摘要: 1.在page中的修改数据的setData函数,需要传递的是一个对象。 that.setData({ src: res.tempFilePath }) 2.在 onload 事件中,可以获取wx.navigateTo传递过来的参数 主页面 url = '../detail/detail?id=' + 阅读全文
posted @ 2020-04-20 08:54 热爱前端知识 阅读(140) 评论(0) 推荐(0) 编辑