Jorce Blog

interest makes everything on

感谢信2

感谢信

Update: 感谢 感谢2 感谢DM

感谢信1

感谢信

Update: 感谢 感谢1 感谢charlene

兼容iphonex以及11以上底部被盖住的问题

iphonex兼容

Update: 新方案safe-area-inset-bottom iphoneX 以及11以上兼容 最近一直不管是做小程序还是h5遇到需要兼容iphoneX以及11以上底部按钮的问题,应该很多人都遇到过,如果使用fixed或者sticky bottom:0的话 会被iphone底部那条线盖住,所以需要一个好的解决办法 判断是否是iphonex或者11以上,然后单独进行处理 ...

flexsearch使用+worker

全局搜索

Update: 用户不愿意付费使用algolia,换位flexsearch algolia flexsearch 公司后端选择的全站搜索引擎是algolia,它支持react并有封装好的一系列react组件,后来用户不愿意付费所以进行更换 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ...

提升chrome评分 优化首屏等加载速度

webpack等

Update:首屏优化 最近公司项目遇到的问题是要提升网站的首屏加载速度以及chrome的评分。 本项目是二次开发,他们旧网站的评分是40/15(destop/mobile) => 90/75 看到这个分差距的时候,吓了一跳,因为之前没用过这个评分,也没仔细做过首屏优化,所以在公司fullstack的帮助下进行了这次浩瀚的工程。 index.hbs的所有文件按需加载 1 2...

storybook使用记录

踩坑记录

Update:新公司项目使用storybook进行组件展示 凭借着过人的理解能力和超乎常人的水平踏入了一家外企。 目前接手的项目是基于react的官网,要求使用storybook进行组件测试和管理。之前没用过,所以来踩踩坑 #####. 首先在项目根目录创建.storybook文件夹 其中包含了addons.js config.js webpack.config.js addo...

IE兼容记录

踩坑记录

Update:外包官网 半个月前老板接了个外包项目,一家婚庆公司的宣传网站。用nuxt做完了之后,甲方说需要兼容IE???? 行吧,慢慢捣鼓吧。 img display:block 遇到的第一个问题是图片有间隙,这个一般将图片改成块级就可以了。结果IE会出现当不定义高度的时候,多出一大块空白区域的情况(原图尺寸)。 解决方案:目前使用的解决方案是 display:inli...

数组的判断

判断一个值的类型是否是数组类型

Update:判断是否是数组 toString Object.prototype.toString.call() 每一个继承 Object 的对象都有 toString 方法,如果 toString 方法没有重写的话,会返回 [Object type],其中 type 为对象的类型。但当除了 Object 类型的对象外,其他类型直接使用 toString 方法时,会直接返回都是内容...

RN、Weex、Flutter项目踩坑

踩坑记录

Update:项目启动 最近在捣鼓Hybird开发APP就想对比一下几个框架的优劣,所以有了本篇文章,windows系统 Weex&RN 两者需要开发androidApp的的环境相同,注意点是目前版本需要jdk为1.8 gradle版本 这是个大坑,目前android studio已经更新到3.x版本了 RN最新的脚手架下载的版本是3.2也就是比较新的版本配套的设置基...

正向代理和反向代理

主要为了理解nginx

Update:Nginx的反向代理 注:这里只记录我在工作过程中代理产生的作用 正向代理 理解:通过正向代理指定性的访问某一个网站,客户端和代理服务器为一体 作用: 1 2 3 4 1.翻墙 2.代理用户记录,对外隐藏用户信息 3.缓存 4..... 反向代理 理解:通过反向代理访问多个跨域网站服务器,代理服务器和跨域网站服务器为一体 作用: 1 2 3 1.安全 2...