前端开发工程师

少年郎编程之路

代码在线跑，知识轻松学

Python精品学习库

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

博客搬家 | 分享价值百万资源包

往期视频·干货材料·成员作品 最新动态

技术创作特训营·精选知识专栏

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

在移动端 Web 开发中，我们经常会遇到各种浏览器兼容性问题，尤其是 iOS Safari 中的一些特殊渲染行为。本文将深入分析 iOS Safari 中 CSS filter: drop-shadow() 属性的一个特殊渲染问题，并提供多种解决方案。

​iOS Safari 中的 CSS drop-shadow 渲染异常问题分析与解决方案

小程序作为当前移动应用开发的重要方向，其渲染机制一直是开发者关注的焦点。Taro 作为一款优秀的跨端开发框架，其小程序渲染模板的设计尤为精妙。编译出来的base.wxml，utils.wxs等模板文件可读性较差。本文将结合源码，深入解析 Taro 的小程序渲染模板机制。

​Taro.js 小程序渲染模板解析

在使用Kasm Workspace时，工作区重新生成后内容会丢失，给工作带来诸多不便。比如:

Kasm Workspace工作区持久化

Kasm Workspace 作为一款强大的开源容器流平台。它能够将云桌面、Web 隔离以及 OSINT 工作负载直接交付到用户的 Web 浏览器中，使用起来极为便捷。本文主要介绍如何在腾讯云的轻量云服务器闪安装并且使用kasm workspace

Ubuntu 上安装的 Kasm Workspace

RPC（Remote Procedure Call）是一种远程过程调用协议，它允许程序调用另一个地址空间（通常是在另一台计算机上）的过程或方法。流行的PRC框架很多，例如gRPC。

RPC与HTTP协议的对比：前端开发者为何需要了解RPC

接下来，我们创建一个全局拦截器来上报正常的API调用结果。以下是一个简单的全局拦截器示例：

为nestjs服务添加调用结果上报

对面服务的nodejs进程有内存泄露的情况，服务已经启动对外开发了一段时间了，这时候希望能够debug这个运行中的进程，生成一些heapdump来分析内存泄露的具体位置。针对运行中的nodejs程序，我们可以使用kill命令传递信号来开启nodejs程序的debug模式。

服务器本地端口转发的一种办法

这里会发现，setter相关的代码没有被执行，这是因为使用属性装饰器来修改属性的行为（例如拦截属性的访问或修改），则需要返回一个属性描述符。属性描述符包含有关属性的配置信息，例如属性是否可写（writable）、是否可枚举（enumerable）以及属性的get和set函数等

typescript属性装饰器不生效的问题

Error loading shared library ld-linux-x86-64.so.2，具体就是缺少一些动态链接库

v8-profiler-next报错处理

做过移动端开发的话，大家肯定都遇到过各种移动端的兼容问题，例如IOS的fixed问题，不同系统浏览器API的兼容问题等。今天我们要讨论的也是一个兼容性问题，当安卓h5页面里遇到输入框的时候，输入法弹出的时候，浏览器会调整布局，导致底部的UI被顶上来，具体如下图

安卓H5页面软键盘顶起页面底部

目前维护一些前端的项目，业务部署在kubernetes上的Deployment workload，经常会有一些小bug需要处理，或者进行一些小迭代。业务的用户量比较大，希望测试和发布的时候，不要影响到外网功能的使用，而且尽可能方便。

云上业务测试环境治理一种方式

官方自带的nodejs依赖管理工具安装的包可以安装全局依赖。这里正常工作的前提是你必须在主镜像里安装好nodejs，并且配置好nodejs的bin目录的PATH环境变化。我们按照官方的指引安装包管理工具，然后安装下whistle

Crawlab Nodejs爬虫之依赖安装

crawlab 官方文档的scrapy 爬虫爬取的结果可以在任务栏的数据那里看到，但是官方没有指引nodejs如何达到类似的成果。这对使用nodejs在crawlab上写爬虫的同学非常不友好。

Crawlab 支持Nodejs爬虫插入数据

在服务器上先按照docker，然后按照官方文档的指引，下载好docker-compose.yml,  然后执行docker-compose up -d，启动镜像，访问http://<your_ip>:8080

Crawlab 支持Nodejs脚本执行

小程序官方把性能指标简单分为启动性能和运行时性能两个主题。「启动性能」让用户能够更快的打开并看到小程序的内容，「运行时性能」保障用户能够流畅的使用小程序的功能。小程序官方没提供最权威的性能指标参考值，但是文档里提供了不少获取性能数据的方法，我们需要整理一下我们关心的性能数据。

主流小程序框架性能分析

我们的项目是一个同构的nodejs服务端渲染项目，服务使用镜像部署，支持直接返回nodejs服务端渲染的html，也支持返回静态html资源，用户在客户端浏览器发起请求获取数据，然后再渲染页面。绝大多数情况下，我们的nodejs服务正常运行，提供服务端渲染完成的html，但是少数情况下需要返回静态的html资源(nodejs服务出现异常，镜像发布异常等等)。

云上Nodejs同构服务端渲染容灾

新项目采用了vue3开发，而目前vue对应的QraphQL模块vue-apollo对使用typescript开发的vue3框架支持不是很好(目前正在开发的Vue Apollo 4 将支持 Vue 3)，没法利用typescript来检查GraphQL接口拉回来的数据，这里记录一下处理这些问题的方式。

前端开发使用GraphQL——VUE3使用GraphQL

最近在做需求的时候，有个管理端接口需要在调用的时候传递一个无符号的32位整形文件ID，也就是0 ~ 4294967295之间的数字，每次调用接口这个文件ID不能重复。

nodejs生成不重复数字的一种办法

nestjs官方有很完善的官方文档，看文档已经可以解决很多问题了，但是官方提供前端代码框架可以给我们即开即用，这里我在官方文档的基础上，增加了一些配置，让项目的代码符合我的需求，聚合已有的后台接口。

前端开发使用GraphQL——Nestjs/GraphQL项目搭建

我们的业务后台使用开发rpc服务，然后通过包一层http给前端调用。因为历史遗留问题，前期项目赶进度导致遗留了很多技术债。例如：

前端开发使用GraphQL——服务端技术选型

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

腾讯云开发者社区推出了少年郎编程之路专栏，为你提供了少年郎编程之路的相关文章，致力于帮助开发者快速成长与发展。

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐