blog
blog copied to clipboard
💡 技术博客
大家好,我是江辰,这篇文章记录一次在真实的线上环境中,关于 web-view 的问题,大家可以跟随作者一起看看心路历程。 本文首发于微信公众号:野生程序猿江辰 欢迎大家点赞,收藏,关注 ## 问题背景 上半年最开始做的一版是展业大厅页面和互动白板页面(以下统称 `web-view`)分离,后面由于腾讯那边对交互方式不满意,强调一定要展业大厅页面和白板页面在同一个页面进行交互,最开始我们没有思路,因为在小程序官方中的描述,`web-view` 页面不允许叠加任何组件,后面是产品找到一个 demo,发现可以叠加,我这边去翻了下他们的源码(`renderingMode: 'seperated'`),最终解决了该问题,也就导致后面很多问题的产生。 ## 现存问题 ### web-view 存在的情况 1. 安卓更新组件不生效,比如 tab 切换,tab1 切换到 tab2 ,不生效,内容不会更新 2. 安卓更新图片不生效 3. 安卓更新样式不生效 4. cover-view...
- 减少重排和重绘 - 图片优化:体积调整、建立最佳格式,比如jpeg就比png好、降低质量、压缩 - 减少http请求:组合资源:css文件合并、js文件合并 - CDN加速 - 资源打包压缩(js压缩、HTML压缩、JS压缩) - 雪碧图 - 使用字体图标 - 页面渲染优化 - 异步加载
本文首发于微信公众号:野生程序猿江辰 欢迎大家点赞,收藏,关注 ## 入职时的环境 这是一家做保险和金融行业的公司,属于传统行业的科技公司,有点外包的性质,当然,也有自己的 `SaaS` 产品,由于是传统行业的公司,技术栈相对互联网公司来说,稍微落后一点。我刚来的时候,上一个前端要辞职了,然后做对接工作(告诉我,有啥问题,直接搜代码),我算是接盘侠,前任留下的屎山。其他的,大概有以下几点: ### 前端组 4 个人 其中一个归 CTO(做后端) 管,另外两个在广东,我入职的时候,也没有确认,到底要不要带人。我来的时候,就已经在了,后面我领导跟我说,要带下他们,我当时压根就没有带人的想法,也是个坑。 ### 技术负债重 - 没有前端工程化体系,开发周期长,开发质量差,维护困难 - 前后端混合项目,剥离前端代码没有剥离干净,后端很多文件都在,不知道重不重要,前端代码运行在服务端,每次修改一行代码,看效果,需要拖到服务器上进行编译,编译大概 1-2 分钟左右,非常痛苦。 - 完全熟悉该项目的人员已离职(技术和产品),项目交接没有处理好。 - 业务逻辑非常混乱,没有相关的产品流程图,全凭记忆。 - 服务器上运行的 `Node` 版本非常低,到现在还是...
[刘江-甜新前端工程化探索之路.pdf](https://github.com/xuya227939/LiuJiang-Blog/files/6987946/-.pdf)
``` let beginTime = 0; let differTime = 0; window.onunload = function () { differTime = new Date().getTime() - beginTime; if (differTime
## 问题背景 上半年最开始做的一版是展业大厅页面和互动白板页面(以下统称 web-view)分离,后面由于腾讯那边对交互方式不满意,强调一定要展业大厅页面和白板页面在同一个页面进行交互,最开始我们没有思路,因为在小程序官方中的描述,web-view 页面不允许叠加任何组件,后面是产品找到一个 demo,发现可以叠加,我这边去翻了下他们的源码(renderingMode: 'seperated'),最终解决了该问题,也就导致后面很多问题的产生。 ## 现有问题 ### web-view 存在的情况 1. 安卓更新组件不生效,比如 tab 切换,tab1 切换到 tab2 ,不生效,内容不会更新 2. 安卓更新图片不生效 3. 安卓更新样式不生效 4. cover-view 文字消失 5. 按钮响应慢,机型性能低的手机比较明显 针对问题 2,目前的...
## 企业微信自建应用 ### 创建应用  进入企业微信,打开【应用管理】,在【自建】下选择【创建应用】 ### 完善应用信息  在【可见范围】内【选择部门/成员】,建议选择全公司,后续可修改 ### 获取密钥  ### 配置应用属性   把可信任的域名配置下,申请校验文件,放入到域名的根目录,保证 Http 请求能访问该文件即可 ### 配置聊天工具侧边栏   1. 填写页面名称 2. 填写页面内容,选择自定义,链接后面需要带上参数,corp_id 和 app_id...
## 在 Git 中管理分支流程的主要方法 ### Git Flow `Git Flow` 最开始是由 Vincent Driessen 发行并广受欢迎,这个模型是在 2010 年构思出来的,而现在距今已有 10 多年了,而 `Git` 本身才诞生不久。在过去的十年中,`Git Flow` 在许多软件团队中非常流行。 ### GitHub Flow `GitHub Flow` 是由 `GitHub` 发行,并得到 Vincent...
## 前言 最近向公司申请了一台 2K 显示器,弄来之后,接上 MacBook Pro,结果,由于像素太高,导致整个屏幕都缩放,字体变的非常小,而且也没有达到 Retina 的效果。经查询,苹果需要开启 HiDPI 技术 ## HiDPI 本质上是用软件的方式实现单位面积内的高密度像素。用四个像素点来表现一个像素,因此能够更加清晰细腻 高 PPI(硬件) + HiDPI 渲染(软件) = 更细腻的显示效果(Retina) ## 获取外接显示器 DisplayVendorID 和 DisplayProductID 在终端输入以下命令: ``` $ ioreg...