-
在React开发中TypeScript下如何正确使用react-rematch?
rematch是对redux的二次封装,简化了redux是使用,极大的提高了开发体验。rematch仅仅是对redux的封装,没有依赖redux-saga,也没有关联react,因此其可以用在其他的视图库中,如vue等。
教程 rematch react详情 -
Nodejs如何结合TinyPng实现基本无损的图片压缩?
Nodejs对于开发人员来说都很熟悉,TinyPng可能很多伙伴还不知道是什么,其实它就是一个网站,百度搜索就有结果,它采用了通过有选择地减少图像中的颜色数量,需要较少的字节来存储数据,来实现图片压缩技术,肉眼很难看出端倪,但是大小却是惊人的改变,一般的图片压缩率可以高达70%左右,这对于资源大小有要的无非是一件天大的喜事。
图片压缩 TinyPng详情 -
LayaBox2.0教你如何实现ScrollView效果?
在国产游戏引擎中,Laya还是不错的一款游戏引擎,以做3D而成名,并且可以结合Unity国外的游戏引擎,进行3D模型的导出,供laya进行使用,这很好的解决了没有没有3d可视化编辑的问题,除了做3d之外,2d制作起来也很舒服,开放度很高,可以自己进行扩展。在laya提供的list列表中,没有像scrollview效果的代码,本文即自我封装一款scrollview。
LayaBox 游戏引擎详情 -
如何解决键盘弹出的时候,css识别横竖屏出错问题?
css提供的媒介查询,orientation能够正常判断横屏还是竖屏,正常情况下是没有什么问题的,但是在iphone或者安卓某些屏幕软键盘弹出的时候,横竖屏幕就会识别出问题,导致在竖屏的时候,判断为横屏,然后导致样式使用出错,页面布局错乱,本篇文章将提供解决办法。
媒介查询横竖屏适配详情 -
PointerEvent的使用以及注意事项
TouchEvent和MouseEvent的替代方案PointerEvent,它基本和MouseEvent类似,同时还包含了TouchEvent的部分事件,但是它的功能性更强,更丰富,比如笔压等。本篇文章记录一下在做压感的时候,遇到的一个bug解决。
pointerevent 压感详情 -
Canvas之手写板,最简单得曲线平滑解决方案,你更喜欢哪一种?
最近项目需要用到canvas进行自定义绘制,需要接通手写板功能,手写板包含指压力度得能力,但是由于在普通得lineTo进行线条的绘制,总是有那么一些缺陷,可能点与点之间出现这线条等,为了解决这个问题,没有写出更高深的算法,只得借鉴二次贝塞尔和三次贝塞尔曲线来加以尝试解决。
贝塞尔曲线 手写板详情 -
【简单记录】几行css实现双删除线
简单记录了css如何实现双删除线,在普通的text-decoration:line-through是无法实现双删除线的,这个最多就是一条线,就叫删除线,本文将利用css来实现一个双删除线。
双删除线详情 -
分享封装小程序数字滚动倒计时效果组件
最近制作优惠券项目,需要使用到数量逐渐减少的动画效果,但是普通的数字变化很好实现,就一个计时器一直去轮询,轮询结果把数字改了,就能实现数字变化,但是,UI和产品一致认为,需要让数字滚动起来,也就是滚动减少,这个就有点麻烦了,需要手动封装,本文分享封装好的地址,供大家参考使用。
小程序组件详情 -
解决React开发的项目打包后,无法访问接口
现在大部分的项目制作,都是采用前后端分离的模式进行开发,前端有成熟的开发框架,像react,vue等,但开发过程中可能你不会发现服务端请求问题,但是打包后,部署线上却发现了问题,本篇文章记录一下,如何解决react开发的项目,打包后,无法访问接口问题。
nginx代理 接口跨域详情 -
SPA单页面应用解决预渲染问题
解决SEO(Search Engine Optimization),首屏问题 , 页面较少,且预渲染相对于SSR比较简单,预渲染可以极大的提高网页访问速度。而且配合一些meat插件,完全可以满足SEO需求。 Prerender服务需要有NodeJs环境支持,如果之前服务器环境没有NodeJs需要先进行安装。
prerender-spa-plugin详情 -
小程序之通过配置,自动生成带二维码海报页面
在开发小程序的过程中,往往会遇到这样的需求,就是经过一系列操作后,最后会给用户生成一个带二维码的分享海报,这个海报有一个背景和一个二维码,并且这个二维码是动态生成的,带有对应的属性,让我们可以统计一些信息,这样每次都去写,很麻烦,所以在此封装成了一个组件,通过配置,自动去生成这样的海报,包括给用户展示的页面以及实际保存的海报页面,当然实际保存的海报页面是用户看不见的,只有保存下来才可以看见,原因就是因为如果保存直接在小程序内部用户可以看见的图片,那么保存下来之后,会很模糊,所以一般会从新生成一个比用户看见大的多的一个图,本文就分享出来本人封装的一个小程序组件。
小程序组件 二维码海报详情 -
解决React中和Electron进行通信报错问题
在客户端开发的时候,选择的技术栈是Electron和React技术栈,Electron用于一些原生的内容调用,React用于大部分布局,功能的开发,而这两者桥接的时候,会涉及到通信,使用的模块是ipcMain和ipcRenderer两个模块,但是在react中引入ipcRenderer的时候,会出现无法导入或者找不到的情况,本篇将记录如何解决。
electron+react详情